npm - @getflip/swirl-components - Versions diffs - 0.205.1 → 0.206.0 - Mend

@getflip/swirl-components 0.205.1 → 0.206.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 (1540) hide show

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

@@ -82,7 +82,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: '363b5000af1f2bf2bae5864fff12430d87650a43' }, h("div", { key: '8735e9bcff78931ff67d54159083953f4b0d4018', class: "tabs" }, h("swirl-tab-bar", { key: '7065564ec794ba85ad0d6da927b65274e2aa1bf6', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: '6bdcd37869e6752cff4248ff05101b97cece9d33' })));
+        return (h(Host, { key: 'ca3751ad4241f90d7ac08650582eab62bdc20996' }, h("div", { key: 'a02ac42fd26273e97889deeae33b4c03858b1cdb', class: "tabs" }, h("swirl-tab-bar", { key: '74b92342f16f348cb5592cdaaaf4da4febc43460', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: 'b107fbc7a18e81e56cecbbd6f45fe7e88c906069' })));
     }
     get el() { return this; }
     static get style() { return SwirlTabsStyle0; }

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { c as classnames } from './index2.js';
 import { d as defineCustomElement$1 } from './swirl-icon-close2.js';
-const swirlTagCss = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--bordered{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-info.tag--bordered{border-color:var(--s-border-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-critical.tag--bordered{border-color:var(--s-border-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-warning.tag--bordered{border-color:var(--s-border-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag--intent-success.tag--bordered{border-color:var(--s-border-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";
+const swirlTagCss = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--bordered{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-info.tag--bordered{border-color:var(--s-border-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-critical.tag--bordered{border-color:var(--s-border-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-warning.tag--bordered{border-color:var(--s-border-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag--intent-success.tag--bordered{border-color:var(--s-border-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";
 const SwirlTagStyle0 = swirlTagCss;
 const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLElement {
@@ -25,7 +25,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
         const className = classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
             "tag--bordered": this.bordered,
         });
-        return (h(Host, { key: 'b67e7321084a551a2ff203d672262d40f25b6962' }, h("span", { key: 'db89192e386e1b8e984c7ff5a8fcc8e8407900db', class: className, part: "tag" }, h("span", { key: 'a3adcc737835666ed52e6a04922974637b4bc745', class: "tag__label" }, this.label), this.removable && (h("button", { key: '9104229361b9746841db84a0ce88545947e2a6e1', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '8f0d79c563ffa74bec22ea400c3d43ff22a9ca69', size: 16 }))))));
+        return (h(Host, { key: '02429e0453f16d87117282b02b5566210e9990cc' }, h("span", { key: 'bd3039960b3f6bad92c08001f9927643626d9ffa', class: className, part: "tag" }, h("span", { key: '082ae33eebf5fa8fb39e9d481d613419aacc06a9', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'e3a20c81951a5606f49a7ac946ccabcadde1a856', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '15f71b707c8d6bbba3c09dd9c66ddaa4399b82ad', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return SwirlTagStyle0; }

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

@@ -983,7 +983,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '2b93f1fd4b860a46c4ecceadb8b16d3d0c698c12' }, h(Tag, { key: '91598eaf45494a8055a7fc6901e9798cf0ca83c2', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '472da5530334b2775e88755c9f56f6be31356d61' }))));
+        return (h(Host, { key: '4e76cd5640a6e3796ddaf2c1248a5eb001f03327' }, h(Tag, { key: 'ddf69948aa62e50b470651cd7d4ae558a89f2c86', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'b8d4c77cd22364955682bc7f224de408a2439165' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTextStyle0; }

package/dist/components/swirl-theme-provider.js CHANGED Viewed

@@ -153,7 +153,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '8609beef5e0aec9dfb8361cc2835dd6da6fde952' }, h("slot", { key: '07b54aa7dbd134ededdf42bd2846eb35d1f8f330' })));
+        return (h(Host, { key: '780652abefa22978dc091f053cbcf5de4f5f1865' }, h("slot", { key: 'bee64d3cf6954134ba33d1336592082be8953b21' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -31,7 +31,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '8692ee74e68449714b38624068b752b6161d5797' }, h("span", { key: '4ab8f19328c2f4c709f0cee1cb5b66a46c2b1995', class: className, role: "group" }, h(ImageWrapper, { key: '865c97c657654115b45c1fb8b56e25991929e244', class: "thumbnail__image-wrapper", type: this.interactive ? "button" : undefined }, h("img", { key: '327eed3af1c571292c7d990d2c3c0f4897dd3ce0', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '34eb2fcd51dff98463568bedec7d1304a455d28a', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '64527a842053083bf67321400382b5b6e2ca1867', label: this.progressLabel, value: this.progress }))), showRemoveButton && (h("span", { key: 'dc9492d8753140e87bd0f1ab6972dac842bfc273', class: "thumbnail__remove-button" }, h("swirl-button", { key: '56a9d205434856073471b0fa47fd9d73e1814fcc', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: true, variant: "on-image" }))), showTimestamp && (h("span", { key: '0adb76f35e7b9b147d573702e3f7d805cc3c9f75', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '762bc0e3b9f5bf8c641c20ce724884f77fb830e5' }, h("span", { key: 'b1888e8d10d3b5cbd6787d0cb102861cf39b0de5', class: className, role: "group" }, h(ImageWrapper, { key: 'ded5cbfccd6b9893ba64f98afaad0f5668782e9d', class: "thumbnail__image-wrapper", type: this.interactive ? "button" : undefined }, h("img", { key: '6aa0faf7b5cfcae5ffb5aaca57d6bdcf3b6489ea', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'e944d596104df7ede831033d0deade80e71a7ab6', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '94756917e48834294270031b33f874f49971ea2e', label: this.progressLabel, value: this.progress }))), showRemoveButton && (h("span", { key: '48d405795e837030ebd2b7e77e417202494c77e1', class: "thumbnail__remove-button" }, h("swirl-button", { key: 'd31f62a21d3ddef23d573c2180b53a2ad99885e5', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: true, variant: "on-image" }))), showTimestamp && (h("span", { key: 'c9382b433ec7a94fd202d1fc23603a12d8d67a8d', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return SwirlThumbnailStyle0; }
 }, [1, "swirl-thumbnail", {

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

@@ -125,7 +125,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '63cd2f81fb3450ee960eec0311725f9715868ffc' }, h("div", { key: 'd72d49559fd8a6bd53ed4664821ac83a4bd9c7c9', class: className }, h("input", { key: '6c56bec847fd5ad9f0f0adf625531806792434ca', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: 'f1a473485af7650df595a1543e815aedc3201e8d', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '19364c42d895723db6007b9a22858626b97a645e', size: this.iconSize })))));
+        return (h(Host, { key: '12c63b96d660968f5b732222118a3693129132a3' }, h("div", { key: '77251862c08ca2b91b0d609c0c397954e5e18462', class: className }, h("input", { key: '3809a5ea86541c1636fea6b8e243e7a3fe3ba966', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '226e7bf8b7aefd292cf6d3c882b237cef2287873', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'ac72d113dfcbba44a3d11fb53c96369780331aa7', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toast-provider.js CHANGED Viewed

@@ -56,7 +56,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '336ab967756993cdddef8b82c5df8679d413adef', role: "status" }, h("swirl-stack", { key: 'cbe539dec76ac6c7f21a45adbc6257bd24da108c', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '6a80302e6c239afdd65909cb335146e4971a1fa1', role: "status" }, h("swirl-stack", { key: 'd966f4578e32bb6771facd589718367516221d46', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -62,7 +62,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '44c0e7c5caef9346a5aab20d61b3ca6f524b9bb5' }, h("div", { key: 'e9fe678eef8ee633009d9943e165f11c169fdd21', class: className }, this.icon && (h("span", { key: '459f13f5bbc4a58c9300bf8e496af4ea9a504dc4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'c4968c38176aee26ca4a63d6b3963b9b6860cd1f', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '8c7da7b6491f02145bc63684fe3f9aead9b7ef6b' })), h("button", { key: 'c749ce63db5cc48f5734957b52fb5b82fd76b002', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '28b36e7afd397f18d4b76ddc74daca78d31a7af9', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '921ff1d7869007a8bfef652310d255941d24c088' }, h("div", { key: 'b50440dbd7a8c917d0220bca3a42146a6ca99efd', class: className }, this.icon && (h("span", { key: '6971954911e9077a5114db40f464c7078800a692', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '05a9fc0cca75a4839ea2b5fa2316afda4e5702bf', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '60d16baf8f4a7c53994349ac42a80d4632d055d1' })), h("button", { key: '2ab3ae0c7b6e685d69f97e17f6f2a59ceeff493b', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '025c972db050fca597c00b9920905b788993994d', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -74,7 +74,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: 'a3c4eb79f0d8b117b341efc10a786637fd779280' }, h("swirl-stack", { key: '40b557fc51a8076a242c858814cd06d8be851470', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: '992538241f2b3c1af5b6e43344c40fdb163cc8bc' }))));
+        return (h(Host, { key: '5df7c943ac7df8f09fc8b1d45f4d56857cbfb2f6' }, h("swirl-stack", { key: 'c21b170cae85b76061ed0c1206f49f54bf69a4a2', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: 'fd1acd8fbe00fdd09ca9c403fe1276405f81caae' }))));
     }
     get el() { return this; }
     static get style() { return SwirlToolbarStyle0; }

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

@@ -103,7 +103,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
         const className = classnames("tooltip", `tooltip--actual-placement-${this.actualPosition?.placement}`, {
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '439c818a49a55fa2406b41fa167f56c41f23be77', onKeydown: this.onKeydown }, h("span", { key: 'b6bde44079615456d5608902120a13e4160e6ff6', class: className }, h("span", { key: '9ba46d08fa9595647595c7b197233b92f86d2774', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'bcb14d7117697ad1260fd85c31cd354958be900a' })), h("span", { key: '099aa66cb293a5f653851e131cba3cff51be72ea', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '978135408aa2f9134dad3f15e1bff185e90557b5', onKeydown: this.onKeydown }, h("span", { key: 'e72b3f2aa40f14a04cf274a39d7b8f6a2dbdcbd5', class: className }, h("span", { key: '556e530c9eec0390e75c79ada25e51f9e1824bed', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '62653d76b03bc1d2c0e99c2d9a0f2260dd421359' })), h("span", { key: '3b3baf02b091b9a2eeba3511d8cac32d8c9bd29f', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -111,7 +111,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '75719accc2de267f5bb0b9edb81e521880b320ca', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'd6cb38268148b8e6fb3cfce4b62f7a68b4e0b08b', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '1b26897acb27c52dc577bbdd68afe23d37adf390', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'd4445b6c16fdb2c674d8386bd94149a467995272', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'b374a803fc9342b6594951acb940976515abf2f4', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '3180c72b3db823fde79cfa27b2553921cd7d0351', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -22,7 +22,7 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item--active": this.active,
             "tree-navigation-item--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '857640a6c05be89f758a2e33a642aa4a2a28d0b3' }, h(Tag, { key: '0ed6912fc566364a30f86d8a1f4e6097cb5a6a9b', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: 'c450ce32e4670f2e81f898d4e556c71a559a112a', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '98954816a32fcc4f66c0b0b2c9f7c8f7083c37c4', class: "tree-navigation-item__label" }, this.label))));
+        return (h(Host, { key: '7ddc5484de3974b6ba0f02480c4febca63a3d134' }, h(Tag, { key: '4fcfb1294ee4adb399510c286cfd82b6fd9f2d31', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: 'b3d57d4466e3bc26b524e9833669f6032ab1766e', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '9e163b143100d08bdeb6549046fc4f5e4b092b64', class: "tree-navigation-item__label" }, this.label))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeNavigationItemStyle0; }

package/dist/components/swirl-video-thumbnail.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '7c2c39313a9ff99a6babd9818c42dd5de2eb7455' }, h("button", { key: 'f800050437934597da8c7278b1be332c3879a3b6', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'daa287d193597c6af0d884bfb1de54a061c83fa1', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'a7948ab9738f68967c99324af5fc519b18952afd', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '1df15e1ceab8f7857f101b86867a4bc84326f591' }, this.durationLabel), this.duration)), h("svg", { key: '4d722314c5d643d2e90e9a2dd9d0201073c334a9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '99332a84c070ec53508781242b8f4d29ffa02c91', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '3dffbe79a9ff85b7c69e573410428d8b0caf54d4' }, h("button", { key: '9ea6bbebf31e4f993a7d6964efffc81044b98e87', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '48ca32db5a99fee5198804ac7c023da299e67365', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'a775ec375b552bd20544957438d932a1ff308370', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '1eb952d1c5ab42d085880e7e6ae348285c262bd5' }, this.durationLabel), this.duration)), h("svg", { key: '3e9857365d77db5b3b8b3e1b1905513a0a488ff1', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '15f7cc8f6ff50d50c6b2cf11a32bfc52d2522e8f', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get style() { return SwirlVideoThumbnailStyle0; }
 }, [1, "swirl-video-thumbnail", {

package/dist/components/swirl-visually-hidden2.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '2c094549e777b801c9e2d0bddfbde8c5787f252c' }, h("slot", { key: 'fe905f0c08f1d715ed10e11e42781c9e460712a9' })));
+        return (h(Host, { key: '6b7517455790ae85af1efd3fcdf46b91796f1740' }, h("slot", { key: '04f81fd11fa2e63208eea215a3267c359ec4a113' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -58,7 +58,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '06b1a35170a0d5e7eed6a01b10ff22bf68f24d9b' }, h("swirl-app-layout", { key: 'fa020b69c7cbaf714f692fa27caef64c9a37ac42', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'db601a3717dfc4eed1aaa956e328193981532514', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2d6fca2df68e87efa1e834edc715f734c45570d7', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '5ccfbafdb31fee59a5e267d6899e68883874f91f', label: "Sort items" })), h("swirl-stack", { key: '247e250dc87a7db010bd8635e085ceab7ddc8909', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'd0cb698bb99d45e97f1162ba80a2731860bae237' }, h("swirl-heading", { key: '01e4079741cae58e51d7de3408bfb70fee3c15cb', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'ddc796862ba1d343eab3b8ec2879723b1750c57e', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'b9e0506033cc69c323e5ae656ed6adb8e9297f02', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '709fbfe2ca572328f4a9f5e31ab881c79087a6d1', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'b46e9ff6f5e31cdc7860644fd134fa94721f2730', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '59bcc4b1762cce943f136ec855a1377ee1ce2fce', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'b05ddb70bf0f33921372c157e4c3126b009b84a9', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'c95585d27da38acf84540018f46ea1b8461eb26c', value: ["ascending"] }, h("swirl-option-list-item", { key: '5e745e373abadd135da430bc8c7c7027b0ff95c1', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '03729a8125d53b2d9cda45535ae8443608cb4ae5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c0700fae849f238ba9157499074e25d6e9acd4a1', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '5fef3d9788b5c227a0be70d61d1c5cf7b179651c' }, h("swirl-app-layout", { key: '8f9b26b5930548ea71c330d1b143c05efcccaac0', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '8d3cb59d203891143ee5af13fdb50e1c3bdbe90a', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'd29e6c471c41e85a80533d6206e44a29f433f195', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '0a796450c46e29910e5863c7c1fc6240c1ec58ee', label: "Sort items" })), h("swirl-stack", { key: 'ac19edecd0b2e04cd541406192ef3e850a41c221', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '5048f7bc65df1a54c425cef1d43adbbe259bfd88' }, h("swirl-heading", { key: '231c50277175e6f02ee3e6acb66e4b7730f5db13', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '30c5b4c277560b1a0af01a4e76a8c72ffecd73a0', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '036c09769f2e9635a8d5ab5e65928138142ed8e2', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '3fc609b8c8be5d0299624e829eb9593c18b44ea6', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '4bcf8d4a50729cb504c239a08c1b0d964555f8e2', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '662eef693225f4d309d17f0a1f2550cfdda1473b', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'e452846619e5179ad9b28db0ae26dcd85bf0465d', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e3dad94a02251cd2c69572f93e18bcc2161b13c8', value: ["ascending"] }, h("swirl-option-list-item", { key: '74e2304ff02b2faf5ef6ccab390e6714f3245b56', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '4ed43ed7109a5f42b5398e6f525cf10fc0c30216', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '3af74d7ad87629be9a95a40ff45b3759e642f13d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };

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

@@ -64,7 +64,7 @@ const SwirlAccordionItem = class {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '56461480534cd9e98adf7dbadff5025972793b44' }, h("div", { key: '4f6ee585a341addb405e4bfefe5601e7d09f8e4a', class: className }, h(HeadingTag, { key: '4425661e4a0521793be019c29aea299c4f1c05a4', class: "accordion-item__heading" }, h("button", { key: 'c044428c6daff402e534a43bf4da8822d7c55b7b', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '6fe04b43157522f8e790fe7b0aeb2db36f9fa4da', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '8c0111f0b06ae7a3dfacc339d85cf4eb2105146d', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '9a72f61aa5bf96389df902840ae791de9011136f', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '037e6553f23a62da4e7b6691fb5909fbf20a9894', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '6e1effdc9989f76d744fde9ea85ce27ce6a9566d', glyph: "expand-more", size: 20 }))))), h("div", { key: '7f88f96f768fc288b65deb6db42cea8f4199dcd0', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'a9a715d55f607e4f42700f07458673c5dc83c1a1' })))));
+        return (h(Host, { key: 'c5fb72c08f131695556830ce5e5f45a5bb330e15' }, h("div", { key: '4ce3375f9e483e6959633a2711200128f02f328f', class: className }, h(HeadingTag, { key: '82d4ec3328fea8f4c355a0291fb2025cb2305e14', class: "accordion-item__heading" }, h("button", { key: '2e2e3b323168087b6d695c6cad71f1ee86e26ea1', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'a862c7c928b242edb02451d09f226d51845435fd', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '65984aa6ba71b344652547c3f4d55609465ed063', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'fadaecd3a70f827bae216bb2efe1ced1ff2ee1cb', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '18ab125ef2bfff4bc25ef716b1ba010e866ed072', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '37f77dc559294c644c90b8d51aa60aa2c43c890d', glyph: "expand-more", size: 20 }))))), h("div", { key: '56500ffbc788733df911eb22a2689c69bb218c01', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'a0ce193e34c23b918f33d6edb192cd72d6263edc' })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -44,7 +44,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (h(Host, { key: '16f4161014d5d1485f9b0fdb647763d1d4f6f62b' }, h("slot", { key: 'd7f38969efc38aefe686f0af805d2dadbaad1aa5' })));
+        return (h(Host, { key: '1d153043b4070ef905c97de8f659dfb04092b85c' }, h("slot", { key: '6c8b364ae769ef4b02bec8152c05e1f993226007' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const SwirlActionListSection = class {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '022a68a08e5c098f2fa0b17415e2f02c12c9382f' }, h("div", { key: '486234a2f5ddd919506be063eb0962757fc6626f', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '0c5c9b8249990fec21ab247c532d0ab50c0ce23a', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'e5132695f0fd6cccc1a1b350d657bcc8133dec70', class: "action-list-section__items" }, h("slot", { key: 'fe89d7b987d11b87b3afa135e0f782b306b08e17' })))));
+        return (h(Host, { key: '927db34f4367af342ca2be1f2a2c6ce608777908' }, h("div", { key: '17b5a7a69eba445e1f0d27ca33e7d9f0683a93e3', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '410a3f1233331e485c9d1c2a24c03359b487a681', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'fa6b1057a74618660e3be76cd1c8ba70bf9fb285', class: "action-list-section__items" }, h("slot", { key: '7301b7ea9965d57a7827e6d76bec2507fd38da27' })))));
     }
 };
 SwirlActionListSection.style = SwirlActionListSectionStyle0;

package/dist/esm/swirl-action-list_3.entry.js CHANGED Viewed

@@ -79,7 +79,7 @@ const SwirlActionList = class {
             item === activeElement?.querySelector('[role="menuitem"]'));
     }
     render() {
-        return (h(Host, { key: '648f89052919042bbadf77f458d35e35868c584d' }, h("div", { key: '0be168f8c8cadcf7785e795d6e74575c88fe2b90', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '76472e680cf932a12b8c3c93432151319e22620c' }))));
+        return (h(Host, { key: '016a68b1efafa34c75ffb472e15c9ef387cf0137' }, h("div", { key: '056ce0eaf6a271301f9ef6ee11688d9b31a0ea56', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '238ba8f4d7939c68ab1eb077cc20265e6b1c808d' }))));
     }
     get el() { return getElement(this); }
 };
@@ -154,7 +154,7 @@ const SwirlSeparator = class {
                 paddingLeft: `var(--s-space-${this.spacing})`,
             };
         const className = classnames("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-        return (h(Host, { key: '0687a27202c4b760115bf22a21f1e4e3abb13728', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: '8d67381b3d052acfc3710064d3f19d104a8fdbd4', class: "separator__line" })));
+        return (h(Host, { key: '4072fb521a6a98f765464940920b799cf0af00c1', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: '97d2b84b763a641dde38d6c5850d04fbcd7a3790', class: "separator__line" })));
     }
 };
 SwirlSeparator.style = SwirlSeparatorStyle0;

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

@@ -25,7 +25,7 @@ const SwirlAppIcon = class {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'd0660e598f456398d63c4325c2c5c4d55463ef6b' }, h("span", { key: '21afd9b82ff8a45a9043ac8b5dd36b7395804db6', class: className }, showImage && (h("img", { key: '94b7c4dfdbf01954d074877b8147c38b6f85f011', alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" })), showIcon && (h("span", { key: '82258b7734b7d2df50adcaefc2d54bd963dca79e', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'f97bae487147f331d829cbcea9e37b31defa9588' }, h("span", { key: '6a7156db720270c6f282c8617a4f59ec9f738d2e', class: className }, showImage && (h("img", { key: '071fc2609df21ee9a5113ab7e5f990a4afed4a00', alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" })), showIcon && (h("span", { key: 'd0e18e9f999278717f081b8cf591428da15f96fe', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = SwirlAppIconStyle0;

package/dist/esm/swirl-app-layout_6.entry.js CHANGED Viewed

@@ -221,7 +221,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '48867dbd916364bf5947ea81fda29c44a42e9177' }, h("div", { key: '6c04b22601658932eaaaa274e8a3d0dfc5b329d9', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '0bb190fe062d6d5c2b8cf5527d20773aed0d7257', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '736e35e10237a28306f6c2f4f6da02bb70ab575a', class: "empty-state__slotted-illustration" }, h("slot", { key: '55c8dc9ad21c66d4754df7e184ab81aa3e3ceb14', name: "illustration" })), h("div", { key: '8967e079115fe538323fb04c4b4a59338e1f4509', class: "empty-state__body" }, h("swirl-stack", { key: 'e7396ee9267abfbb675fc0eeee8ab2b46d09d484', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'ecb5e29316c6e2721d5a5aa29d5eb5957b4bcca1', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'e22b1f0a313b131e7532d9ea99600efae52f732c', class: "empty-state__content" }, h("swirl-text", { key: '042ebfd08524ebd1a5bbecd236d31d3fa0fe1f1d', align: "center", color: "subdued" }, h("slot", { key: '38a78366a3e99405f1d39f0108a71012d6f2160e' })))), h("div", { key: '575efac8239badba130d51482c16bb9fa8d04634', class: "empty-state__controls" }, h("slot", { key: 'bb06bd9687a0af377c6b6c9cc5ad02745c77dc61', name: "controls" }))))));
+        return (h(Host, { key: 'ce680f789d54142b969aa9b5057fbcab2be709f5' }, h("div", { key: '8fdc1c54c91fc3eb1720709bb4d2ac6e20f2f87a', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '0080f42a829f5f80f7cb0717c29e877a91e29d18', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'b9b47b29ed7800944e44e97e5392e9f27383283a', class: "empty-state__slotted-illustration" }, h("slot", { key: '8ac117931be0960aefe1aa5e90cf62797c5a1b03', name: "illustration" })), h("div", { key: '34833957fdcd789e206ee282a74ec6ff4959266a', class: "empty-state__body" }, h("swirl-stack", { key: '3c6d362a8b881ff864806de80e5771eaac5043eb', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '7a743cc9e8bc8e1c7106699b8c7e3bb7d7058b34', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '4b80295f0b7d553faa47dc3b57266f4cc849ba6a', class: "empty-state__content" }, h("swirl-text", { key: 'bde3957027614171e265a5822bc28efc372a99dd', align: "center", color: "subdued" }, h("slot", { key: '41cf5d3dab78f4169a005aa4a8758f1909a03609' })))), h("div", { key: '20a1fb9f3bc09a8fec783520e2ad6705e463df85', class: "empty-state__controls" }, h("slot", { key: '076b3dcd4089c8312568d0421657c1daabf5157a', name: "controls" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -242,7 +242,7 @@ const SwirlIconFile = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'd733df3cb626101d05553a809b574c0011acd981', "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 && (h(Fragment, { key: '48de824070f8bed0b3490e5b11ee465e80a12f7a' }, h("path", { key: '20ab6ccb40a80ebc6a691557cc7a73693d24c974', d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c1cfd86a14470409a4cb2addd91f70b99460306b' }, h("path", { key: 'ae5821b81b4b9ab7f21aa4c08a718ad0b02c6023', d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '64f1cf9873a4e7e09980c8febaece43aa926349b' }, h("path", { key: '1ee139b445802fa491cdf7c31c5524007267ebff', d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })))));
+        return (h("svg", { key: '1512113717bb3855b31f7b44923aa91b673ab43a', "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 && (h(Fragment, { key: 'dc25ce36a7d7c445faf48bfe669599ec283b25cc' }, h("path", { key: '9085c022927101d04d348fa999e98a24f16c6f8a', d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '05c627acfa99b1ec8b88a19cb6c82eb27abc833c' }, h("path", { key: '67ae6ee6feac869ced83c6eb8da1e7f853065aac', d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e516f7b6be706274104da65edc020365acde5f4a' }, h("path", { key: '2ae8b9c418909f9cbe6a1c79677acd23d2bc3ff4', d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })))));
     }
 };
 SwirlIconFile.style = SwirlIconFileStyle0;
@@ -262,7 +262,7 @@ const SwirlIconFolderShared = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'aa989acf4e60c512675c26fecfca0b1ba3dd4aee', "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 && (h(Fragment, { key: '279706fe0f2e8089d70a7a272a8be16658c71f36' }, h("path", { key: 'cb0ad61567c320ea17db757b638b42b71d5e6887', 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) && (h(Fragment, { key: '6dbf83dd6b0ff6838b0946fdccbd7e0372a90c63' }, h("path", { key: '6b887cba0e6430588e34b46cf6aed173e2b260b5', 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 && (h(Fragment, { key: 'cc276213708c3fe3398d023f7ee447a8f06f29d7' }, h("path", { key: 'e4131f8c402a74d44771fa1caff0e1ab416912cd', 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 (h("svg", { key: '1f5dfd5620cb35220c7b06730fc7375ed2f136e8', "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 && (h(Fragment, { key: 'a8285cafe010c511547b400c56de2189d476887e' }, h("path", { key: '2b215d8b3a6e147b7f1a26d2226185f5ed059f1c', 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) && (h(Fragment, { key: 'cfbcd6cf0ac42fd890fe669960cfeb316d14e3f4' }, h("path", { key: 'eeb7e1c2f85c75ad1d783fa4891554052908cdd1', 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 && (h(Fragment, { key: '664075b7d81155df1de628b6586953b588469f2d' }, h("path", { key: '397679e00b3ff7ff34fd1a9957a9a816c4b2cce7', 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;
@@ -503,7 +503,7 @@ const SwirlResourceList = class {
         this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`;
     }
     render() {
-        return (h(Host, { key: '5aed7c089ecc8b3d6d4f932cb44b22db53094fa7', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'f49774ebdb704f85ac2d6893d9ed0b65141f9510', role: "alert" }, this.assistiveText), h("swirl-box", { key: '67df1ad2ca83f9fabd7fe69f6815abca5b93188e', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '1d72827d7dd2b7e56931ef10d68e3dc0ff80482d', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid" }, h("slot", { key: '4ffb25d5520d822337a718ae0f89e4291573cfd5' })))));
+        return (h(Host, { key: '80d6a1ba364e20890058c6f15bd17fe6ef9ff9dc', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '7292b5e14553086a4ade7ff77c3613207b9f587d', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'a90ade410d03ae881775c5a1f29b917ef74a6f75', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '04bb92356446a595cbcd54e533819e23515c383d', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid" }, h("slot", { key: '08c50a069add01c5f873cf32a121426dff82a666' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -661,7 +661,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '007dd02e5de6eb43eed280be8d9ac171381611d6', role: "row" }, h("div", { key: 'f8bb8244f8264a7931d1a11c8c189ec23a5e090c', class: className, role: "gridcell" }, h(Tag, { key: 'f65d3c73db39ea39477549fec41f094164b7acfb', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-labelledby": 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 && (h("span", { key: 'a8251920557048c6dc745ccebf275bb56d257eff', class: "resource-list-item__media" }, h("slot", { key: '1b76ab99b80440c5a3941597c6ae843ca1155b90', name: "media" }))), h("span", { key: '0dbaad3c45f79687f369510a2a2316d7a240ceea', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ae2de7cce9c28f56587aec5f539607aa7a6e1917', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '04df62160bd2531f9e8fd571da30283702d2fa59', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '20529f3131054e8a8fda42ef55e5861f45e9577c', class: "resource-list-item__meta" }, h("span", { key: '92bf664d9335154929766e6808a290aefceab171', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '5391c252bc526e9257037944796e7c00994b835e', class: "resource-list-item__badges" }, h("slot", { key: '8d591183dba34e33e85bbf50f0a5b344f08d6061', name: "badges" }))))), this.selectable && (h("span", { key: '303085931b5f773fb858acafcd68dc8982b4380b', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '7c991940eaeb3f1d903fa1379c9aa08849539d42', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'bf48f8c8c0e5c573fd6f627115d6b54d3535f852' }))))), h("span", { key: 'c2af6997a43abf73cb7d9ae7c076c36a5218593d', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '80dd98d66ffdf8dae566d4fc1e9c94c0c619faef', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'e7e6e3cd659413c2e7dec432c366d9d0585d3183', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'fe4e73ee6f18d3a578ef29a2c4d6070407382824', "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 && (h("button", { key: '17061d6ecc880827eff61a03a828f0ec077de165', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: 'fe93f1d8acf06d512bdff43ad997b9c663e3f47e', size: this.iconSize })))));
+        return (h(Host, { key: '565b8cc1dfb06c51fe413b4793e1b66605a1cb8e', role: "row" }, h("div", { key: '81b47448c730cc799ffa139172baa2e89cef5749', class: className, role: "gridcell" }, h(Tag, { key: 'cc523a627b86a11e4ca9ebf536af3280d89d19dc', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-labelledby": 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 && (h("span", { key: '095de961cde53db094a7d0d681298aff8e9b4cf4', class: "resource-list-item__media" }, h("slot", { key: '0fcf7da3faa8fbf5b87bf12bf505536b3e325cbb', name: "media" }))), h("span", { key: '3d30e474820ab797f6d08776a82c211dab49d335', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '428b9efc9ea8ceb0d425c40938dbb940ef9141b3', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '35d6a66c10d039bba22fe46ba3e81cda1923a879', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '911bbdee94a35022c1560379bfeffc9a50a7c861', class: "resource-list-item__meta" }, h("span", { key: 'e422a3d51abccf20054b633e0a9e98da035cfddf', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'd719a80d060cdbbf155a77595ff9b834dbe576af', class: "resource-list-item__badges" }, h("slot", { key: 'a4188deaf500dc53bb5bd26dda8c58b7201e075c', name: "badges" }))))), this.selectable && (h("span", { key: '7087f8b4fef2d487891531c9398c99d635046e3b', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '33dccc8061a5aa9ae8f2f9f295616b8fca0cdc42', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '2d8ec8b209b2cf50c184f6376578044bee4d6c98' }))))), h("span", { key: '85971e263f6694cd625868cf021627600eca0c2c', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '996dce98000b65c61f5ce42434f39b72a4ee5a56', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '81ca515f17b532d4d10e533a8d77e73f4d562ea0', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '9540e1e6ce9fb2c4f881357f0749b04fc1a80dfe', "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 && (h("button", { key: '23ceb35ad0c5d821b4d220dff70ea050f92a2f84', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: 'eee68f0ea46ccdbba4a22c926340c983b6289029', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'e02f0e18d9cd865c9c3c838b9472791a1a096b3b' }, h("div", { key: '2988b12f490489eb227b1ec34b84f162727f5de3', class: className, role: "group" }, h("slot", { key: '5bfbfcf2d903a5c6f08d8b33b8fe4ad042d1fc53' }), this.badge && (h("span", { key: 'eb32a56753f85b85521ddc1089ed8692d550d3fd', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'aa452d582533099d963653e44756e5655409dbd7' }, h("div", { key: '7470d5a2177a97cf8911cb5eeb2e97f457bff3d4', class: className, role: "group" }, h("slot", { key: '67eec0d1d474e0d16ec4fe1ecd5d05b2ed827606' }), this.badge && (h("span", { key: '6931f33cb7588d3f49469ff492236911582732a1', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = SwirlAvatarGroupStyle0;

package/dist/esm/swirl-button-group.entry.js CHANGED Viewed

@@ -17,11 +17,11 @@ const SwirlButtonGroup = class {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '9687c6322ffcef953cfbe5e06e4a6f8adf480833' }, h("swirl-stack", { key: 'ee585a4758153b42d0f146e0e7e96f2af5248be3', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '557c6898580f3ed020e594a92f3751478c5c3779' }, h("swirl-stack", { key: '7d6103e477a8f7ae88d48e7d1ece170d45c31456', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '978949b595ba449fe7b815b37e4526c2525f2bda' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '6a03778002a4a196f5baab8ea636e41eea7c2b8f' }))));
     }
 };
 SwirlButtonGroup.style = SwirlButtonGroupStyle0;

package/dist/esm/swirl-button.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-2d
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-aab10c80.js';
-const swirlButtonCss = ".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n      --swirl-icon-button-border-bottom-right-radius\n    );border-bottom-left-radius:var(\n      --swirl-icon-button-border-bottom-left-radius\n    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";
+const swirlButtonCss = ".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n      --swirl-icon-button-border-bottom-right-radius\n    );border-bottom-left-radius:var(\n      --swirl-icon-button-border-bottom-left-radius\n    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";
 const SwirlButtonStyle0 = swirlButtonCss;
 const SwirlButton = class {
@@ -86,6 +86,7 @@ const SwirlButton = class {
         const isLink = Boolean(this.href);
         const ariaLabel = this.getAriaLabel(hideLabel);
         const hasIcon = this.icon || Boolean(this.el.querySelector("[slot='icon']"));
+        const hasTag = Boolean(this.el.querySelector("[slot='tag']"));
         const className = classnames("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
             "button--has-icon": hasIcon,
             "button--icon-only": hideLabel,
@@ -93,7 +94,7 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '3080eccf4241cc3696536782d66e444e755ebe8d', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'e1678ccf0a907f6e124ffd90382d8436ece74b4d', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value }, Boolean(this.icon) && (h("span", { key: 'a6bc374b9d89f2e8690c33ae24d811559b9813c7', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '907936643a16569d8ad7e0cb9c2293a44c8acf3e', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '258f476318ac7456fcca53a16ab1742b90bfdd7a', name: "icon" }))), !hideLabel && h("span", { key: '9f5a81854f0f3c05a70b10e0698aca6cfdc8d742', class: "button__label" }, this.label))));
+        return (h(Host, { key: '7fad35302abc81636138866c895162587ceee487', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '84c7c78d9b8b5305d1314b996e69183b6a373280', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value }, Boolean(this.icon) && (h("span", { key: 'cfccc6f288691dd024ee4bfcfd78509310d5d3d5', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '9cbca966cdb4cfac57263cf46d7cb4d587bf49a5', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '7c36b4686599640b566a8f2fb1f4ecf5559d6a96', name: "icon" }))), !hideLabel && h("span", { key: 'bdcb32131ecdad608e3a6ab9b352fb9ac383b2a2', class: "button__label" }, this.label), hasTag && (h("span", { key: '87e6c7856ba29ce59e039e696642954d4b8d608b', class: "button__tag" }, h("slot", { key: 'df5f24ad0571229d3ff98fa1e7cbac2655e0fe94', name: "tag" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -81,9 +81,9 @@ const SwirlCard = class {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: 'f8cecba3a843c247f876ed7b3cf56c8bbfeaa430', styles: { height: this.height } }, h(Tag, { key: '85afe38f7753ea8ea9250abaee724a7f8d9108e6', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: 'e9557284559f0a8a3af1974f8dbf6547337f40fd', styles: { height: this.height } }, h(Tag, { key: 'ce0fc1940b354f70a0325ec8871ba09812c4ec03', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'b2928caa364fdfc8d038fb1011235b4314ec8a33', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'dfb6bacb00d851486db725151eb3a2d514492b72', name: "image" })), h("div", { key: '851a63e084daa1909fc030efd188d7c1251eea9f', class: "card__body", style: bodyStyles }, h("div", { key: '037c36a2f07355f42b2b95d2c2a9d9807fe02bd8', class: "card__content" }, h("slot", { key: '73a31f76e6d4af56cd2a925844f64c2d1167b1ad', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'c739eb9185766fd8f589683da75e46dba3720867', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'a9838caefd147ea8a6d8f1bb80679a8472b6162f', name: "image" })), h("div", { key: '77661ef0cdc5ecadffaf7311e8e8f8af26e48cb4', class: "card__body", style: bodyStyles }, h("div", { key: 'c5ffd5b3b58a17a9d2ec3b1213d5775fd5100554', class: "card__content" }, h("slot", { key: 'c7f0906840ad6614fe318a80c51dc73c1f4d5f0c', name: "content" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -15,7 +15,7 @@ const SwirlCarouselSlide = class {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '0f89338419e9487f7d3ae011e9b927a720b7179a', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '69a1e3a399584d8035e8448cb1990974ad295e28' })));
+        return (h(Host, { key: 'b50291e7bf2669c2ec615fce2d37f6c9f5efde04', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '5c1d732652c965ab30074809e1083e8626aad0a1' })));
     }
 };
 SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;

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

@@ -107,7 +107,7 @@ const SwirlCarousel = class {
         return inInView;
     }
     render() {
-        return (h(Host, { key: 'a70e2e4a0a1e40dca7b6e6976201a2c9b1951867', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '797f1ec5ebb8cad7916ab24e5d68ee00b8b90dd2', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '0030e019d206edb0d60d92d7571da5d0fff362d2', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'e560ac304de60dd2c9005ec396d9e8ebc5077934', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'd8ef3f5a32ae374598902f08623c2da12a0454a7', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'd626de58f6f4e0847f1253e1d228961bf82cf998', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'aab30bbdf49103123c0cacf6707662830517a5dd', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '51abe6639be84f6da7908edcb7c7204ae381c6c9', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '843a9edbbe1f4d50e3c9a109046777b9dc98c3d0', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'fce0df1eb6eee6fba16792a8a5e2330fdd254880', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'd2a750724ff71b3457b424ce798e908787d3c18c', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'be830ac885a7dd1a74e44a60d4f6a5a2d41f6b62', onSlotchange: this.onSlotChange })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -51,7 +51,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: 'cc5e788a984c8a5162b3d41f8984623ea0b2ede5', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '6c755f03de94374b926845de8d23c2ffe88c0010', class: className, htmlFor: this.inputId }, h("span", { key: '767be761f571ab2860d4aaece65cea955884fe6b', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '03c17d3c4238b3cf12f5eaffea54ffcc06a5a41a' }, h("input", { key: '57f89f01c0e59bcd36c9cbf1445d75b66e5d06de', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '22c96b4bf96cd453892ccf9efd970e20d32f57d7', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '09bcb150c233170cf5fdb0e0a112b70ae64f2b94', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'e14bd37c5a397a711a52855d58f8abc3b2b65810' }), indeterminate && (h("span", { key: '7873bc0ec60a7d7cf6cc465ac77b544851b44a14', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '667dfd4e4907c9966513064f04f4734a9cb964f5', class: "checkbox__label-container" }, this.label && h("span", { key: '0141f0b56214c9d1fc73f08cdd287572ff1f4529', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '5d9fc09abccc81d2e6402b42c659380e75f72288', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: 'd44ffecc0c31556046cd85669ae4c4c3c8a3c838', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '50ea3a331ac215db2e0bbc60b2be3d0e46adf867', class: className, htmlFor: this.inputId }, h("span", { key: '2e6ba1107b375c354e19059f4d793122d79626ad', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '09c7dda3c827041bab637f7a6386595003b731ac' }, h("input", { key: 'f3b841af474381fc828dd9936ffdeeb2498e8ec0', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '502c9f0de587d6b04e0a696ff2fbb120e863a0d7', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '3004f914efc6565899f5f1d16fb7d91d66922759', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '0dd463977ed5ed112ea8ea48eb86fb543ea96abf' }), indeterminate && (h("span", { key: 'eed5f1e4d53c2aefb684a176fe4639dde65c0a5d', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '2f6eeabf37975c052905e09614ec2f4d17ac0415', class: "checkbox__label-container" }, this.label && h("span", { key: 'f585de5b2850ff6180e1bacaad8a5a8143ff42bd', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'd626972d62b4d6240affbaf4f6180adc9d6b4a0f', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = SwirlCheckboxStyle0;