@getflip/swirl-components-react 0.304.0 → 0.305.0

package/dist/{swirl-tree-navigation-item.entry.c6fd0a2a.js → swirl-tree-navigation-item.entry.38c9e9a1.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.02590b5c.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.7691b342.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(d, { key: "91d0825352336d88b1c20738c08f93833957b615", role: "none" }, e("li", { key: "44b1b57d68086aed645921d86ec588dd10a93345", class: {
+    return e(d, { key: "d5e32f13afe4cc70623a37977adb717bb569dcdd", role: "none" }, e("li", { key: "7704d7cd3534d57eecc2a9e38d5921e17f6ce6de", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "645f8b69e22a756704b64cfeb1147fad52ae21ea", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "ee3be24c31d978b237f3365eb9db5ebaa9dcd0bd", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "1a6ba5fa0d42d36b5cef10ae4b5c4a674c54e0a9", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "fb45c421326713a33e4aea6235da052b7faa7267", class: "tree-navigation-item__label" }, e("span", { key: "f1d44d360ffdd000901d94d7ccf3a339b20ff8a1", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "60092336a4f8258de8dc255d4ff3561bcb421f88", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "c226108f24408a27febff0f21508fbc3053d6dfd", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "f25c601b3bb4a953cb2c50a860fc8c82e34aa4c9", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "f546a936e52e4502d908d35087e10fc1bc042959", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "065e64f7762c564c0210395aabb9ba3521e5b4cd", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "b098cdac7d48e5065abeb2079f082f964ed98f57", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "5e98d20a29a7cc26d31373f3e2a79b24cb7eb191", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "8989c5ef72c1bff161a0abe9ad5749a2a17f9f8d", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "a75e5aba3979c1e8de77475405126a4ba80cd886", class: "tree-navigation-item__label" }, e("span", { key: "45fce57d267602ca6fac29574fa5c8705fef473b", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "3eebc0dbc571f71c7de74b248bcb32e458355329", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "b283122ea8520e232ec19e0876b1cf33076ef66e", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "a1568956b1989b6a0f1412306ccff71d3882d2d7", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "6dfbcc54e627257417a585a12e6147f42c7490d5", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "c13e0fd55ea7683c54ba6f3cbadbec0a7ec9ba9f", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "0ac59a0c165c0e515af930c47da8666f1eac14dc" }))));
+    } }, e("slot", { key: "402de9dfdf29b6544a5ec00befd6bbace4f366b9" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-navigation.entry.3434e4cc.js → swirl-tree-navigation.entry.f976567b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.02590b5c.js";
+import { r as t, h as e, H as i } from "./index.7691b342.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "6170dc1783135092d40e783ee2c8377035057fbd" }, e("ul", { key: "dc04e572d7a61c96acf21aa3d026b12373d089a9", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "04fb3e839d94ef7bfa13cb0b624909a567c2ba79" })));
+    return e(i, { key: "62dfa31ed87776049324a23a20df491e859bf227" }, e("ul", { key: "03b0c4f8c577dd0e44bb1d2048ce5b9b81139bb6", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "6e74ce415e07e8cca1e6a84e071edb8e69597dd7" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.fb566384.js → swirl-tree-view-item.entry.2673c449.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.02590b5c.js";
+import { r as b, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.7691b342.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";

package/dist/{swirl-tree-view.entry.11262925.js → swirl-tree-view.entry.6cc49ecc.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.02590b5c.js";
+import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.7691b342.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";

package/dist/{swirl-video-thumbnail.entry.c41e38c2.js → swirl-video-thumbnail.entry.f1fd1115.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.02590b5c.js";
+import { r as e, h as n, H as a } from "./index.7691b342.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: "192d9056cae575d3f553e04e6c51b37108bb8b39" }, n("button", { key: "9e3caed5ec654fea3b76b6a93fa4b30cb51a356e", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "192256eedf2b179a9c63fc542d41ebd4596b164e", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "afbb63ae1c500461a60c5c926b4d8dfdc12c1cca", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "52a1ce390a7e62659469d941add8ce2048893ff4" }, this.durationLabel), this.duration), n("svg", { key: "fabe8f4cd914b7097d0dc9f954d57f2dfba0691a", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "f12ae6c1bb05f6c53137504e549a0e7e4152ba60", 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: "bf1a163d030f5325dd845820b647dd4c4fa05a79" }, n("button", { key: "4cc998c39001d2f0c12ec9a64f3d7e5d202d95fa", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "a43bc61ceb457f79ac79dd56a5dbef63f3c92381", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "f19acf62f13a7015cc682e2be4cb7eb57c70b82a", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "463c58efcaef7de23ebbdaf9806ccab14bd71c3e" }, this.durationLabel), this.duration), n("svg", { key: "6a169884b1a5e13a1996ed8abc396f597c30300a", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "075843744572287a39320ff4031e4f30a4d5d5ec", 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.3e247c45.js

@@ -0,0 +1,15 @@
+import { r as s, h as i, H as r } from "./index.7691b342.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: "42e8933bc746b52c541e46ac9aaf346ed3f97828" }, i("slot", { key: "fbfc6ad8dfb4da3e3295cb2098e06a28f4dbc99a" }));
+  }
+};
+d.style = l;
+export {
+  d as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.a219103b.js → wc-datepicker.entry.2451a78d.js}

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

package/package.json

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

package/dist/swirl-symbol-roadmap.entry.322e42c2.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.02590b5c.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, i = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "310d5655e5d64d18dc4cdc5511a96a57e995c20e", 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(o, { key: "f6267d2fb84b6311b77f4b06fe7062f88e2c3689" }, e("path", { key: "1d72797b760fdd6785ba3cbce277e4ac4ee076f7", 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-visually-hidden.entry.07e0f0f2.js

@@ -1,15 +0,0 @@
-import { r as s, h as e, H as r } from "./index.02590b5c.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)}", a = l, d = class {
-  constructor(i) {
-    s(this, i);
-  }
-  render() {
-    return e(r, { key: "946b92da1505327c1c13c751c4e8331b42f2e98e" }, e("slot", { key: "e9114f7c9c9edb9ac859a8de4acecf3dfa1cc785" }));
-  }
-};
-d.style = a;
-export {
-  d as swirl_visually_hidden
-};