@getflip/swirl-components 0.236.1 → 0.238.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlButtonGroupCss = ":host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:\"\";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent=\"primary\"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled=\"false\"][intent=\"primary\"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}";
@@ -17,11 +17,11 @@ const SwirlButtonGroup = class {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '557c6898580f3ed020e594a92f3751478c5c3779' }, h("swirl-stack", { key: '7d6103e477a8f7ae88d48e7d1ece170d45c31456', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: 'cc02fbfdecc4beb261f26c73a7925a3913b728eb' }, h("swirl-stack", { key: '91f6cb70857348405c6684383fe81279116d63f3', 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: '6a03778002a4a196f5baab8ea636e41eea7c2b8f' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: 'cf750be5fade7d52cc0cd9d95820c440b8439767' }))));
     }
 };
 SwirlButtonGroup.style = SwirlButtonGroupStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-c16952ba.js';
 
@@ -94,7 +94,7 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        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" }))))));
+        return (h(Host, { key: '1f660fbaeb4698d043c2b650283631958fecfc44', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'e924cd240a270f86f91033eac7306c39b9d49cd2', "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: 'faa7f2e30c8e67b78d8d6008a9243802386488ea', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'c8ed1cbcd6894b0b60c5df84eb32bfb2f2ebc9e4', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'f4c9a4a28e6bb0e5923e747ffbe5a60c208c3c04', name: "icon" }))), !hideLabel && h("span", { key: '32de5b66b9983e525a9c722eef2769ff1af77a47', class: "button__label" }, this.label), hasTag && (h("span", { key: '0f8a2230c89a066c2baa65dd951f693f45d0ee63', class: "button__tag" }, h("slot", { key: '2c0214af5a85fc1014e0c233f1bfc685001f0ecc', name: "tag" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlCardCss = ":host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(\n    --s-surface-raised-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-raised-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-raised-pressed\n  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";
@@ -81,9 +81,9 @@ const SwirlCard = class {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        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"
+        return (h(Host, { key: '3d12e783c069b6e09e9c94bfe891dc80e0e401c1', styles: { height: this.height } }, h(Tag, { key: '97551b12b4cf2e4ab2f74936583ac9ed1dc2a60b', "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: '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" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '8cbbc4f08e59e134afaca1887abcfb587eb55555', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '47dd8500f698a6730f8b081ab64e3049991ff271', name: "image" })), h("div", { key: 'b96159e15cc9bfeffac6d86063453d598151ba2d', class: "card__body", style: bodyStyles }, h("div", { key: 'a6e3674c5da0d005e4fe30187325d67816525d3b', class: "card__content" }, h("slot", { key: '0e1bc603b145fdea67baa131104ed6234dd61373', name: "content" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlCarouselSlideCss = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}";
@@ -15,7 +15,7 @@ const SwirlCarouselSlide = class {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'b64340fe67a804d87f260086010ce7b475757e0b', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '47ba79a64973df8b19fb3c67c5b4a92c733a44d7' })));
+        return (h(Host, { key: 'e98072f3b5ca614a12246b8afe8316573d77afff', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '30de79f8a64db90a367518d56c0ee299c0f07e81' })));
     }
 };
 SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { d as debounce } from './utils-c16952ba.js';
 
 const swirlCarouselCss = ":host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)\n    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}";
@@ -107,7 +107,7 @@ const SwirlCarousel = class {
         return inInView;
     }
     render() {
-        return (h(Host, { key: 'a0cb5e199ebf2baedee95a0513243f303ecd9ce8', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '71f2068f64c21f05aa2a7dfc73bef9bff955cee3', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '1de0f6427531106ea114a0d1e6add4b55ad94cd1', 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: '800beaa37d2cf652fee7dc5c6142be3864d5eb1a', 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: '521291c5ee76584e2e74168ef4764757b3ca106c', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '6ca18c99665057841218b495f857c24d7c00af7b', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'b42685db89a56d4830eeb1239fa54fe56223fb9d', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '606cbedb8b004b08f7290b407e0569c238158f3e', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '037152058a9a8ba99ababb57d658d7c5cc24dd61', 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: '094722563650554507a9a4a9ab0fa2a4a4e7b517', 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: 'e29a4b19ae43f38307b23928202735913fd223a0', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'b2f30363455da8ea0d46e0633f831e183fb4e5f0', onSlotchange: this.onSlotChange })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlCheckboxCss = ".sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:\"\";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
@@ -51,7 +51,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        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)))))));
+        return (h(Host, { key: 'bbc24f3e3cb34a0b25cf7a1e46272fc6044ffb5a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'a3ffcaef4e52604ae57dd26b97291506b1aea38f', class: className, htmlFor: this.inputId }, h("span", { key: '4ffd11cfdc97d42b79db1ed1d27befbae0a93f8b', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '609774c239efc03caeb57772d05647fc89246592' }, h("input", { key: '1fb5ef7acc8a582d200634c722821d3a3ba92125', "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: '29d9697422a16f5e0a6c6e71a3f2b62966fca9e7', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'e6511ef127391d85a6b309dfd80c6839be213504', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'd3ffe82c06e560a28acb496fc2229260ed9af242' }), indeterminate && (h("span", { key: '2bd6d87e9aa7916fd0b66241fc8422d27e6b52f5', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: 'a697eb7d6ab5e11617ddb962d30992388b438ef2', class: "checkbox__label-container" }, this.label && h("span", { key: '0cfab93f48f153f48a93609952b03df28a62ac9a', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'ca60f0efa10e52076d20c6f9a6c6e075e854eae0', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = SwirlCheckboxStyle0;

package/dist/esm/swirl-chip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-c16952ba.js';
 
@@ -53,7 +53,7 @@ const SwirlChip = class {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: 'fb5885a5e342bf086ec524d438b9427b30b29598' }, h(Tag, { key: '06aabd7960c3919ecb90640a313462bbf89d2b42', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '4f7f50827d6fc53aece738f31aff1a7694d63b98', class: "chip__inner" }, showAvatar && (h("span", { key: '91c3b2dda9886ca0d831c7871986b979c9f272a1', class: "chip__avatar" }, h("slot", { key: '8a160db2247eb3467ce80197f9fff840a71594d4', name: "avatar" }))), showIcon && (h("span", { key: '788ca102c452ce600738a0c3f8584c748c1275f4', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd5b3eb5d4f4384847d53e05d296ade03fe6354f2', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '49e776230624ab382a0a745d1ffa3e051c9a21ff', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '86ad1c9d6c9c4b12ccb337667272e5ecb3233730', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '1e2440e03f99407293420744d52e0c5d2c60855b', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: 'df8db1499738c9eb952fc78802bebfcd03cd65f8', size: 20 })))));
+        return (h(Host, { key: 'b4d76c88062465e2646fa7ca7d0c7db04bb0f9f1' }, h(Tag, { key: 'c9c9ed830168769e54d0a774486da011bdaec7b9', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '6f5d010858eaebc7012477c6de01f5c5bde71c8c', class: "chip__inner" }, showAvatar && (h("span", { key: 'b6c60ccb92aaa1fe0694f4d1e183c605fb8dd8da', class: "chip__avatar" }, h("slot", { key: '0af6eed958712310f19d7f70c1310a55ab89d9e3', name: "avatar" }))), showIcon && (h("span", { key: '5c91e5a998a108a086b7b100f74f649bdec07cc6', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '3a08fcd1a50156ec578994a000f17bd36593a7b5', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'b3cd34ce776fd6ffb4e29f118bc5c841df2324b9', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'e844e5ece17f9b41b3361381fbd17baf44f79e55', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '81e67bc9a0fc5a9327b5d1d766101ea0dd5eb53b', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: '6ad0709ea5e5166a96ca2cd005913cf88c2e598b', size: 20 })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-color-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { v as v4 } from './v4-23648a96.js';
 
@@ -454,11 +454,11 @@ const SwirlColorInput = class {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '4ca17afe5b50d24b416ea733002f276d8fb70711' }, h("div", { key: '6c1f470367d7763af551c9165d47db17e311d02d', class: className }, h("input", { key: '2a66462a91ab377d737ffc8ba728cf5130aeefb8', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '6d90ddb69f523f7247648e252f6ad9fa070b84f7', swirlPopover: this.pickerId }, h("button", { key: '9e5539e693c42cc7d2443e55e0b7d57e67617568', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'a2346d18c39dc63a34b793ccd9356e4541dcd099' }, h("div", { key: '2181f5494b09a7d458ab4641bb4a6d8f1113b58a', class: className }, h("input", { key: 'fd1ebd1784f0abc95c50fea017b351bd3b12014f', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'bb9f65ec406da228d4474a1dd8bf515dd7e6964f', swirlPopover: this.pickerId }, h("button", { key: 'efd73a3a270b514963b99c93d37a7fab8753a2cb', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: '345cf6ddbcf0e9b88e2f2c639e399ef92b0176f8', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '70be116ccc3d2aec762312dc8b929cfb993ab290', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'd49d15b73f702be9401bffda2b3abdcbad3f70b1', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '13436c091272af1fbba288ece7df98e5fb820ce8', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '8280dd788601aea97a1ceb9735f0c7a845243839', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '623c1df3053f9941837c037192f7a917503b42ed', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/esm/swirl-columns.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 
 const swirlColumnsCss = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}";
 const SwirlColumnsStyle0 = swirlColumnsCss;
@@ -10,10 +10,10 @@ const SwirlColumns = class {
         this.spacing = undefined;
     }
     render() {
-        return (h(Host, { key: 'bf48bb3161515ba409f221191ad3b7c14c54cc61' }, h("div", { key: '97ce79b4c7d69d1600ff993fdc9e072a1fa5f4b9', class: "columns", style: {
+        return (h(Host, { key: '108d13a0f199ee797ddc7cbaa4e74d78a0314603' }, h("div", { key: '443741ebc1a3b6ab177933f82eafe7607c9d074e', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: 'ce624dadd830a3d3b57cf0d378aac8917f392eea' }))));
+            } }, h("slot", { key: '089c7cbacedbf46f3f68a2bb43344bf0931b9038' }))));
     }
 };
 SwirlColumns.style = SwirlColumnsStyle0;