@getflip/swirl-components-react 0.107.0 → 0.108.0

package/dist/swirl-heading.entry.b9df16b2.js

@@ -1,35 +0,0 @@
-import { r as a, h as i, H as l } from "./index.8cebbcfd.js";
-import { c as h } from "./index-d280dafb.186cdb0e.js";
-import { b as r } from "./balancetext-fa49c64f.754e913c.js";
-import "react";
-import "react-dom";
-const g = ".sc-swirl-heading-h{display:block;width:100%}.sc-swirl-heading-h *.sc-swirl-heading{box-sizing:border-box}.heading.sc-swirl-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start.sc-swirl-heading{text-align:start}.heading--align-center.sc-swirl-heading{text-align:center}.heading--align-end.sc-swirl-heading{text-align:end}.heading--level-1.sc-swirl-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-swirl-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-swirl-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-swirl-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}.heading--level-5.sc-swirl-heading,.heading--level-6.sc-swirl-heading{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-sm)}.heading--truncate.sc-swirl-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}", d = class {
-  constructor(e) {
-    a(this, e), this.align = "start", this.as = void 0, this.balance = !0, this.headingId = void 0, this.level = 1, this.lines = void 0, this.text = void 0, this.truncate = void 0;
-  }
-  componentDidRender() {
-    this.rebalance();
-  }
-  onWindowResize() {
-    this.rebalance();
-  }
-  rebalance() {
-    !this.balance || !Boolean(this.headingEl) || Boolean(this.lines) || r(this.headingEl);
-  }
-  render() {
-    const e = this.as || `h${this.level}`, n = Boolean(this.lines) ? {
-      display: "-webkit-box",
-      overflow: "hidden",
-      "-webkit-line-clamp": String(this.lines),
-      "-webkit-box-orient": "vertical",
-      whiteSpace: "normal"
-    } : void 0, t = h("heading", `heading--align-${this.align}`, `heading--level-${this.level}`, {
-      "heading--truncate": this.truncate
-    });
-    return i(l, null, i(e, { class: t, id: this.headingId, ref: (s) => this.headingEl = s, style: n }, this.text));
-  }
-};
-d.style = g;
-export {
-  d as swirl_heading
-};

package/dist/swirl-text.entry.6fb1aff5.js

@@ -1,108 +0,0 @@
-import { r as I, h as b, H as J, g as T } from "./index.8cebbcfd.js";
-import { c as V } from "./index-d280dafb.186cdb0e.js";
-import { b as G } from "./balancetext-fa49c64f.754e913c.js";
-import "react";
-import "react-dom";
-/**
-  shave - Shave is a javascript plugin that truncates multi-line text within a html element based on set max height
-  @version v5.0.2
-  @link https://github.com/yowainwright/shave#readme
-  @author Jeff Wainwright <yowainwright@gmail.com> (jeffry.in)
-  @license MIT
-**/
-function k(t, i) {
-  var e = typeof Symbol == "function" && t[Symbol.iterator];
-  if (!e)
-    return t;
-  var s = e.call(t), a, r = [], x;
-  try {
-    for (; (i === void 0 || i-- > 0) && !(a = s.next()).done; )
-      r.push(a.value);
-  } catch (v) {
-    x = { error: v };
-  } finally {
-    try {
-      a && !a.done && (e = s.return) && e.call(s);
-    } finally {
-      if (x)
-        throw x.error;
-    }
-  }
-  return r;
-}
-function B(t, i, e) {
-  if (e || arguments.length === 2)
-    for (var s = 0, a = i.length, r; s < a; s++)
-      (r || !(s in i)) && (r || (r = Array.prototype.slice.call(i, 0, s)), r[s] = i[s]);
-  return t.concat(r || Array.prototype.slice.call(i));
-}
-function K(t) {
-  return typeof t == "string" ? B([], k(document.querySelectorAll(t)), !1) : "length" in t ? B([], k(t), !1) : [t];
-}
-function M(t, i, e) {
-  if (e === void 0 && (e = {}), typeof i > "u" || isNaN(i))
-    throw Error("maxHeight is required");
-  var s = K(t);
-  if (!!s.length)
-    for (var a = e.character, r = a === void 0 ? "\u2026" : a, x = e.classname, v = x === void 0 ? "js-shave" : x, y = e.spaces, C = y === void 0 ? !0 : y, _ = e.charclassname, j = _ === void 0 ? "js-shave-char" : _, E = e.link, c = E === void 0 ? {} : E, w = typeof C == "boolean" ? C : !0, m = c && JSON.stringify(c) !== "{}" && c.href, D = m ? "a" : "span", p = 0; p < s.length; p += 1) {
-      var n = s[p], l = n.style, F = n.querySelector("." + v), f = n.textContent === void 0 ? "innerText" : "textContent";
-      F && (n.removeChild(n.querySelector("." + j)), n[f] = n[f]);
-      var A = n[f], o = w ? A.split(" ") : A;
-      if (!(o.length < 2)) {
-        var N = l.height;
-        l.height = "auto";
-        var $ = l.maxHeight;
-        if (l.maxHeight = "none", n.offsetHeight <= i) {
-          l.height = N, l.maxHeight = $;
-          continue;
-        }
-        var L = m && c.textContent ? c.textContent : r, d = document.createElement(D), H = {
-          className: j,
-          textContent: L
-        };
-        for (var S in H)
-          d[S] = H[S], d.textContent = r;
-        if (m)
-          for (var q in c)
-            d[q] = c[q];
-        for (var h = o.length - 1, z = 0, g = void 0; z < h; )
-          g = z + h + 1 >> 1, n[f] = w ? o.slice(0, g).join(" ") : o.slice(0, g), n.insertAdjacentElement("beforeend", d), n.offsetHeight > i ? h = g - 1 : z = g;
-        n[f] = w ? o.slice(0, h).join(" ") : o.slice(0, h), n.insertAdjacentElement("beforeend", d);
-        var O = w ? " ".concat(o.slice(h).join(" ")) : o.slice(h), R = document.createTextNode(O), u = document.createElement("span");
-        u.classList.add(v), u.style.display = "none", u.appendChild(R), n.insertAdjacentElement("beforeend", u), l.height = N, l.maxHeight = $;
-      }
-    }
-}
-const Q = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}", U = class {
-  constructor(t) {
-    I(this, t), this.align = "start", this.as = "p", this.balance = void 0, this.color = "default", this.fontFamily = "text", this.fontStyle = "normal", this.lines = void 0, this.size = "base", this.truncate = void 0, this.truncateDirection = "end", this.weight = "normal";
-  }
-  componentDidRender() {
-    this.rebalance(), this.handleTruncation();
-  }
-  onWindowResize() {
-    this.rebalance(), this.handleTruncation();
-  }
-  handleTruncation() {
-    if (!this.truncate || !Boolean(this.lines) || this.lines === 1)
-      return;
-    const t = +window.getComputedStyle(this.textEl, null).getPropertyValue("line-height").replace("px", "");
-    t > 0 && M(this.textEl, t * this.lines);
-  }
-  rebalance() {
-    !this.balance || !Boolean(this.textEl) || G(this.textEl);
-  }
-  render() {
-    const t = this.as, i = V("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, {
-      "text--truncate": this.truncate && (!Boolean(this.lines) || this.lines === 1)
-    });
-    return b(J, null, b(t, { class: i, ref: (e) => this.textEl = e }, b("slot", null)));
-  }
-  get el() {
-    return T(this);
-  }
-};
-U.style = Q;
-export {
-  U as swirl_text
-};