@getflip/swirl-components-react 0.67.0 → 0.67.2

package/dist/{swirl-time-input.entry.e6f42fe2.js → swirl-time-input.entry.a358a453.js}

@@ -1,4 +1,4 @@
-import { r as h, c, h as a, H as m, g as p } from "./index.63420343.js";
+import { r as h, c, h as a, H as m, g as p } from "./index.b2314545.js";
 import { c as v } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as f } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-toast-provider.entry.9e8f6b4e.js → swirl-toast-provider.entry.06bb61a7.js}

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as r } from "./index.63420343.js";
+import { r as n, h as a, H as r } from "./index.b2314545.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.4333f44f.js → swirl-toast.entry.8a88b623.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as r } from "./index.63420343.js";
+import { r as a, c as n, h as i, H as r } from "./index.b2314545.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { g as c } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-tooltip.entry.a081419f.js → swirl-tooltip.entry.89188625.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.63420343.js";
+import { r as n, h as i, H as l } from "./index.b2314545.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.eb09cded.js → swirl-tree-navigation-item.entry.6bdfd524.js}

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

package/dist/{swirl-video-thumbnail.entry.3543d79a.js → swirl-video-thumbnail.entry.742f2f8e.js}

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

package/dist/{swirl-visually-hidden.entry.0107de03.js → swirl-visually-hidden.entry.e41cc7da.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.63420343.js";
+import { r as s, h as i, H as l } from "./index.b2314545.js";
 import "react";
 import "react-dom";
 const t = ":host{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)}", o = class {

package/dist/{wc-datepicker.entry.10aa69e7.js → wc-datepicker.entry.669baf32.js}

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

package/package.json

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

package/dist/swirl-avatar.entry.21fb3961.js

@@ -1,56 +0,0 @@
-import { r as h, h as i, H as u, g } from "./index.63420343.js";
-import { c as s } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}", n = {
-  xs: 28,
-  s: 32,
-  m: 40,
-  l: 48,
-  xl: 64,
-  "2xl": 144
-}, f = class {
-  constructor(t) {
-    h(this, t), this.setImageAvailable = () => {
-      this.imageAvailable = !0;
-    }, this.setImageUnavailable = () => {
-      this.imageAvailable = !1;
-    }, this.onKeydown = (a) => {
-      a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
-    }, this.onKeyup = (a) => {
-      a.code === "Space" && (a.preventDefault(), this.element.click());
-    }, this.badge = void 0, this.badgePosition = "bottom", this.color = "kiwi", this.icon = void 0, this.initials = void 0, this.interactive = !1, this.label = void 0, this.showLabel = !1, this.size = "m", this.src = void 0, this.variant = "round", this.imageAvailable = void 0;
-  }
-  componentDidLoad() {
-    this.forceBadgeProps();
-  }
-  watchSrcProp() {
-    this.imageAvailable = void 0;
-  }
-  forceBadgeProps() {
-    if (!Boolean(this.badge))
-      return;
-    const t = this.badgeEl.querySelector("swirl-badge");
-    t == null || t.setAttribute("size", "m");
-  }
-  render() {
-    const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !t && Boolean(this.initials), e = !t && !a && Boolean(this.icon), r = !t && !a && !e, o = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : "img", v = s("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
-      "avatar--has-icon": e || r,
-      "avatar--has-initials": a,
-      "avatar--interactive": this.interactive
-    }), d = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
-    return i(u, { "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: l, tabIndex: this.interactive ? 0 : void 0 }, i("span", { class: v, part: "avatar" }, t && i("span", { class: "avatar__image" }, i("img", { alt: "", height: n[this.size], onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: n[this.size] })), a && i("span", { class: "avatar__initials" }, i("span", null, this.initials)), e && i("span", { class: "avatar__icon", innerHTML: this.icon }), r && i("span", { class: "avatar__icon" }, i("swirl-icon-person", null)), o && i("span", { class: d, innerHTML: this.badge, ref: (c) => this.badgeEl = c })), this.showLabel && i("span", { "aria-hidden": !0, class: "avatar__label" }, this.label));
-  }
-  get element() {
-    return g(this);
-  }
-  static get watchers() {
-    return {
-      src: ["watchSrcProp"]
-    };
-  }
-};
-f.style = m;
-export {
-  f as swirl_avatar
-};