@getflip/swirl-components-react 0.205.1 → 0.206.0

package/dist/swirl-emoji-love.entry.298a9220.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.3f681a5e.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", o = l, c = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "80d99173f06fae7756b209937fc417eef7b5789a" }, this.size === 16 && e("img", { key: "28e20da0eb34cc439d7e9e3d1f899d233182b0ef", alt: this.label, class: s, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && e("img", { key: "137d808575bf5e650b9626d8114f24073c3baf97", alt: this.label, class: s, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && e("img", { key: "a861157fbc829da17518130989a59d44ad4096ff", alt: this.label, class: s, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && e("img", { key: "4cad76651d10703b5aa637c3aa96c183e5d5df71", alt: this.label, class: s, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-c.style = o;
-export {
-  c as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.7e6c1dd3.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.3f681a5e.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "c2e0872f95e380e6f70f2a0e66137a47216b5949" }, this.size === 16 && e("img", { key: "f10e0ca8e803c7fc7daa22dd328f6db92d1524ae", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "344378194d1a1be48f4392ff5ddb14d4584a460f", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "50c62e562be593f0d844eccdc4f8ba0ffe92dc29", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "975c6c0c22be35b33ccc1d7f28aab820bed5b50e", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.2b693fc9.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.3f681a5e.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex}", l = h, m = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "47553159e3e1a5e0c60aaa7201dc2d6bb1f59a5d" }, this.size === 16 && e("img", { key: "e9c0ea05f84bbd68c25161eff1190f3b32ef6abd", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "9df84cfd4f0ee3da697effcb92d42d6aaa0c2dd2", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "3f0fe7c2abb3ef338453072b22fa66e9ef03862d", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "2f521b3f60b297b198f2830f9a83fee3b84fa156", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-m.style = l;
-export {
-  m as swirl_emoji_thumbs_up
-};

package/dist/swirl-form-group.entry.2840b5ac.js

@@ -1,17 +0,0 @@
-import { r as s, h as o, H as i } from "./index.3f681a5e.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ".sc-swirl-form-group-h{display:block;width:100%}.sc-swirl-form-group-h *.sc-swirl-form-group{box-sizing:border-box}.form-group.sc-swirl-form-group{display:flex;flex-direction:column;gap:var(--s-space-16)}@media (min-width: 768px){.form-group.sc-swirl-form-group{gap:var(--s-space-24)}}.form-group--orientation-horizontal.sc-swirl-form-group{gap:var(--s-space-16)}@media (min-width: 768px){.form-group--orientation-horizontal.sc-swirl-form-group{flex-direction:row}}", e = a, p = class {
-  constructor(r) {
-    s(this, r), this.orientation = "vertical";
-  }
-  render() {
-    const r = t("form-group", `form-group--orientation-${this.orientation}`);
-    return o(i, { key: "2e0236314e66e90b245065f56fa7a41c9290367d" }, o("div", { key: "eb0d4cb779f7cf7eb92911af1dd28aa67b5182df", class: r }, o("slot", { key: "82e80790c2b56adb31bd06286f98d1b7e5416205" })));
-  }
-};
-p.style = e;
-export {
-  p as swirl_form_group
-};

package/dist/swirl-icon-arrow-right-small.entry.784cef17.js

@@ -1,19 +0,0 @@
-import { r as o, h as i, F as s } from "./index.3f681a5e.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = c, d = class {
-  constructor(e) {
-    o(this, e), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const e = 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 i("svg", { key: "7df321671e508d6810c775520f12106b96fe80fa", "aria-hidden": "true", class: r, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(s, { key: "78dd786a097a3e377be698df743abb56c35a2e73" }, i("path", { key: "f46dce459484597eb08ce37170713a032f770894", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(s, { key: "c2c00018ebee4250951a960b2592c838d1d24dab" }, i("path", { key: "6a4cdbab2657aa749237391149f8bd5eab9208c3", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && i(s, { key: "88dd3d0fa0d4a928928057c4d4217d8116c698c8" }, i("path", { key: "a6dd2b459c3a90d9e57e15ba66ccf35bd316706d", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-d.style = l;
-export {
-  d as swirl_icon_arrow_right_small
-};

package/dist/swirl-icon.entry.66b0278a.js

@@ -1,16 +0,0 @@
-import { r as t, h as s, H as e } from "./index.3f681a5e.js";
-import "react";
-import "react-dom";
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = o, c = class {
-  constructor(i) {
-    t(this, i), this.color = void 0, this.glyph = void 0, this.size = 24;
-  }
-  render() {
-    const i = `swirl-icon-${this.glyph}`;
-    return s(e, { key: "513d3eda3fc6ae104a894d6b8899fb5cf2cb6533" }, s(i, { key: "f257e7c91e842275f82da470dbbd5e5f567b7ac0", color: this.color, size: this.size }));
-  }
-};
-c.style = r;
-export {
-  c as swirl_icon
-};

package/dist/swirl-symbol-roadmap.entry.628344dc.js

@@ -1,17 +0,0 @@
-import { r as a, h as e, F as t } from "./index.3f681a5e.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, c = class {
-  constructor(s) {
-    a(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = o("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "b411674ba0be107a1ae5fe624bfdc8b3bbbfb3d3", 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: "ec1c81fe761ac8ef09d6d4e77a796df7871533c8" }, e("path", { key: "aa1f51fc0561a1562aea0a53d69fe9d8f579f5ac", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_roadmap
-};

package/dist/swirl-symbol-smartphone.entry.f96266bf.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.3f681a5e.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, n = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = o("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "f3fd4e172aafe121614c141a46306e8565db4068", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(a, { key: "88a356ba29cda4a25a137959fa02a66f6227922c" }, e("path", { key: "13510ddacb252b16da1f75533bfa467d093125b6", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-n.style = l;
-export {
-  n as swirl_symbol_smartphone
-};

package/dist/swirl-visually-hidden.entry.ae45a527.js

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