@getflip/swirl-components-react 0.236.1 → 0.237.0

package/dist/{swirl-accordion-item.entry.ffd51df9.js → swirl-accordion-item.entry.e8ef899d.js}

@@ -1,4 +1,4 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.1799f60d.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.e1718062.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -26,7 +26,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "11c14d9dfed09379d80099bf6f65ad7fd4e2abd1" }, e("div", { key: "528a89c896b091f2037cf9d84b81f3930eadce91", class: a }, e(i, { key: "23536a431d58019eca2c40e0fce121dc00cc611f", class: "accordion-item__heading" }, e("button", { key: "4b5f8bba01228c8640a5ec19433299362de3777a", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "322983a1bb1eedd46543dd563a15c5f4317268e9", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "b4aba41917ab4274caf0b4f897017dd43113fde5", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "64e2fcd9102f2992077199f0fcfab14e77111fdf", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "8b9f2b492f6db1164cc4bde2ace9fa3a62440eb3", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "d19c09e37a42536ad74fc8144ee835a13db5f9fb", glyph: "expand-more", size: 20 })))), e("div", { key: "b2752a5e87fb19b21ca993487a75c3f0fa19e594", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "30c6f733029289d95bd4f8ea1acd432cc92956dc" }))));
+    return e(n, { key: "c9f7880e2558bf5be244e5ef240889abc877a79f" }, e("div", { key: "77615540f6ff04a07229bcbe91acf2a9b90d79e3", class: a }, e(i, { key: "0b71f248897f68e0ebee9ce0dceee4cb9d034e6a", class: "accordion-item__heading" }, e("button", { key: "a81242957d36d9411ee912ab895c054f5bf5630a", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "57cae7c4358369453929baa55bb3180eb1a813bf", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "7f6d0b33ccdbd3e4c5d36cba0c121d419922ff6b", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "6bf087737bf33d1ec67fe5093dabd51dc4fe5f4f", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "982d8a9183440ac33c3725bd0de4929f956e45fc", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "19dd5942a8ed05307fe1f63b06b8da15a818f78c", glyph: "expand-more", size: 20 })))), e("div", { key: "8690e2bda8974f767cdaf5b8196767c77fec822a", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "bb1ccb6f278931b3fba7ef7b98401d0e89a94d3e" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.feca570b.js → swirl-accordion.entry.938f8b17.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as c } from "./index.1799f60d.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.e1718062.js";
 import "react";
 import "react-dom";
-const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = l, d = class {
+const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", c = n, d = class {
   constructor(e) {
     s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
@@ -24,13 +24,13 @@ const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "cb3eee31d034b88907599cf4165fe718ff5f2566" }, o("slot", { key: "68f864d1c4e14d22b448fe5d311c3c118f085969" }));
+    return o(a, { key: "4ffbbe723e9a0878fd7bfafbb2a842053d2e2691" }, o("slot", { key: "bd6ebba41058302406f997b96919f881fc7d3204" }));
   }
   get el() {
-    return c(this);
+    return l(this);
   }
 };
-d.style = n;
+d.style = c;
 export {
   d as swirl_accordion
 };

package/dist/{swirl-action-list-section.entry.cd15d1cf.js → swirl-action-list-section.entry.d944ec2a.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as a } from "./index.1799f60d.js";
+import { r as e, h as a, H as i } from "./index.e1718062.js";
 import "react";
 import "react-dom";
-const s = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = s, c = class {
+const s = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = s, l = class {
   constructor(t) {
-    i(this, t), this.label = void 0;
+    e(this, t), this.label = void 0;
   }
   render() {
-    return e(a, { key: "57bc383e7c03f4a39aea45773191c6c89454dfd7" }, e("div", { key: "446d24441c9372811c1a0906ff0d65d70485be60", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "0647f77843aafc83376a026f25180afc45b2e5fd", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "8047d3c7567b8cd584ccaaa616af4e232ecb6a84", class: "action-list-section__items" }, e("slot", { key: "80682346c7a71da4bec74d6a880f73ef43cd35b3" }))));
+    return a(i, { key: "fb2e2ada9783101b411418233a6a9a67b48bbeb5" }, a("div", { key: "11c81dc8150bd02a6321d94ac3a4e14918bf476a", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "c75f4362cb64da7a9b31b26e6eb4cd31a6d291d2", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("div", { key: "1c7c891886e2aa2f0a66b89b1fbb936dbb490ed3", class: "action-list-section__items" }, a("slot", { key: "5a3adb719a287c65bd0cb0a7a9972f601502905b" }))));
   }
 };
-c.style = o;
+l.style = o;
 export {
-  c as swirl_action_list_section
+  l as swirl_action_list_section
 };

package/dist/{swirl-action-list_3.entry.8658dfb2.js → swirl-action-list_3.entry.7735caca.js}

@@ -1,5 +1,5 @@
-import { r as n, h as o, H as r, g as c } from "./index.1799f60d.js";
-import { q as h, b as f, g as p } from "./utils-c16952ba.529dd544.js";
+import { r as n, h as o, H as r, g as c } from "./index.e1718062.js";
+import { q as h, b as p, g as f } from "./utils-c16952ba.529dd544.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -39,11 +39,11 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     (s = t[i]) == null || s.focus();
   }
   getActiveItemIndex() {
-    const t = this.getItems(), e = f();
+    const t = this.getItems(), e = p();
     return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   render() {
-    return o(r, { key: "4d7644990d1e429d0677515bd72d68d70e4fafb8" }, o("div", { key: "fd0e1cab4f5be6b6acd4bbf6610119a5939939e6", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (t) => this.container = t, role: "menu" }, o("slot", { key: "56f38e2b41efbfdce13dba0ab683865a814f6616" })));
+    return o(r, { key: "a844dda8b296495edcfc8a088837e7b42727db12" }, o("div", { key: "780baffea6d243824d5b31cc03027c2e0b723cf8", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (t) => this.container = t, role: "menu" }, o("slot", { key: "18409332e59b5aa130738d6fa4c0187d1a3acf65" })));
   }
   get el() {
     return c(this);
@@ -52,7 +52,7 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
 b.style = m;
 const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{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-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", v = g, x = class {
   constructor(t) {
-    n(this, t), this.desktopMediaQuery = p(), this.desktopMediaQueryHandler = (e) => {
+    n(this, t), this.desktopMediaQuery = f(), this.desktopMediaQueryHandler = (e) => {
       this.forceIconProps(e.matches);
     }, this.badge = void 0, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.suffix = void 0;
   }
@@ -92,7 +92,7 @@ const w = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:b
       paddingRight: `var(--s-space-${this.spacing})`,
       paddingLeft: `var(--s-space-${this.spacing})`
     }, e = d("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-    return o(r, { key: "4072fb521a6a98f765464940920b799cf0af00c1", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, o("span", { key: "97d2b84b763a641dde38d6c5850d04fbcd7a3790", class: "separator__line" }));
+    return o(r, { key: "1074694cbae40c78d7087f23c1dbf2e7722a9e0d", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, o("span", { key: "ea29c5a25b662746740fb0fdc7b1a19bdb83380d", class: "separator__line" }));
   }
 };
 I.style = y;

package/dist/{swirl-app-bar.entry.d8b5ab35.js → swirl-app-bar.entry.dff230ed.js}

@@ -1,4 +1,4 @@
-import { r as o, c as i, h as t, H as c, g as r } from "./index.1799f60d.js";
+import { r as o, c as i, h as t, H as c, g as r } from "./index.e1718062.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.499387f0.js → swirl-app-icon.entry.369cafb2.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as n } from "./index.1799f60d.js";
+import { r as o, h as e, H as n } from "./index.e1718062.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,10 +11,10 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     }, this.icon = void 0, this.src = void 0, this.imageAvailable = void 0;
   }
   render() {
-    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), s = !i && Boolean(this.icon), a = t("app-icon", {
-      "app-icon--has-icon": s || !i && !s
+    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !i && Boolean(this.icon), s = t("app-icon", {
+      "app-icon--has-icon": a || !i && !a
     });
-    return e(n, { key: "937316f91558e4de6d0c4f6b7184f705d88fe6e7" }, e("span", { key: "03109a483290d210b5b2962bd1e06ef228551159", class: a }, i && e("img", { key: "e425539db0f95cf89ff0db1e7944b2d267fa6097", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), s && e("span", { key: "8c550c7bdf1588c81f212708b304858690db1ba8", class: "app-icon__icon", innerHTML: this.icon })));
+    return e(n, { key: "99b6a929fe3046aa957eb09bb36d8bf9d47d14bf" }, e("span", { key: "4019af2ae49b02e1b50da36bd771172515798004", class: s }, i && e("img", { key: "a9d15e7e463cf123ae48da613aa9e7b6e74e8927", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "dd6dcf83160ad1b47db7eb3e73ffefd9b3c6f9af", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 r.style = l;