@getflip/swirl-components-react 0.202.1 → 0.203.0

package/dist/swirl-symbol-roadmap.entry.4e286289.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.ea1ce495.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: "4ba08bd4920393041a388ad357c9d534d1bb514d", 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: "7e2ac0bd47049c31edba664494069e9ae0c1ec29" }, e("path", { key: "94e672f80c1117921beb9df8095230b35f0cf0cb", 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-tab-bar.entry.5c5159ac.js

@@ -1,33 +0,0 @@
-import { r, c as i, h as e, H as s } from "./index.ea1ce495.js";
-import { c as b } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const n = '.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;width:100%;justify-content:flex-start;border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:0;margin:0;padding:var(--s-space-4) var(--s-space-8);align-items:center;border:none;color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer}.tab-bar__tab.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;overflow:hidden;width:100%;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;text-overflow:ellipsis}.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}', o = n, l = class {
-  constructor(a) {
-    r(this, a), this.activateNextTab = i(this, "activateNextTab", 7), this.activatePreviousTab = i(this, "activatePreviousTab", 7), this.activateTab = i(this, "activateTab", 7), this.onKeyDown = (t) => {
-      t.code === "ArrowLeft" ? (t.preventDefault(), this.activatePreviousTab.emit()) : t.code === "ArrowRight" && (t.preventDefault(), this.activateNextTab.emit());
-    }, this.disableTabSemantics = void 0, this.label = void 0, this.tabs = [];
-  }
-  render() {
-    return e(s, { key: "4313606f0cb6043928ba1b873221c2fc43e3dbd0" }, e("div", { key: "ad4b27c49f6a0e8da48628dbc0fc2db53e050d0e", "aria-label": this.label, class: "tab-bar", onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? void 0 : "tablist" }, this.tabs.map((a) => {
-      const t = b("tab-bar__tab", {
-        "tab-bar__tab--active": a.active
-      });
-      return e("button", {
-        "aria-controls": this.disableTabSemantics ? void 0 : a.id,
-        "aria-selected": this.disableTabSemantics ? void 0 : a.active ? "true" : "false",
-        class: t,
-        id: `tab-${a.id}`,
-        key: a.id,
-        onClick: () => this.activateTab.emit(a.id),
-        role: this.disableTabSemantics ? void 0 : "tab",
-        tabIndex: this.disableTabSemantics ? void 0 : a.active ? 0 : -1,
-        type: "button"
-      }, a.icon && e("span", { class: "tab-bar__tab-icon", innerHTML: a.icon }), e("span", { class: "tab-bar__tab-label" }, a.label));
-    })));
-  }
-};
-l.style = o;
-export {
-  l as swirl_tab_bar
-};

package/dist/swirl-tab.entry.39672269.js

@@ -1,17 +0,0 @@
-import { r as s, h as t, H as e } from "./index.ea1ce495.js";
-import { c as i } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{display:none;width:100%}.tab--active{display:block}", b = d, c = 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: "66e47f42bb3d80f2dc0b2564c656df71d353a1d3", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, t("div", { key: "5b88cc86d431aa4baaabdf280ee3503bbca825e6", class: a, style: { padding: `var(--s-space-${this.padding})` } }, t("slot", { key: "30f1dbeaccae338f6dbb99633aa48d275f3a75b2" })));
-  }
-};
-c.style = b;
-export {
-  c as swirl_tab
-};

package/dist/swirl-visually-hidden.entry.1ee40881.js

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