@getflip/swirl-components-react 0.321.0 → 0.322.0

package/dist/swirl-icon-check-strong_2.entry.d3037762.js

@@ -1,32 +0,0 @@
-import { r as l, h as e, F as r } from "./index.0f8940f3.js";
-import { c as d } from "./index-267776a4.6beb4f4b.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%}", s = o, f = class {
-  constructor(i) {
-    l(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 = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "3edf087855a1e10921c6c803f37d7540866b439d", "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(r, { key: "d6d4ccd29f30a7a9543cc85c2718e33545fefa21" }, e("path", { key: "d1917b885851815aa1e085fa67a7a4f7f5830324", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(r, { key: "4446380f65e54dbf132a281a6f0b640b59cdab5d" }, e("path", { key: "df600f07038f7e2e2547804e1188cc017c61390b", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" })), this.size === 28 && e(r, { key: "28184ec4450554d4098960b7139b386910894ab3" }, e("path", { key: "2a901f9862f451917cecfa0926dbc5e9a9ea1434", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })));
-  }
-};
-f.style = s;
-const h = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", a = h, n = class {
-  constructor(i) {
-    l(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 = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "88dc64a7ec66dc17f117b788d5e7d27217813d0f", "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(r, { key: "bc0d3d364371400f425e3582458929a826cdf933" }, e("rect", { key: "ff4b8b6d9933ccc1b49376a59c8a255022573c91", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "3fb46a3dc5344fa3075a5d28246f119e12bf2a52", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "6f8ef53de5f99e25b919f32ef2e1994447d1b7c2", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "c45dbbe9398492aff37383f41ca873b5d764e5da", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "be552b15a393f64b38049a724b72f1b121e50f5d", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "328befb253dad984c4d2a739c780855168e4b20f", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(r, { key: "85c38173b0c6c9040fd61acf2aa07b70640892de" }, e("rect", { key: "2be23e279f84a9ade1de67d7a4a4887203f7e282", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "64ef53918b35adb80d58acb432c142318e80b71b", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "26ae81684f00e7261d34730f3eb9d03f70d2b41e", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "6400a9a91e5b30ab132890edf225fe1852f47aa2", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "e33b69f319890397af9f61be911dd543ebdb817f", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "36663ae68af8b8e4033a512a1178f3709844275c", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(r, { key: "e04e652426ecd9ff4ddf91172c8002dfd0704bd8" }, e("rect", { key: "d04fb1f9d8d5e925b7a0546d8a255728f4ecaccd", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "0d69f535709f54692aff6e97909e64b4ceda0126", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "ddcfe5270f0db22db283983f50699d3041f48654", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "f485806b472555fe291b7720624852c3d1827a3b", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "bf5082d8b2fde58fe2a99e2ab33e59b9398f25bc", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "2501a7c6ab4cf4cf0b40788b89d4a2f3306e2fd7", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-n.style = a;
-export {
-  f as swirl_icon_check_strong,
-  n as swirl_icon_drag_handle
-};

package/dist/swirl-icon-dot.entry.770d34e4.js

@@ -1,19 +0,0 @@
-import { r as a, h as s, F as i } from "./index.0f8940f3.js";
-import { c as r } 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%}", d = c, n = class {
-  constructor(e) {
-    a(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
-    }, o = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return s("svg", { key: "90f8bae1a3827b1dcf19a66b1a2662d3717f1395", "aria-hidden": "true", class: o, 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 && s(i, { key: "957e586eb713b2f509b7ff4bed1c04f3cfdb69bd" }, s("path", { key: "79c18ebbfaba0686b0c7d83f016669a1a59d06d7", d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && s(i, { key: "95553729270d546798d49f40fd5b73c9ae1fe828" }, s("path", { key: "f4a838eeb4d3806edc41db597688dd2c5afdaa06", d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z", fill: "currentColor" })), this.size === 28 && s(i, { key: "d6767c916f30580bd936a0d4415d2bf1af7e49ba" }, s("path", { key: "98d0b9f56ba22cfd90fd6ac53beb75a50da84915", d: "M17.5 14C17.5 15.933 15.933 17.5 14 17.5C12.067 17.5 10.5 15.933 10.5 14C10.5 12.067 12.067 10.5 14 10.5C15.933 10.5 17.5 12.067 17.5 14Z", fill: "currentColor" })));
-  }
-};
-n.style = d;
-export {
-  n as swirl_icon_dot
-};

package/dist/swirl-option-list-section.entry.52fe8e19.js

@@ -1,15 +0,0 @@
-import { r as t, h as s, H as e } from "./index.0f8940f3.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, c = class {
-  constructor(i) {
-    t(this, i), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return s(e, { key: "9f0dbc5c83fafb8b13b1c1c9f11407751753664a" }, this.hasSeparator && s("swirl-separator", { key: "bcc676533fc7400152bbad8cdc69a5b785400ca7", spacing: this.separatorSpacing }), s("div", { key: "87ce22c4759b792d10fc1abe6c76011fa51f67fa", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "db340cc030b175d7fe8869ebf511866fa8e09c98", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "36f6870ece031bb32608303b6625458f82874c12", spacing: this.spacing, align: "stretch" }, s("slot", { key: "9bece5b27237ce59b543de4cb5f8a7771cc38c83" }))));
-  }
-};
-c.style = o;
-export {
-  c as swirl_option_list_section
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.0f8940f3.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, n = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "fa937fc4548b0ff5165218202b9c4ecd754aaf2b", 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(o, { key: "1e9fd6963e2fd38379fb5d250203f361555516d5" }, e("path", { key: "f31120ee00a8d936a2755c339206922f97f760ae", 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 = a;
-export {
-  n as swirl_symbol_smartphone
-};

package/dist/swirl-tab.entry.330e527c.js

@@ -1,17 +0,0 @@
-import { r as s, h as t, H as e } from "./index.0f8940f3.js";
-import { c as i } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const d = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", n = d, o = class {
-  constructor(a) {
-    s(this, a), this.active = void 0, this.icon = void 0, this.label = void 0, this.padding = "8", this.tabId = void 0;
-  }
-  render() {
-    const a = i("tab", { "tab--active": this.active });
-    return t(e, { key: "ac3a7adffe6478374e2ad3898301c6e67b07e79d", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: a, style: { padding: `var(--s-space-${this.padding})` } }, t("slot", { key: "b48fcf76e1a1331f60be32eb075affad12dea282" }));
-  }
-};
-o.style = n;
-export {
-  o as swirl_tab
-};

package/dist/swirl-tree-navigation.entry.112ecfbe.js

@@ -1,15 +0,0 @@
-import { r as i, h as e, H as r } from "./index.0f8940f3.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = a, o = class {
-  constructor(t) {
-    i(this, t), this.label = void 0;
-  }
-  render() {
-    return e(r, { key: "9163b6d577bfc300093480152b24765d4523d93a" }, e("ul", { key: "805bcc5447f1efc46537e797ce660805d709dd1e", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "8e8f61e26ac91760990398fb7f476c2b82700b62" })));
-  }
-};
-o.style = s;
-export {
-  o as swirl_tree_navigation
-};

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

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