@getflip/swirl-components-react 0.213.2 → 0.214.0

package/dist/{swirl-toast.entry.67cafc1d.js → swirl-toast.entry.70d6f8ad.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.969a03b4.js";
+import { r as o, c as n, h as e, H as r } from "./index.ba2d0a89.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-toolbar.entry.4c4e139d.js → swirl-toolbar.entry.4c2dc444.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.969a03b4.js";
+import { r as n, h as s, H as i, g as r } from "./index.ba2d0a89.js";
 import { b as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.b9c26e88.js → swirl-tooltip.entry.610912c8.js}

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as d, g as h } from "./index.969a03b4.js";
+import { r as p, h as o, H as d, g as h } from "./index.ba2d0a89.js";
 import { b as c, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.5b8a0269.js → swirl-tree-navigation-item.entry.f1377ac5.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.969a03b4.js";
+import { r, h as i, H as n, g as s } from "./index.ba2d0a89.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,7 +11,7 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return i(n, { key: "ea182429567db34353949e3cd6e8f5e40755774a" }, i(t, { key: "b9e1d9f6080502dc183c2da769d5ad74a74e0026", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "55acada7cfece5a44afd6b2c580b6991c53c2ce2", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "c5dd6c15fd0ffcfc923cf6f00f71c0f30db0689a", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "8d623e7cae8cd60b4c67904104b5ac881c057b42" }, i(t, { key: "e173ee6cfb4c3822c699a758a40c9bb6d55cc2fa", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "6a7284f1af17d26dbf77c2af138fdca058d5e02f", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "66b66458f53d48406d19c081b1561f49c6538e48", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.4503602b.js → swirl-video-thumbnail.entry.151fc6a1.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.969a03b4.js";
+import { r as e, h as n, H as a } from "./index.ba2d0a89.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "e1ac869326bb6c272f3d90414c855486bea3397b" }, n("button", { key: "387c6787a85399c3faeeb9999e1c18bb4c4bbd6c", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "68fc3102c604af5aad3ed92420b1f5fd8960dfe2", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "4e4d8083263d12310f479b4c597a6793ea7cebea", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "591d92d5f3e1e2d8ef7945b78a4bce2cbdd8e470" }, this.durationLabel), this.duration), n("svg", { key: "2fc934edd58b6b6a033d62051a426bf3aff26e4e", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "8617778940ac4b542c83ab9bf86b6ca0cab55433", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "16ea4fcec7bd75529fe2e69de9a671e5c51a05fe" }, n("button", { key: "56974d06078f9f3fabad441037e8e3d686c086c9", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "1682d27c207b74c9c0ee6f57bceab2e491b6a3aa", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ce28406004f1909fbb7640bf1552069413e2b9ae", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "7c951958faa6e567e798b6989ae3d27401f672ad" }, this.durationLabel), this.duration), n("svg", { key: "fbb53b90d15fe05684f006536b548cfe16d5ada7", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "8330f16e56293d383ed82f107455b4992ac659eb", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/swirl-visually-hidden.entry.6f001ec1.js

@@ -0,0 +1,15 @@
+import { r as s, h as i, H as r } from "./index.ba2d0a89.js";
+import "react";
+import "react-dom";
+const a = ".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)}", l = a, d = class {
+  constructor(e) {
+    s(this, e);
+  }
+  render() {
+    return i(r, { key: "4e8e2608465b8f39ad034074f790d9fc4f9757dc" }, i("slot", { key: "04a160051ce42d1a8ebae23c7aca1fb96cfa28b2" }));
+  }
+};
+d.style = l;
+export {
+  d as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.ee7c244d.js → wc-datepicker.entry.048d40b1.js}

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

package/package.json

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

package/dist/swirl-icon-menu-filled.entry.68197949.js

@@ -1,19 +0,0 @@
-import { r as l, h as e, F as i } from "./index.969a03b4.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const d = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", f = d, s = class {
-  constructor(c) {
-    l(this, c), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, r = a("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "ac3df16495462f28c4407db4ad875a3bec956281", "aria-hidden": "true", class: r, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "f94e99d6407f929a884b8ece1c314632b7531500" }, e("path", { key: "0c395819377d5ab47806e9f012348fa0d4580f3b", d: "M2 3.33333C2 2.59695 2.59695 2 3.33333 2H6C6.73638 2 7.33333 2.59695 7.33333 3.33333V6C7.33333 6.73638 6.73638 7.33333 6 7.33333H3.33333C2.59695 7.33333 2 6.73638 2 6V3.33333Z", fill: "currentColor" }), e("path", { key: "eb1ee2e6bdbd49dccc54259a47840e79a06ec1df", d: "M2 10C2 9.26362 2.59695 8.66667 3.33333 8.66667H6C6.73638 8.66667 7.33333 9.26362 7.33333 10V12.6667C7.33333 13.403 6.73638 14 6 14H3.33333C2.59695 14 2 13.403 2 12.6667V10Z", fill: "currentColor" }), e("path", { key: "284c47fd4b5f1d9352303fdeffff0f5b5f735ff5", d: "M8.66667 3.33333C8.66667 2.59695 9.26362 2 10 2H12.6667C13.403 2 14 2.59695 14 3.33333V6C14 6.73638 13.403 7.33333 12.6667 7.33333H10C9.26362 7.33333 8.66667 6.73638 8.66667 6V3.33333Z", fill: "currentColor" }), e("path", { key: "b404067b7acfa83edb802ba29db46afe6096645f", d: "M8.66667 10C8.66667 9.26362 9.26362 8.66667 10 8.66667H12.6667C13.403 8.66667 14 9.26362 14 10V12.6667C14 13.403 13.403 14 12.6667 14H10C9.26362 14 8.66667 13.403 8.66667 12.6667V10Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "edc7f8bfceb6368024e8b74b8a8778b74a46fe3b" }, e("path", { key: "80d4eb570bc6cfd20690c2a3ba7e03cae188af9d", d: "M3 5C3 3.89543 3.89543 3 5 3H9C10.1046 3 11 3.89543 11 5V9C11 10.1046 10.1046 11 9 11H5C3.89543 11 3 10.1046 3 9V5Z", fill: "currentColor" }), e("path", { key: "69f0731ce690cf65f8c712c7c4bdefdb9260237c", d: "M3 15C3 13.8954 3.89543 13 5 13H9C10.1046 13 11 13.8954 11 15V19C11 20.1046 10.1046 21 9 21H5C3.89543 21 3 20.1046 3 19V15Z", fill: "currentColor" }), e("path", { key: "ed190f7ad4eab5e9ab1ed24de55a62872f1493e2", d: "M13 5C13 3.89543 13.8954 3 15 3H19C20.1046 3 21 3.89543 21 5V9C21 10.1046 20.1046 11 19 11H15C13.8954 11 13 10.1046 13 9V5Z", fill: "currentColor" }), e("path", { key: "58be80a2188cd020471f12e65036983793113e4e", d: "M13 15C13 13.8954 13.8954 13 15 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H15C13.8954 21 13 20.1046 13 19V15Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "086ff00e7419f72e58548cbd6a46d77e6e9c1d27" }, e("path", { key: "a0140f1b579e5e832c72ea8246bdd31c7534d4b3", d: "M3.5 5.83333C3.5 4.54467 4.54467 3.5 5.83333 3.5H10.5C11.7887 3.5 12.8333 4.54467 12.8333 5.83333V10.5C12.8333 11.7887 11.7887 12.8333 10.5 12.8333H5.83333C4.54467 12.8333 3.5 11.7887 3.5 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "3bb56db3f6ad1789d3737caefa4efe616bf99d2a", d: "M3.5 17.5C3.5 16.2113 4.54467 15.1667 5.83333 15.1667H10.5C11.7887 15.1667 12.8333 16.2113 12.8333 17.5V22.1667C12.8333 23.4553 11.7887 24.5 10.5 24.5H5.83333C4.54467 24.5 3.5 23.4553 3.5 22.1667V17.5Z", fill: "currentColor" }), e("path", { key: "51c4e062479275b90e805b32cec2c8d9bf5d16ce", d: "M15.1667 5.83333C15.1667 4.54467 16.2113 3.5 17.5 3.5H22.1667C23.4553 3.5 24.5 4.54467 24.5 5.83333V10.5C24.5 11.7887 23.4553 12.8333 22.1667 12.8333H17.5C16.2113 12.8333 15.1667 11.7887 15.1667 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "87ec88518eaa7fbc2c11c6c0d3902058f4708bd3", d: "M15.1667 17.5C15.1667 16.2113 16.2113 15.1667 17.5 15.1667H22.1667C23.4553 15.1667 24.5 16.2113 24.5 17.5V22.1667C24.5 23.4553 23.4553 24.5 22.1667 24.5H17.5C16.2113 24.5 15.1667 23.4553 15.1667 22.1667V17.5Z", fill: "currentColor" })));
-  }
-};
-s.style = f;
-export {
-  s as swirl_icon_menu_filled
-};

package/dist/swirl-symbol-bookmark.entry.5fb9ce05.js

@@ -1,17 +0,0 @@
-import { r as o, h as e, F as t } from "./index.969a03b4.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, c = class {
-  constructor(s) {
-    o(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "402c606decf5172de042da4c4ca88e06864e7726", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(t, { key: "523712ee628009f41e7a97bf1dec0f51bfb30ec7" }, e("path", { key: "130944e3180afba4d6f0c3e8aadaf6c9a9c1b3ef", d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" })));
-  }
-};
-c.style = a;
-export {
-  c as swirl_symbol_bookmark
-};

package/dist/swirl-symbol-roadmap.entry.85775a4b.js

@@ -1,17 +0,0 @@
-import { r as t, h as i, F as o } from "./index.969a03b4.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, c = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, e = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return i("svg", { key: "fd7cfa765a4582b5340196c31b944e35074b8fd5", class: e, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(o, { key: "3a7d260a046238e4c621611b7c9fe3d419e682a4" }, i("path", { key: "6d46c6157c45f4c08791cbb240cfcd84b9d79487", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-c.style = a;
-export {
-  c as swirl_symbol_roadmap
-};

package/dist/swirl-symbol.entry.b12296d7.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.969a03b4.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", c = r, l = class {
-  constructor(s) {
-    i(this, s), this.glyph = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-symbol-${this.glyph}`;
-    return e(t, { key: "ed3fb0f13346ea6c06c7cb33ad3954dd46d5bc8b" }, e(s, { key: "aa7dbde64da7cac92145c6447a63bc7884c94c4f", size: this.size }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_symbol
-};

package/dist/swirl-visually-hidden.entry.479e0ea0.js

@@ -1,15 +0,0 @@
-import { r as e, h as i, H as r } from "./index.969a03b4.js";
-import "react";
-import "react-dom";
-const l = ".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)}", t = l, d = class {
-  constructor(s) {
-    e(this, s);
-  }
-  render() {
-    return i(r, { key: "36520f804608873e099b25ca632ce475b368fc7c" }, i("slot", { key: "c061bf0c64b88137d1d756138fbc1a724bed5344" }));
-  }
-};
-d.style = t;
-export {
-  d as swirl_visually_hidden
-};