@getflip/swirl-components-react 0.7.3 → 0.7.4

package/package.json

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

package/dist/flip-tree-navigation-item.entry.3bc2a90e.js

@@ -1,26 +0,0 @@
-import { r as a, h as t, H as s, g as r } from "./index.c72dae09.js";
-import { c as o } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-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:var(--s-surface-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-8)}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){background-color:var(--s-surface-hovered);outline:none}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}: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}", c = class {
-  constructor(e) {
-    a(this, e), this.onKeyDown = (i) => {
-      i.code === "Enter" && (i.preventDefault(), this.el.click());
-    };
-  }
-  render() {
-    const e = o("tree-navigation-item", {
-      "tree-navigation-item--active": this.active,
-      "tree-navigation-item--has-icon": Boolean(this.icon)
-    });
-    return t(s, { class: e, onKeyDown: this.onKeyDown, role: "link", tabIndex: 0 }, this.icon && t("span", { class: "tree-navigation-item__icon", innerHTML: this.icon }), t("span", { class: "tree-navigation-item__label" }, this.label));
-  }
-  get el() {
-    return r(this);
-  }
-};
-c.style = n;
-export {
-  c as flip_tree_navigation_item
-};