npm - @getflip/swirl-components-react - Versions diffs - 0.159.0 → 0.161.0 - Mend

@getflip/swirl-components-react 0.159.0 → 0.161.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (288) hide show

package/dist/{swirl-symbol-room.entry.53186d60.js → swirl-symbol-room.entry.a43f2c4c.js} RENAMED Viewed

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

package/dist/{swirl-symbol-savings.entry.7a2fc989.js → swirl-symbol-savings.entry.f67693de.js} RENAMED Viewed

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

package/dist/{swirl-symbol-settings-voice.entry.0cbb4b50.js → swirl-symbol-settings-voice.entry.d7a8a50d.js} RENAMED Viewed

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

package/dist/{swirl-symbol-shopping-cart.entry.520c6e44.js → swirl-symbol-shopping-cart.entry.4aaf9b47.js} RENAMED Viewed

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

package/dist/{swirl-symbol-smartphone.entry.a7adc6b4.js → swirl-symbol-smartphone.entry.7773d6f4.js} RENAMED Viewed

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

package/dist/{swirl-symbol-star.entry.72fcf1d6.js → swirl-symbol-star.entry.e6edca7d.js} RENAMED Viewed

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

package/dist/{swirl-symbol-supervisor-account.entry.0781e141.js → swirl-symbol-supervisor-account.entry.abc25bd8.js} RENAMED Viewed

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

package/dist/{swirl-symbol-thumbs-up-down.entry.ec9cce6c.js → swirl-symbol-thumbs-up-down.entry.dd12f6ed.js} RENAMED Viewed

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

package/dist/{swirl-symbol-twitter.entry.894f15bd.js → swirl-symbol-twitter.entry.69930c7a.js} RENAMED Viewed

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

package/dist/{swirl-symbol-wb-sunny.entry.9623b481.js → swirl-symbol-wb-sunny.entry.34821ef5.js} RENAMED Viewed

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

package/dist/{swirl-symbol-wechat.entry.8b0f9417.js → swirl-symbol-wechat.entry.a4d8337e.js} RENAMED Viewed

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

package/dist/{swirl-symbol-weibo.entry.15d1b8cd.js → swirl-symbol-weibo.entry.6c17dbb6.js} RENAMED Viewed

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

package/dist/{swirl-symbol-work.entry.6dfc06ef.js → swirl-symbol-work.entry.86a3457e.js} RENAMED Viewed

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

package/dist/{swirl-symbol-xing.entry.7e613d12.js → swirl-symbol-xing.entry.3e11f70d.js} RENAMED Viewed

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

package/dist/{swirl-symbol-youtube.entry.78f482d5.js → swirl-symbol-youtube.entry.085d1d32.js} RENAMED Viewed

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

package/dist/{swirl-symbol.entry.5af8e596.js → swirl-symbol.entry.377dc986.js} RENAMED Viewed

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

package/dist/{swirl-tab-bar.entry.b595f402.js → swirl-tab-bar.entry.e72345b0.js} RENAMED Viewed

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

package/dist/{swirl-tab.entry.88749de7.js → swirl-tab.entry.9662c789.js} RENAMED Viewed

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

package/dist/{swirl-table-cell.entry.1f7de2e1.js → swirl-table-cell.entry.290395c7.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.15771756.js";
+import { r as e, h as s, H as l } from "./index.46d6e70a.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.7550815e.js → swirl-table-column.entry.62264093.js} RENAMED Viewed

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

package/dist/{swirl-table-row-group.entry.58421fd1.js → swirl-table-row-group.entry.7fdd35f8.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as r } from "./index.15771756.js";
+import { r as o, h as e, H as l, g as r } from "./index.46d6e70a.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 {

package/dist/{swirl-table-row.entry.e8c5ea34.js → swirl-table-row.entry.8fe3e75b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as o, g as r } from "./index.15771756.js";
+import { r as s, h as e, H as o, g as r } from "./index.46d6e70a.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.a6c077bc.js → swirl-table.entry.fde5ce48.js} RENAMED Viewed

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

package/dist/{swirl-tabs.entry.c861cf34.js → swirl-tabs.entry.60256dd5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as c, g as n } from "./index.15771756.js";
+import { r as e, c as b, h as s, H as c, g as n } from "./index.46d6e70a.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.0fbb7caf.js → swirl-text-input.entry.88b6ec2e.js} RENAMED Viewed

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

package/dist/{swirl-text.entry.9d6d870e.js → swirl-text.entry.b5d43182.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as ot, h as Y, H as at, g as lt } from "./index.15771756.js";
+import { r as ot, h as Y, H as at, g as lt } from "./index.46d6e70a.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.7bb7e9d9.js → swirl-theme-provider.entry.8b06246e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, c as m, h, H as d } from "./index.15771756.js";
+import { r as a, c as m, h, H as d } from "./index.46d6e70a.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.9b62134e.js → swirl-time-input.entry.e7cadfc3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.15771756.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.46d6e70a.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";

package/dist/{swirl-toast-provider.entry.f7b066cf.js → swirl-toast-provider.entry.29693ff2.js} RENAMED Viewed

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

package/dist/{swirl-toast.entry.1cf8fb07.js → swirl-toast.entry.b997611b.js} RENAMED Viewed

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

package/dist/{swirl-toolbar.entry.128c70a2.js → swirl-toolbar.entry.50f29e65.js} RENAMED Viewed

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

package/dist/swirl-tree-navigation-item.entry.e247262a.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { r, h as i, H as n, g as s } from "./index.46d6e70a.js";
+import { c as o } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);text-decoration:none;cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}.tree-navigation-item:hover{background-color:var(--s-surface-hovered)}.tree-navigation-item:active{background-color:var(--s-surface-pressed)}.tree-navigation-item:focus{outline:none}.tree-navigation-item:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item--active{background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-border-highlight)}.tree-navigation-item--active:hover{background-color:var(--s-surface-raised-hovered)}.tree-navigation-item--active:active{background-color:var(--s-surface-raised-pressed)}.tree-navigation-item--has-icon{padding-left:var(--s-space-16)}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0}.tree-navigation-item__label{overflow:hidden;min-width:0;padding-right:var(--s-space-2);padding-left:var(--s-space-2);white-space:nowrap;text-overflow:ellipsis}", l = class {
+  constructor(e) {
+    r(this, e), this.active = void 0, this.href = void 0, this.icon = void 0, this.label = void 0, this.target = void 0;
+  }
+  render() {
+    const e = Boolean(this.href), t = e ? "a" : "button", a = o("tree-navigation-item", {
+      "tree-navigation-item--active": this.active,
+      "tree-navigation-item--has-icon": Boolean(this.icon)
+    });
+    return i(n, null, i(t, { class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { class: "tree-navigation-item__label" }, this.label)));
+  }
+  get el() {
+    return s(this);
+  }
+};
+l.style = c;
+export {
+  l as swirl_tree_navigation_item
+};

package/dist/{swirl-video-thumbnail.entry.de6f1fbf.js → swirl-video-thumbnail.entry.7192c804.js} RENAMED Viewed

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

package/dist/{swirl-visually-hidden.entry.d9316571.js → swirl-visually-hidden.entry.9f80cd24.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.15771756.js";
+import { r, h as i, H as l } from "./index.46d6e70a.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.ec523f4c.js → wc-datepicker.entry.63ba0412.js} RENAMED Viewed

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

package/package.json CHANGED Viewed

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

package/dist/swirl-tree-navigation-item.entry.70d49671.js DELETED Viewed

@@ -1,25 +0,0 @@
-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";
-const n = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:transparent;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline:none}:host(:focus-visible) .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-border-highlight)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;padding-right:var(--s-space-2);padding-left:var(--s-space-2)}", c = class {
-  constructor(e) {
-    a(this, e), this.onKeyDown = (t) => {
-      t.code === "Enter" && (t.preventDefault(), this.el.click());
-    }, this.active = void 0, this.icon = void 0, this.label = void 0;
-  }
-  render() {
-    const e = o("tree-navigation-item", {
-      "tree-navigation-item--active": this.active,
-      "tree-navigation-item--has-icon": Boolean(this.icon)
-    });
-    return i(s, { class: e, onKeyDown: this.onKeyDown, role: "link", tabIndex: 0 }, this.icon && i("span", { class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { class: "tree-navigation-item__label" }, this.label));
-  }
-  get el() {
-    return r(this);
-  }
-};
-c.style = n;
-export {
-  c as swirl_tree_navigation_item
-};