@getflip/swirl-components-react 0.95.1 → 0.96.0

package/dist/{swirl-action-list-section.entry.6dd95318.js → swirl-action-list-section.entry.8f61550d.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.d2098e39.js";
+import { r as s, h as t, H as e } from "./index.69b5cc8f.js";
 import "react";
 import "react-dom";
 const a = ":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)}}", l = class {

package/dist/{swirl-action-list_3.entry.1e860e81.js → swirl-action-list_3.entry.fea7d78f.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as n, g as c } from "./index.d2098e39.js";
+import { r as a, h as e, H as n, g as c } from "./index.69b5cc8f.js";
 import { q as d, a as h, g as p } from "./utils-bc84f36e.1fee9865.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
@@ -9,33 +9,21 @@ const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
     };
   }
-  componentDidLoad() {
-    this.updateItems(), this.observeSlotChanges();
-  }
-  disconnectedCallback() {
-    var i;
-    (i = this.observer) == null || i.disconnect();
-  }
-  observeSlotChanges() {
-    this.observer = new MutationObserver(() => {
-      this.updateItems();
-    }), this.observer.observe(this.el, { childList: !0 });
-  }
-  updateItems() {
-    this.items = d(this.el, '[role="menuitem"]');
+  getItems() {
+    return d(this.el, '[role="menuitem"]');
   }
   focusNextItem() {
-    const t = (this.getActiveItemIndex() + 1) % this.items.length;
-    this.items[t].focus();
+    const i = this.getItems(), s = (this.getActiveItemIndex() + 1) % i.length;
+    i[s].focus();
   }
   focusPreviousItem() {
-    var s;
-    const i = this.getActiveItemIndex(), t = i === 0 ? this.items.length - 1 : i - 1;
-    (s = this.items[t]) == null || s.focus();
+    var o;
+    const i = this.getItems(), t = this.getActiveItemIndex(), s = t === 0 ? i.length - 1 : t - 1;
+    (o = i[s]) == null || o.focus();
   }
   getActiveItemIndex() {
-    const i = h();
-    return this.items.findIndex((t) => t === i || t === (i == null ? void 0 : i.querySelector('[role="menuitem"]')));
+    const i = this.getItems(), t = h();
+    return i.findIndex((s) => s === t || s === (t == null ? void 0 : t.querySelector('[role="menuitem"]')));
   }
   render() {
     return e(n, null, e("div", { "aria-orientation": "vertical", class: "action-list", onKeyDown: this.onKeyDown, role: "menu" }, e("slot", null)));
@@ -45,7 +33,7 @@ const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
   }
 };
 u.style = m;
-const f = ":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)}.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;flex-shrink:0;color:var(--s-icon-default)}.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 = class {
+const f = ":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)}.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;flex-shrink:0;color:var(--s-icon-default)}.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)}", g = class {
   constructor(i) {
     a(this, i), this.desktopMediaQuery = p(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
@@ -71,8 +59,8 @@ const f = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     return e(n, null, e("button", { "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: s, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && e("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { class: "action-list-item__label-container" }, e("span", { class: "action-list-item__label" }, this.label), this.description && e("span", { class: "action-list-item__description" }, this.description)), i && e("span", { class: "action-list-item__badge", innerHTML: this.badge }), t && e("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (o) => this.suffixEl = o })));
   }
 };
-v.style = f;
-const g = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{display:block;width:var(--s-border-width-default);height:100%;min-height:1.125rem;background-color:var(--s-border-default)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", b = class {
+g.style = f;
+const v = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{display:block;width:var(--s-border-width-default);height:100%;min-height:1.125rem;background-color:var(--s-border-default)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", b = class {
   constructor(i) {
     a(this, i), this.orientation = "horizontal", this.spacing = "8";
   }
@@ -87,9 +75,9 @@ const g = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:b
     return e(n, { "aria-orientation": this.orientation, class: t, role: "separator", style: i }, e("span", { class: "separator__line" }));
   }
 };
-b.style = g;
+b.style = v;
 export {
   u as swirl_action_list,
-  v as swirl_action_list_item,
+  g as swirl_action_list_item,
   b as swirl_separator
 };

package/dist/{swirl-app-bar.entry.19aaa6fc.js → swirl-app-bar.entry.0642bfb7.js}

@@ -1,4 +1,4 @@
-import { r as e, c as o, h as t, H as n, g as a } from "./index.d2098e39.js";
+import { r as e, c as o, h as t, H as n, g as a } from "./index.69b5cc8f.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.5757d8e3.js → swirl-app-icon.entry.7a9e6cb0.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.d2098e39.js";
+import { r as o, h as e, H as t } from "./index.69b5cc8f.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";