@getflip/swirl-components 0.339.0 → 0.340.0

package/dist/cjs/swirl-autocomplete.cjs.entry.js

@@ -1,19 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
-const index$1 = require('./index-9f94303c.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var floatingUi_dom_browser_min = require('./floating-ui.dom.browser.min-PA1q-Uql.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var utils = require('./utils-Br2wWntR.js');
 
 const swirlAutocompleteCss = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}";
-const SwirlAutocompleteStyle0 = swirlAutocompleteCss;
 
 const SwirlAutocomplete = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.valueChange = index.createEvent(this, "valueChange", 7);
+        this.clearable = true;
+        this.clearButtonLabel = "Clear input";
+        this.generateSuggestions = async () => [];
+        this.menuLabel = "Suggestions";
+        this.active = false;
+        this.loading = false;
+        this.suggestions = [];
         this.onChange = (event) => {
             event.stopPropagation();
             this.updateTerm(event);
@@ -103,26 +107,6 @@ const SwirlAutocomplete = class {
                     ?.focus();
             }
         };
-        this.autoSelect = undefined;
-        this.clearable = true;
-        this.clearButtonLabel = "Clear input";
-        this.disabled = undefined;
-        this.generateSuggestions = async () => [];
-        this.inline = undefined;
-        this.invalid = undefined;
-        this.maxLength = undefined;
-        this.menuLabel = "Suggestions";
-        this.mode = undefined;
-        this.multiSelect = undefined;
-        this.placeholder = undefined;
-        this.required = undefined;
-        this.spellCheck = undefined;
-        this.swirlAriaDescribedby = undefined;
-        this.value = undefined;
-        this.active = false;
-        this.loading = false;
-        this.position = undefined;
-        this.suggestions = [];
     }
     componentWillLoad() {
         const index = document.querySelectorAll("swirl-datepicker").length;
@@ -167,7 +151,7 @@ const SwirlAutocomplete = class {
             if (this.disableAutoUpdate) {
                 this.disableAutoUpdate();
             }
-            this.disableAutoUpdate = floatingUi_dom_esm.autoUpdate(this.inputEl, this.listboxContainerEl, this.reposition.bind(this), { animationFrame: true });
+            this.disableAutoUpdate = floatingUi_dom_browser_min.N(this.inputEl, this.listboxContainerEl, this.reposition.bind(this), { animationFrame: true });
             this.listboxContainerEl.scrollTop = 0;
             this.updateSuggestions(this.inputEl.querySelector("input").value);
         });
@@ -176,8 +160,8 @@ const SwirlAutocomplete = class {
         if (!Boolean(this.listboxContainerEl)) {
             return;
         }
-        this.position = await floatingUi_dom_esm.computePosition(this.inputEl, this.listboxContainerEl, {
-            middleware: [floatingUi_dom_esm.offset({ crossAxis: -16, mainAxis: 16 })],
+        this.position = await floatingUi_dom_browser_min.P(this.inputEl, this.listboxContainerEl, {
+            middleware: [floatingUi_dom_browser_min.D({ crossAxis: -16, mainAxis: 16 })],
             placement: "bottom-start",
             strategy: "fixed",
         });
@@ -229,6 +213,6 @@ const SwirlAutocomplete = class {
         "multiSelect": ["watchMultiSelect"]
     }; }
 };
-SwirlAutocomplete.style = SwirlAutocompleteStyle0;
+SwirlAutocomplete.style = swirlAutocompleteCss;
 
 exports.swirl_autocomplete = SwirlAutocomplete;

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

@@ -1,17 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
-const SwirlAvatarGroupStyle0 = swirlAvatarGroupCss;
 
 const SwirlAvatarGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.badge = undefined;
     }
     componentDidLoad() {
         this.forceBadgeProps();
@@ -34,6 +30,6 @@ const SwirlAvatarGroup = class {
         return (index.h(index.Host, { key: '842dca2d37cde4df5d94989de83b34e162e4729d' }, index.h("div", { key: 'c8960b16873430bcb9fc6d122866f1fba879640a', class: className, role: "group" }, index.h("slot", { key: 'b880de80e28701cc12ff07891726df3be0b8312d' }), this.badge && (index.h("span", { key: 'c4f13d3a94fbbad4e281d15c9a2bfe6879fc192b', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
-SwirlAvatarGroup.style = SwirlAvatarGroupStyle0;
+SwirlAvatarGroup.style = swirlAvatarGroupCss;
 
 exports.swirl_avatar_group = SwirlAvatarGroup;

package/dist/cjs/swirl-avatar.cjs.entry.js

@@ -1,12 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem;font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem;font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--size-2xl .avatar__tool{transform:none}.avatar--size-2xl .avatar__tool--position-top{transform:none}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}";
-const SwirlAvatarStyle0 = swirlAvatarCss;
 
 const swirlAvatarSizeMappings = {
     "3xs": 20,
@@ -23,6 +20,16 @@ const SwirlAvatar = class {
         index.registerInstance(this, hostRef);
         this.imageError = index.createEvent(this, "imageError", 7);
         this.imageLoad = index.createEvent(this, "imageLoad", 7);
+        this.badgePosition = "bottom";
+        this.color = "kiwi";
+        this.interactive = false;
+        this.showLabel = false;
+        this.size = "m";
+        this.toolPosition = "bottom";
+        this.variant = "round";
+        this.loadingError = false;
+        this.loaded = false;
+        this.inViewport = false;
         this.componentLoaded = false;
         this.onImageElementUpdate = (el) => {
             this.imgEl?.removeEventListener("load", this.setImageAvailable);
@@ -64,23 +71,6 @@ const SwirlAvatar = class {
                 this.element.click();
             }
         };
-        this.badge = undefined;
-        this.badgePosition = "bottom";
-        this.color = "kiwi";
-        this.icon = undefined;
-        this.initials = undefined;
-        this.interactive = false;
-        this.label = undefined;
-        this.loading = undefined;
-        this.showLabel = false;
-        this.size = "m";
-        this.src = undefined;
-        this.toolPosition = "bottom";
-        this.variant = "round";
-        this.loadingError = false;
-        this.loaded = false;
-        this.imageAvailable = undefined;
-        this.inViewport = false;
     }
     componentDidLoad() {
         this.setupIntersectionObserver();
@@ -135,6 +125,6 @@ const SwirlAvatar = class {
         "src": ["watchSrcProp"]
     }; }
 };
-SwirlAvatar.style = SwirlAvatarStyle0;
+SwirlAvatar.style = swirlAvatarCss;
 
 exports.swirl_avatar = SwirlAvatar;

package/dist/cjs/swirl-badge.cjs.entry.js

@@ -1,19 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlBadgeCss = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}";
-const SwirlBadgeStyle0 = swirlBadgeCss;
 
 const SwirlBadge = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.icon = undefined;
         this.intent = "critical";
-        this.label = undefined;
         this.size = "m";
         this.variant = "default";
     }
@@ -24,6 +19,6 @@ const SwirlBadge = class {
         return (index.h(index.Host, { key: 'd5da40b81526b3b205e8250b20efb829ecf2a3d5', role: "status" }, index.h("span", { key: '450074bef0b5751fa7608c159c7fc0cd10952358', class: className, part: "badge" }, this.icon && index.h("span", { key: 'e9f0f37242ad3e2bd513915311632fae41256d49', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
     }
 };
-SwirlBadge.style = SwirlBadgeStyle0;
+SwirlBadge.style = swirlBadgeCss;
 
 exports.swirl_badge = SwirlBadge;

package/dist/cjs/swirl-banner.cjs.entry.js

@@ -1,14 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
-const mediaQuery_service = require('./media-query.service-aad2b3b1.js');
-require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var mediaQuery_service = require('./media-query.service-DRPgROAV.js');
+require('./utils-Br2wWntR.js');
 
 const swirlBannerCss = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}";
-const SwirlBannerStyle0 = swirlBannerCss;
 
 const swirlBannerIconMapping = {
     default: undefined,
@@ -22,6 +19,12 @@ const SwirlBanner = class {
         index.registerInstance(this, hostRef);
         this.action = index.createEvent(this, "action", 7);
         this.dismiss = index.createEvent(this, "dismiss", 7);
+        this.dismissable = false;
+        this.dismissLabel = "Dismiss";
+        this.importance = "status";
+        this.intent = "default";
+        this.showIcon = false;
+        this.size = "m";
         this.mediaQueryUnsubscribe = () => { };
         this.onAction = (event) => {
             this.action.emit(event);
@@ -29,15 +32,6 @@ const SwirlBanner = class {
         this.onDismiss = (event) => {
             this.dismiss.emit(event);
         };
-        this.actionLabel = undefined;
-        this.content = undefined;
-        this.dismissable = false;
-        this.dismissLabel = "Dismiss";
-        this.importance = "status";
-        this.intent = "default";
-        this.showIcon = false;
-        this.icon = undefined;
-        this.size = "m";
     }
     componentDidLoad() {
         this.mediaQueryUnsubscribe = mediaQuery_service.DesktopMediaQuery.subscribe((isDesktop) => {
@@ -67,6 +61,6 @@ const SwirlBanner = class {
     }
     get element() { return index.getElement(this); }
 };
-SwirlBanner.style = SwirlBannerStyle0;
+SwirlBanner.style = swirlBannerCss;
 
 exports.swirl_banner = SwirlBanner;

package/dist/cjs/swirl-box.cjs.entry.js

@@ -1,57 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlBoxCss = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}";
-const SwirlBoxStyle0 = swirlBoxCss;
 
 const SwirlBox = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.componentLoad = index.createEvent(this, "componentLoad", 7);
-        this.onScroll = () => {
-            this.updateScrollState();
-        };
         this.borderColor = "default";
-        this.bordered = undefined;
-        this.borderedBlockEnd = undefined;
-        this.borderedBlockEndWhenScrolled = undefined;
-        this.borderedBlockStart = undefined;
-        this.borderedBlockStartWhenScrolled = undefined;
-        this.borderedInlineEnd = undefined;
-        this.borderedInlineStart = undefined;
-        this.bottom = undefined;
-        this.centerBlock = undefined;
-        this.centerInline = undefined;
-        this.cover = undefined;
-        this.height = undefined;
-        this.left = undefined;
-        this.maxHeight = undefined;
-        this.minHeight = undefined;
-        this.maxWidth = undefined;
-        this.minWidth = undefined;
         this.overflow = "visible";
         this.padding = "0";
-        this.paddingBlockEnd = undefined;
-        this.paddingBlockStart = undefined;
-        this.paddingInlineEnd = undefined;
-        this.paddingInlineStart = undefined;
-        this.position = undefined;
-        this.right = undefined;
-        this.basis = undefined;
-        this.shrink = undefined;
-        this.grow = undefined;
-        this.top = undefined;
-        this.width = undefined;
-        this.zIndex = undefined;
         this.scrollState = {
             scrollable: false,
             scrolledToBottom: false,
             scrolledToTop: false,
         };
+        this.onScroll = () => {
+            this.updateScrollState();
+        };
     }
     componentDidLoad() {
         this.componentLoad.emit();
@@ -127,6 +95,6 @@ const SwirlBox = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlBox.style = SwirlBoxStyle0;
+SwirlBox.style = swirlBoxCss;
 
 exports.swirl_box = SwirlBox;

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

@@ -1,21 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.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}";
-const SwirlButtonGroupStyle0 = swirlButtonGroupCss;
 
 const SwirlButtonGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.orientation = "horizontal";
-        this.segmented = undefined;
         this.spacing = "8";
-        this.stretch = undefined;
-        this.wrap = undefined;
     }
     render() {
         const spacing = this.segmented ? "0" : this.spacing;
@@ -29,6 +23,6 @@ const SwirlButtonGroup = class {
                 : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, index.h("slot", { key: 'fdb01addb654c8f56dacf6a1ad2bb661a452ed0c' }))));
     }
 };
-SwirlButtonGroup.style = SwirlButtonGroupStyle0;
+SwirlButtonGroup.style = swirlButtonGroupCss;
 
 exports.swirl_button_group = SwirlButtonGroup;

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

@@ -1,45 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
-const mediaQuery_service = require('./media-query.service-aad2b3b1.js');
-require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var mediaQuery_service = require('./media-query.service-DRPgROAV.js');
+require('./utils-Br2wWntR.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);transition:box-shadow 0.3s}.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--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{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,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:where(: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:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--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,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--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-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.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:where(:not(:disabled):not(.button--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:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .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:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--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:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .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-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.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,.button--variant-on-image.button--disabled.sc-swirl-button{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,.button--variant-on-image.button--disabled.sc-swirl-button .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-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){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:where(:not(:disabled):not(.button--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:where(:not(:disabled):not(.button--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,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .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 {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.mediaQueryUnsubscribe = () => { };
-        this.elevated = undefined;
-        this.disabled = undefined;
-        this.download = undefined;
-        this.swirlAriaControls = undefined;
-        this.swirlAriaCurrent = undefined;
-        this.swirlAriaDescribedby = undefined;
-        this.swirlAriaExpanded = undefined;
-        this.swirlAriaHaspopup = undefined;
-        this.swirlAriaLabel = undefined;
-        this.form = undefined;
-        this.hideLabel = undefined;
-        this.href = undefined;
-        this.icon = undefined;
         this.iconPosition = "start";
         this.intent = "default";
-        this.label = undefined;
-        this.name = undefined;
-        this.pill = undefined;
-        this.pressed = undefined;
         this.size = "m";
-        this.target = undefined;
         this.textAlign = "center";
         this.type = "button";
-        this.value = undefined;
         this.variant = "ghost";
-        this.inheritFontSize = undefined;
+        this.mediaQueryUnsubscribe = () => { };
     }
     componentDidLoad() {
         this.updateFormAttribute();
@@ -106,6 +83,6 @@ const SwirlButton = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlButton.style = SwirlButtonStyle0;
+SwirlButton.style = swirlButtonCss;
 
 exports.swirl_button = SwirlButton;

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

@@ -1,12 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.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);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(\n    --s-surface-raised-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-raised-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-raised-pressed\n  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}";
-const SwirlCardStyle0 = swirlCardCss;
 
 const swirlCardBorderRadiusTokens = ["xs", "sm", "base", "l", "xl"];
 const SwirlCard = class {
@@ -15,27 +12,9 @@ const SwirlCard = class {
         this.componentLoad = index.createEvent(this, "componentLoad", 7);
         this.as = "div";
         this.borderRadius = "base";
-        this.customBackgroundColor = undefined;
-        this.elevated = undefined;
         this.elevationLevel = 3;
-        this.height = undefined;
-        this.highlighted = undefined;
-        this.href = undefined;
-        this.imageAspectRatio = undefined;
         this.intent = "default";
-        this.isBorderless = undefined;
-        this.interactive = undefined;
         this.justifyContent = "start";
-        this.linkTarget = undefined;
-        this.minHeight = undefined;
-        this.overflow = undefined;
-        this.padding = undefined;
-        this.paddingBlockEnd = undefined;
-        this.paddingBlockStart = undefined;
-        this.paddingInlineEnd = undefined;
-        this.paddingInlineStart = undefined;
-        this.swirlAriaLabel = undefined;
-        this.swirlAriaLabelledby = undefined;
         this.flashing = false;
     }
     /**
@@ -99,6 +78,6 @@ const SwirlCard = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlCard.style = SwirlCardStyle0;
+SwirlCard.style = swirlCardCss;
 
 exports.swirl_card = SwirlCard;

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

@@ -1,19 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.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%}";
-const SwirlCarouselSlideStyle0 = swirlCarouselSlideCss;
 
 const SwirlCarouselSlide = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.aspectRatio = undefined;
-        this.label = undefined;
-        this.minHeight = undefined;
         this.width = "15.5rem";
     }
     render() {
@@ -27,6 +21,6 @@ const SwirlCarouselSlide = class {
             }, tabIndex: 0 }, index.h("slot", { key: '3648067d02370a7c2710bbc2adfa65c4db42f02b' })));
     }
 };
-SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;
+SwirlCarouselSlide.style = swirlCarouselSlideCss;
 
 exports.swirl_carousel_slide = SwirlCarouselSlide;

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

@@ -1,18 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var utils = require('./utils-Br2wWntR.js');
 
 const swirlCarouselCss = ":host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fade-color:var(--s-background-default);position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button,:host(:hover) .carousel__next-slide-button{pointer-events:auto}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before,.carousel:after{position:absolute;z-index:1;top:0;width:var(--s-space-32);height:100%;content:\"\";transition:opacity 0.2s;pointer-events:none;opacity:0}.carousel:before{left:0;background:linear-gradient(\n      90deg,\n      var(--swirl-carousel-fade-color) 0%,\n      transparent 100%\n    )}.carousel:after{right:0;background:linear-gradient(\n      270deg,\n      var(--swirl-carousel-fade-color) 0%,\n      transparent 100%\n    )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}";
-const SwirlCarouselStyle0 = swirlCarouselCss;
 
 const SwirlCarousel = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.activeSlidesChange = index.createEvent(this, "activeSlidesChange", 7);
+        this.nextSlideButtonLabel = "Next slide";
+        this.previousSlideButtonLabel = "Previous slide";
+        this.fade = false;
+        this.fadeColor = "default";
+        this.loopAround = false;
+        this.padding = "16";
+        this.spacing = "16";
         this.activeSlides = [];
         this.carouselFadeColorMap = {
             default: "var(--s-background-default)",
@@ -44,21 +48,6 @@ const SwirlCarousel = class {
             this.updateActiveSlideReferences();
             this.checkScrollPosition();
         };
-        this.label = undefined;
-        this.nextSlideButtonLabel = "Next slide";
-        this.previousSlideButtonLabel = "Previous slide";
-        this.fade = false;
-        this.fadeColor = "default";
-        this.loopAround = false;
-        this.padding = "16";
-        this.paddingBlockEnd = undefined;
-        this.paddingBlockStart = undefined;
-        this.paddingInlineEnd = undefined;
-        this.paddingInlineStart = undefined;
-        this.spacing = "16";
-        this.isAtEnd = undefined;
-        this.isAtStart = undefined;
-        this.isScrollable = undefined;
     }
     onWindowResize() {
         this.checkScrollStatus();
@@ -173,6 +162,6 @@ const SwirlCarousel = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlCarousel.style = SwirlCarouselStyle0;
+SwirlCarousel.style = swirlCarouselCss;
 
 exports.swirl_carousel = SwirlCarousel;