@getflip/swirl-components-react 0.5.4 → 0.6.0

package/package.json

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

package/dist/flip-console-layout.entry.5ada6e87.js

@@ -1,22 +0,0 @@
-import { r as l, c as e, h as o, H as i } from "./index.8a6afa38.js";
-import "react";
-import "react-dom";
-const s = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:"header"
-    "navigation"
-    "user";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
-    "content"}.console-layout__app-bar{position:sticky;z-index:1;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;padding:2.5rem;background-color:var(--s-background-default);flex-direction:column;grid-area:content}.console-layout__content-header{flex-shrink:0}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}`, n = class {
-  constructor(t) {
-    l(this, t), this.backButtonClick = e(this, "backButtonClick", 7), this.helpButtonClick = e(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.logoText = "Admin", this.navigationLabel = "Main", this.onBackButtonClick = (a) => {
-      this.backButtonClick.emit(a);
-    }, this.onHelpButtonClick = (a) => {
-      this.helpButtonClick.emit(a);
-    };
-  }
-  render() {
-    return o(i, null, o("div", { class: "console-layout" }, o("div", { class: "console-layout__sidebar" }, o("header", { class: "console-layout__header" }, o("div", { class: "console-layout__logo" }, o("svg", { class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, o("path", { d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), o("path", { d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), o("path", { d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), o("path", { d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), o("flip-text", { class: "console-layout__logo-text", weight: "medium" }, this.logoText))), o("nav", { "aria-label": this.navigationLabel, class: "console-layout__navigation" }, o("slot", { name: "navigation" })), o("div", { class: "console-layout__user" }, o("slot", { name: "user" }))), o("main", { "aria-labelledby": "app-name", class: "console-layout__main" }, o("header", { class: "console-layout__app-bar" }, o("flip-heading", { as: "h1", class: "console-layout__app-name", headingId: "app-name", level: 4, text: this.appName }), this.showHelpButton && o("flip-button", { class: "console-layout__help-button", hideLabel: !0, icon: "<flip-icon-help></flip-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick, variant: "flat" })), o("section", { "aria-labelledby": "heading", class: "console-layout__content" }, o("header", { class: "console-layout__content-header" }, this.showBackButton && o("flip-button", { class: "console-layout__back-button", hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), o("div", null, o("flip-heading", { as: "h2", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && o("flip-text", { class: "console-layout__subheading", color: "subdued" }, this.subheading))), o("div", { class: "console-layout__integration" }, o("slot", { name: "content" }))))));
-  }
-};
-n.style = s;
-export {
-  n as flip_console_layout
-};

package/dist/flip-tree-navigation-item.entry.63b4cfdd.js

@@ -1,21 +0,0 @@
-import { r as t, h as e, H as a } from "./index.8a6afa38.js";
-import { c as r } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const s = ":host{display:inline-block;width:100%;flex-shrink:0}: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));justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-8)}.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-color: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-surface-highlight-default)}.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}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}", n = class {
-  constructor(i) {
-    t(this, i);
-  }
-  render() {
-    const i = r("tree-navigation-item", {
-      "tree-navigation-item--active": this.active,
-      "tree-navigation-item--has-icon": Boolean(this.icon)
-    });
-    return e(a, null, e("button", { class: i, type: "button" }, this.icon && e("span", { class: "tree-navigation-item__icon", innerHTML: this.icon }), e("span", { class: "tree-navigation-item__label" }, this.label)));
-  }
-};
-n.style = s;
-export {
-  n as flip_tree_navigation_item
-};