@getflip/swirl-components-react 0.209.0 → 0.210.0

package/dist/swirl-carousel-slide.entry.1bac0338.js

@@ -1,19 +0,0 @@
-import { r as i, h as s, H as t } from "./index.1e316f69.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", r = o, a = class {
-  constructor(e) {
-    i(this, e), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
-  }
-  render() {
-    const e = l("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return s(t, { key: "b50291e7bf2669c2ec615fce2d37f6c9f5efde04", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, s("slot", { key: "5c1d732652c965ab30074809e1083e8626aad0a1" }));
-  }
-};
-a.style = r;
-export {
-  a as swirl_carousel_slide
-};

package/dist/swirl-description-list.entry.0a27431f.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.1e316f69.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", c = r, o = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "6f3211972a030980c828bf3dfed9a5680824a41d" }, i("div", { key: "a74c64c6cd76be0b7a7413bce08b7c13c2e8cca7", class: "description-list", role: "list" }, i("slot", { key: "60728780e9121d16f0ee9b47c0c8d6673a5b4911" })));
-  }
-};
-o.style = c;
-export {
-  o as swirl_description_list
-};

package/dist/swirl-emoji-clap.entry.3930b2d7.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.1e316f69.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: "dba5636740e47f7033ddf32f2842aa4650ac6aa9" }, this.size === 16 && e("img", { key: "edac375b14a49d9cf147d7dca3c652efe46bd1fc", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "91ca9c55fa0023fc59bd5fd11e88c79ed3371085", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "f554309ca245fb8c39447ede1d2ddf2872fb7e6f", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "aecf48d03c63cdc42df4e1bce2e7ddeb40ba33a4", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_clap
-};

package/dist/swirl-emoji-idea.entry.132bfdd3.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.1e316f69.js";
-import { c as a } 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 = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "d5999dd22cbefddc20bea3b1e06d5308268d2889" }, this.size === 16 && e("img", { key: "3f2197a58870cb95fe275ad63c414e4ac142109d", alt: this.label, class: s, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && e("img", { key: "0ab0412b4399cfdf77976ff243f16a748302b992", alt: this.label, class: s, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && e("img", { key: "c20b114e7c47b6f02128b13080ae37f19594b774", alt: this.label, class: s, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && e("img", { key: "92de29d3f352f656fcca5fd22799cd8c2d7d71e7", alt: this.label, class: s, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.e7c14dc6.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.1e316f69.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(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "1542ea8c69146ee7e9c7d4866d9447ecbb98179b" }, this.size === 16 && s("img", { key: "10449d409cd251ba06f6fda9ad6006a4b3949bd8", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "637bb03f63578140e5d14af68b187117e84ebb28", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "36c4816c785b1a5c92048367f49d6f56bff72424", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "83d983fcbfc8e1c1a3ee117d12845d4986051f85", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-c.style = o;
-export {
-  c as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.9360a0cf.js

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

package/dist/swirl-emoji-thumbs-up.entry.37e2a41d.js

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

package/dist/swirl-emoji.entry.5296ad10.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.1e316f69.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", o = r, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.name = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return e(t, { key: "cf6e5677b1995216fe2e9dc0b4da4640ce68cbdd" }, e(s, { key: "fda88bec3865df750ac5044b251758fb5b032307", label: this.label, size: this.size }));
-  }
-};
-l.style = o;
-export {
-  l as swirl_emoji
-};

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

@@ -1,19 +0,0 @@
-import { r, h as e, F as s } from "./index.1e316f69.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = a, n = class {
-  constructor(i) {
-    r(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "800441c8c2c1b8ee981bd548196dc8ab67f6d834", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(s, { key: "5906d0eb1f4d80782bee00b71ecb1c5ee35b01a1" }, e("path", { key: "17c792ed6c267faa7fe2437c683d3735805a9e42", 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) && e(s, { key: "48bfdc8dd7e514d75d3ce4a7584ee892fd408cca" }, e("path", { key: "b85e4551746472e4798faadc1cc84a81c3448a12", 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 && e(s, { key: "659b39f3303e3c8577f34a8a92931d4af5200670" }, e("path", { key: "076867cf8846a00fcddef0a6171e64090edc9cb1", 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" })));
-  }
-};
-n.style = l;
-export {
-  n as swirl_icon_arrow_right_small
-};

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

@@ -1,19 +0,0 @@
-import { r, h as e, F as i } from "./index.1e316f69.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const s = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", d = s, o = class {
-  constructor(c) {
-    r(this, c), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, a = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = l("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "b04c6e5920fb92012a32221e827176e3624cf5d0", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "95b9beaa73fffc2739211c816cb4d69c5ae9516c" }, e("path", { key: "c9d4c982bf0ff6f0c43209cee712d853e432408b", 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: "aa7852e9878c7b90769617e7196137c1160d2419", 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: "9ec233a6d0494aa22f2473bb748151bbfa84120d", 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: "8ae95fab102469df679597d550e9b6ee921811d4", 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: "2476dcd3a6f4ac1720b2e66329d209d2727b5c6c" }, e("path", { key: "a842d79bc4ee26056d646bd5e6e95407cabadb00", 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: "01526d4041c262839f9be77d250c713d726a5202", 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: "346a549bb717ca65f813ae41147ffd6e3b57ca7d", 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: "8cd00d8a65db3d80e09b7cf5b15ff0626ca5855f", 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: "4f5d50c734fda421cea7eeb92685414e1b36fbcd" }, e("path", { key: "b443955b7a364133bae99a3ddb210e3a56d3c3ab", 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: "911a3480650c01ca96fcd5d15433d289e684ae1e", 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: "651b176b13be741ebf465f3a18a14ebca2819ece", 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: "9b168185085540c663aa6887d660301075194f5b", 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" })));
-  }
-};
-o.style = d;
-export {
-  o as swirl_icon_menu_filled
-};

package/dist/swirl-symbol-bookmark.entry.c40a9008.js

@@ -1,17 +0,0 @@
-import { r as o, h as e, F as t } from "./index.1e316f69.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, m = 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: "25de3806bfebff969a11333a4632af732810e867", 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: "7f673080ebf2bf786509a6ed36401091170a8008" }, e("path", { key: "278d13d54e1aeffc96f18bf44a470eaf5e24c02c", 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" })));
-  }
-};
-m.style = a;
-export {
-  m as swirl_symbol_bookmark
-};

package/dist/swirl-visually-hidden.entry.8a28e729.js

@@ -1,15 +0,0 @@
-import { r as s, h as i, H as r } from "./index.1e316f69.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, t = class {
-  constructor(e) {
-    s(this, e);
-  }
-  render() {
-    return i(r, { key: "6b7517455790ae85af1efd3fcdf46b91796f1740" }, i("slot", { key: "04f81fd11fa2e63208eea215a3267c359ec4a113" }));
-  }
-};
-t.style = a;
-export {
-  t as swirl_visually_hidden
-};