@getflip/swirl-components-react 0.1.0 → 0.1.1

package/package.json

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

package/dist/flip-avatar-group.entry.71bf1f2a.js

@@ -1,19 +0,0 @@
-import { r as o, h as r, H as s } from "./main.7e7363a7.js";
-import { c as t } from "./index-3c78bcaf.2675909b.js";
-import "react";
-import "react-dom";
-const i = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(8, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;border:0.25rem solid var(--s-background-default);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:3;grid-row-end:9}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border:0.25rem solid var(--s-background-default);border-radius:50%;grid-column-start:3;grid-column-end:9;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;width:1.5rem;height:1.5rem}", d = class {
-  constructor(a) {
-    o(this, a);
-  }
-  render() {
-    const a = t("avatar-group", {
-      "avatar-group--has-badge": Boolean(this.badge)
-    }), e = t("avatar-group__badge");
-    return r(s, null, r("div", { class: a, role: "group" }, r("slot", null), this.badge && r("span", { class: e, innerHTML: this.badge })));
-  }
-};
-d.style = i;
-export {
-  d as flip_avatar_group
-};

package/dist/flip-badge.entry.ebda6058.js

@@ -1,19 +0,0 @@
-import { r as t, h as e, H as i } from "./main.7e7363a7.js";
-import { c as d } from "./index-3c78bcaf.2675909b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border:0.25rem solid var(--s-background-default);border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium)}.badge--size-s{min-width:1.5rem;height:1.5rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.1875rem;padding-left:0.1875rem}.badge--size-s .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-m{min-width:2rem;height:2rem}.badge--size-m .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{background-color:var(--s-surface-critical-default)}.badge--intent-decorative-1{background-color:var(--s-decorative-1-default)}.badge--intent-decorative-2{background-color:var(--s-decorative-2-default)}.badge--intent-decorative-3{color:var(--s-text-default);background-color:var(--s-decorative-3-default)}.badge--intent-decorative-4{color:var(--s-text-default);background-color:var(--s-decorative-4-default)}.badge--intent-decorative-5{background-color:var(--s-decorative-5-default)}.badge--intent-decorative-6{background-color:var(--s-decorative-6-default)}.badge--intent-decorative-7{background-color:var(--s-decorative-7-default)}.badge--variant-dot{width:1.25rem;min-width:0;height:1.25rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__label,.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", n = class {
-  constructor(a) {
-    t(this, a), this.intent = "critical", this.size = "m", this.variant = "default";
-  }
-  render() {
-    const a = d("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
-      "badge--has-icon": this.icon
-    });
-    return e(i, { role: "status" }, e("span", { class: a }, this.icon && e("span", { class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && e("span", { class: "badge__label" }, this.label)));
-  }
-};
-n.style = r;
-export {
-  n as flip_badge
-};

package/dist/flip-inline-error.entry.38c26d13.js

@@ -1,17 +0,0 @@
-import { r as s, h as i, H as n } from "./main.7e7363a7.js";
-import { c as o } from "./index-3c78bcaf.2675909b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.0625rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical)}.inline-error__message{margin-left:var(--s-space-4);padding-top:var(--s-space-2)}", a = class {
-  constructor(r) {
-    s(this, r), this.size = "m";
-  }
-  render() {
-    const r = this.size === "m" ? 24 : 16, e = o("inline-error", `inline-error--size-${this.size}`);
-    return i(n, null, i("span", { class: e }, i("span", { class: "inline-error__icon" }, i("flip-icon-error", { size: r })), i("span", { class: "inline-error__message" }, this.message)));
-  }
-};
-a.style = l;
-export {
-  a as flip_inline_error
-};