@getflip/swirl-components-react 0.158.0 → 0.159.0

package/dist/{swirl-symbol-wechat.entry.f5490185.js → swirl-symbol-wechat.entry.8b0f9417.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.a919d089.js";
+import { r as t, h as s, F as e } from "./index.15771756.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-weibo.entry.82e05f35.js → swirl-symbol-weibo.entry.15d1b8cd.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.a919d089.js";
+import { r as t, h as s, F as e } from "./index.15771756.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-work.entry.3827a74a.js → swirl-symbol-work.entry.6dfc06ef.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as o } from "./index.a919d089.js";
+import { r, h as i, F as o } from "./index.15771756.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.77fdc62a.js → swirl-symbol-xing.entry.7e613d12.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as l } from "./index.a919d089.js";
+import { r as C, h as i, F as l } from "./index.15771756.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-youtube.entry.b55604c3.js → swirl-symbol-youtube.entry.78f482d5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as o } from "./index.a919d089.js";
+import { r as e, h as i, F as o } from "./index.15771756.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.43daa2ef.js → swirl-symbol.entry.5af8e596.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as r } from "./index.a919d089.js";
+import { r as t, h as i, H as r } from "./index.15771756.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{swirl-tab-bar.entry.92fa648b.js → swirl-tab-bar.entry.b595f402.js}

@@ -1,4 +1,4 @@
-import { r, c as i, h as e, H as s } from "./index.a919d089.js";
+import { r, c as i, h as e, H as s } from "./index.15771756.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.6c287adb.js → swirl-tab.entry.88749de7.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.a919d089.js";
+import { r as a, h as s, H as i } from "./index.15771756.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.a3b49032.js → swirl-table-cell.entry.1f7de2e1.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.a919d089.js";
+import { r as e, h as s, H as l } from "./index.15771756.js";
 import "react";
 import "react-dom";
 const t = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = class {

package/dist/{swirl-table-column.entry.a47a4f2f.js → swirl-table-column.entry.7550815e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.a919d089.js";
+import { r as e, h as t, H as i, g as r } from "./index.15771756.js";
 import { c as o } from "./utils-9f141e25.a4ae3adc.js";
 import "react";
 import "react-dom";

package/dist/swirl-table-row-group.entry.58421fd1.js

@@ -0,0 +1,35 @@
+import { r as o, h as e, H as l, g as r } from "./index.15771756.js";
+import "react";
+import "react-dom";
+const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);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);display:flex;align-items:center}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {
+  constructor(i) {
+    o(this, i), this.toggleShowItems = () => {
+      if (this.headerRowElement.focus(), !this.tableRowElements)
+        return;
+      const t = this.tableRowElements.scrollHeight + "px";
+      this.isVisible ? requestAnimationFrame(() => {
+        this.tableRowElements.style.height = t, this.tableRowElements.setAttribute("aria-hidden", "true"), requestAnimationFrame(() => {
+          this.tableRowElements.style.height = "0";
+        });
+      }) : requestAnimationFrame(() => {
+        this.tableRowElements.style.height = t, this.tableRowElements.removeAttribute("aria-hidden"), setTimeout(() => {
+          this.tableRowElements.style.height = "auto";
+        }, 300);
+      }), this.isVisible = !this.isVisible;
+    }, this.label = void 0, this.tooltip = void 0, this.collapsible = !1, this.collapseButtonLabel = "Previous slide", this.isVisible = !0;
+  }
+  render() {
+    const i = this.el.querySelectorAll("swirl-table-row").length, t = this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more";
+    return e(l, { class: "table-row-group", role: "rowgroup" }, e("div", { class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { class: "table-row-group__tooltip" }, e("swirl-tooltip", { content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { class: {
+      "table-row-group__rows-container": !0,
+      "table-row-group__rows-container--is-hidden": this.isVisible
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", null)));
+  }
+  get el() {
+    return r(this);
+  }
+};
+n.style = a;
+export {
+  n as swirl_table_row_group
+};

package/dist/{swirl-table-row.entry.7c8f7166.js → swirl-table-row.entry.e8c5ea34.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as o, g as r } from "./index.a919d089.js";
+import { r as s, h as e, H as o, g as r } from "./index.15771756.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-table.entry.c8c31bcd.js → swirl-table.entry.a6c077bc.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as _, g as v } from "./index.a919d089.js";
+import { r as g, h as r, H as _, g as v } from "./index.15771756.js";
 import { d as S, i as R } from "./utils-9f141e25.a4ae3adc.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.2987f22c.js → swirl-tabs.entry.c861cf34.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as c, g as n } from "./index.a919d089.js";
+import { r as e, c as b, h as s, H as c, g as n } from "./index.15771756.js";
 import "react";
 import "react-dom";
 const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = class {

package/dist/{swirl-text-input.entry.3175c97f.js → swirl-text-input.entry.0fbb7caf.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.a919d089.js";
+import { r as h, c as n, h as i, H as d } from "./index.15771756.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-text.entry.ed4b0787.js → swirl-text.entry.9d6d870e.js}

@@ -1,4 +1,4 @@
-import { r as ot, h as Y, H as at, g as lt } from "./index.a919d089.js";
+import { r as ot, h as Y, H as at, g as lt } from "./index.15771756.js";
 import { a as ct, c as ht, b as dt } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-theme-provider.entry.28d6bd83.js → swirl-theme-provider.entry.7bb7e9d9.js}

@@ -1,4 +1,4 @@
-import { r as a, c as m, h, H as d } from "./index.a919d089.js";
+import { r as a, c as m, h, H as d } from "./index.15771756.js";
 import "react";
 import "react-dom";
 const c = ".sc-swirl-theme-provider-h{display:block}", o = "swirl-preferred-theme", l = class {

package/dist/{swirl-time-input.entry.f662d72c.js → swirl-time-input.entry.9b62134e.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.a919d089.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.15771756.js";
 import { c as f } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as v } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-9f141e25.a4ae3adc.js";
@@ -61,7 +61,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, e = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, null, a("div", { class: s }, a("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: e }), a("span", { class: "time-input__icon" }, a("swirl-icon-time-outlined", { size: this.iconSize }))));
+    return a(p, null, a("div", { class: s }, a("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: e }), a("span", { class: "time-input__icon" }, a("swirl-icon-time-outlined", { size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.430fb177.js → swirl-toast-provider.entry.f7b066cf.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.a919d089.js";
+import { r, h as o, H as n } from "./index.15771756.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.07347170.js → swirl-toast.entry.1cf8fb07.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.a919d089.js";
+import { r as o, c as n, h as i, H as r } from "./index.15771756.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-toolbar.entry.6bcae4fa.js → swirl-toolbar.entry.128c70a2.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.a919d089.js";
+import { r as n, h as s, H as i, g as r } from "./index.15771756.js";
 import { a } from "./utils-9f141e25.a4ae3adc.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.d7b93153.js → swirl-tree-navigation-item.entry.70d49671.js}

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

package/dist/{swirl-video-thumbnail.entry.5d2328fc.js → swirl-video-thumbnail.entry.de6f1fbf.js}

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

package/dist/{swirl-visually-hidden.entry.e215b7a7.js → swirl-visually-hidden.entry.d9316571.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.a919d089.js";
+import { r, h as i, H as l } from "./index.15771756.js";
 import "react";
 import "react-dom";
 const e = ".sc-swirl-visually-hidden-h{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)}", n = class {

package/dist/{wc-datepicker.entry.aaf74f04.js → wc-datepicker.entry.ec523f4c.js}

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

package/package.json

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

package/dist/swirl-table-row-group.entry.986c3b1c.js

@@ -1,19 +0,0 @@
-import { r as t, h as o, H as e, g as i } from "./index.a919d089.js";
-import "react";
-import "react-dom";
-const s = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);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)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}", l = class {
-  constructor(r) {
-    t(this, r), this.label = void 0, this.tooltip = void 0;
-  }
-  render() {
-    const r = this.el.querySelectorAll("swirl-table-row").length;
-    return o(e, { class: "table-row-group", role: "rowgroup" }, o("div", { class: "table-row-group__header-row", role: "row" }, o("span", { "aria-rowspan": r, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && o("span", { class: "table-row-group__tooltip" }, o("swirl-tooltip", { content: this.tooltip, position: "top", positioning: "fixed" }, o("swirl-icon-info", { size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), o("slot", null));
-  }
-  get el() {
-    return i(this);
-  }
-};
-l.style = s;
-export {
-  l as swirl_table_row_group
-};