@getflip/swirl-components-react 0.37.2 → 0.38.0

package/dist/{swirl-table-column.entry.fd17b5f2.js → swirl-table-column.entry.bf1f321e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.5e15f5c9.js";
+import { r as e, h as t, H as i, g as r } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 const a = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", o = class {

package/dist/{swirl-table-row-group.entry.9a16356c.js → swirl-table-row-group.entry.a5cf5d28.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.5e15f5c9.js";
+import { r as o, h as r, H as s, g as t } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.03d721a1.js → swirl-table-row.entry.64cf13f4.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as e } from "./index.5e15f5c9.js";
+import { r as s, h as o, H as e } from "./index.df277ce6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table.entry.ceedfeb7.js → swirl-table.entry.50f25c36.js}

@@ -1,4 +1,4 @@
-import { r as g, h as i, H as S, g as _ } from "./index.5e15f5c9.js";
+import { r as g, h as i, H as S, g as _ } from "./index.df277ce6.js";
 import { i as v } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.97ff7852.js → swirl-tabs.entry.78b5e624.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.5e15f5c9.js";
+import { r as i, c as r, h as e, H as o, g as b } from "./index.df277ce6.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tag.entry.2afa10f8.js → swirl-tag.entry.8eccca4a.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.5e15f5c9.js";
+import { r, c as s, h as t, H as n } from "./index.df277ce6.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.db23ee0e.js → swirl-text-input.entry.58ba1137.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.5e15f5c9.js";
+import { r as h, c as n, h as i, H as d } from "./index.df277ce6.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as x } from "./utils-61f188cc.4a43deab.js";
 import "react";
@@ -65,7 +65,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       "text-input--inline": this.inline,
       "text-input--show-password": this.type === "password" && this.showPassword
     });
-    return i(d, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": s, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.rows === 1 ? this.value : void 0 }, this.rows > 1 && this.value), this.suffixLabel && i("span", { class: "text-input__suffix" }, this.suffixLabel), u && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, type: "button" }, i("swirl-icon-cancel", { size: this.iconSize })), a && i("button", { "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), r && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { size: this.iconSize })), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { size: this.iconSize }))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((e = this.value) === null || e === void 0 ? void 0 : e.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(d, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": s, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.rows === 1 ? this.value : void 0 }, this.rows > 1 && this.value), this.suffixLabel && i("span", { class: "text-input__suffix" }, this.suffixLabel), u && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { size: this.iconSize })), a && i("button", { "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), r && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { size: this.iconSize })), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { size: this.iconSize }))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((e = this.value) === null || e === void 0 ? void 0 : e.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
   }
 };
 b.style = w;

package/dist/{swirl-text.entry.9c10a1bd.js → swirl-text.entry.67d9b448.js}

@@ -1,4 +1,4 @@
-import { r as J, h as y, H as T, g as V } from "./index.5e15f5c9.js";
+import { r as J, h as y, H as T, g as V } from "./index.df277ce6.js";
 import { c as F } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.234b8f5c.js → swirl-theme-provider.entry.542acaf3.js}

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.5e15f5c9.js";
+import { r as j, c as E, h as w, H } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 function d(e, t, o) {

package/dist/{swirl-toast-provider.entry.2a64f68e.js → swirl-toast-provider.entry.688d0944.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.5e15f5c9.js";
+import { r, h as a, H as n } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.681b7b8c.js → swirl-toast.entry.66664720.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.5e15f5c9.js";
+import { r as o, c as n, h as i, H as r } from "./index.df277ce6.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-tooltip.entry.777088c2.js → swirl-tooltip.entry.229b2e93.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.5e15f5c9.js";
+import { r as n, h as i, H as l } from "./index.df277ce6.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.a9764048.js → swirl-tree-navigation-item.entry.2f363cbd.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.5e15f5c9.js";
+import { r as t, h as i, H as s, g as r } from "./index.df277ce6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.97286b23.js → swirl-video-thumbnail.entry.e2a15157.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as e } from "./index.5e15f5c9.js";
+import { r as t, h as n, H as e } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 const a = `:host {

package/dist/{swirl-visually-hidden.entry.024ebb4b.js → swirl-visually-hidden.entry.0de1d386.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.5e15f5c9.js";
+import { r as s, h as i, H as l } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {

package/dist/{wc-datepicker.entry.cc8fb12e.js → wc-datepicker.entry.3b341b74.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.5e15f5c9.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.df277ce6.js";
 import "react";
 import "react-dom";
 function T(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.37.2",
+  "version": "0.38.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.38.2",
+    "@getflip/swirl-components": "^0.39.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-modal.entry.18c04c4c.js

@@ -1,66 +0,0 @@
-import { r as h, c as s, h as o, H as p } from "./index.5e15f5c9.js";
-import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
-import { d as f, e as u } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as v } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const g = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', _ = class {
-  constructor(t) {
-    h(this, t), this.modalClose = s(this, "modalClose", 7), this.modalOpen = s(this, "modalOpen", 7), this.primaryAction = s(this, "primaryAction", 7), this.secondaryAction = s(this, "secondaryAction", 7), this.onKeyDown = (a) => {
-      a.code === "Escape" && this.close();
-    }, this.onBackdropClick = () => {
-      this.close();
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    }, this.onPrimaryAction = (a) => {
-      this.primaryAction.emit(a);
-    }, this.onSecondaryAction = (a) => {
-      this.secondaryAction.emit(a);
-    }, this.onCustomHeaderSlotChange = () => {
-      this.hasCustomHeader = this.customHeaderSlot.assignedElements().length > 0;
-    }, this.determineScrollStatus = () => {
-      var a, e, i, l, d, r;
-      const n = ((a = this.scrollContainer) === null || a === void 0 ? void 0 : a.scrollTop) > 0, c = Math.ceil(((e = this.scrollContainer) === null || e === void 0 ? void 0 : e.scrollTop) + ((i = this.scrollContainer) === null || i === void 0 ? void 0 : i.offsetHeight)) >= ((l = this.scrollContainer) === null || l === void 0 ? void 0 : l.scrollHeight), m = ((d = this.scrollContainer) === null || d === void 0 ? void 0 : d.scrollHeight) > ((r = this.scrollContainer) === null || r === void 0 ? void 0 : r.offsetHeight);
-      n !== this.scrolled && (this.scrolled = n), c !== this.scrolledDown && (this.scrolledDown = c), m !== this.scrollable && (this.scrollable = m);
-    }, this.closeButtonLabel = "Close modal", this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.closing = !1, this.hasCustomHeader = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
-  }
-  componentDidLoad() {
-    this.modal = new b(this.modalEl), this.determineScrollStatus();
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this.modal) === null || t === void 0 || t.destroy(), this.unlockBodyScroll();
-  }
-  onWindowResize() {
-    this.determineScrollStatus();
-  }
-  async open() {
-    this.modal.show(), this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
-  }
-  async close() {
-    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
-      this.modal.hide(), this.modalClose.emit(), this.closing = !1;
-    }, 150));
-  }
-  lockBodyScroll() {
-    f(this.scrollContainer);
-  }
-  unlockBodyScroll() {
-    u(this.scrollContainer);
-  }
-  render() {
-    const t = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), a = v("modal", {
-      "modal--closing": this.closing,
-      "modal--has-custom-header": this.hasCustomHeader,
-      "modal--padded": this.padded,
-      "modal--scrollable": this.scrollable,
-      "modal--scrolled": this.scrolled,
-      "modal--scrolled-down": this.scrolledDown
-    });
-    return o(p, null, o("section", { "aria-hidden": "true", "aria-label": this.label, class: a, id: "modal", onKeyDown: this.onKeyDown, ref: (e) => this.modalEl = e }, o("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), o("div", { class: "modal__body", role: "document", style: { maxWidth: this.maxWidth } }, !this.hideCloseButton && o("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), o("header", { class: "modal__custom-header" }, o("slot", { name: "custom-header", onSlotchange: this.onCustomHeaderSlotChange, ref: (e) => this.customHeaderSlot = e })), !this.hideLabel && o("header", { class: "modal__header" }, o("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), o("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (e) => this.scrollContainer = e }, o("slot", null)), t && o("footer", { class: "modal__controls" }, o("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && o("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
-  }
-};
-_.style = g;
-export {
-  _ as swirl_modal
-};