@getflip/swirl-components-react 0.66.0 → 0.67.1

package/dist/{swirl-card.entry.bef52493.js → swirl-card.entry.03054ba8.js}

@@ -1,36 +1,36 @@
-import { r as s, h as e, H as n, g as o } from "./index.0f13ab8f.js";
+import { r as d, h as e, H as n, g as o } from "./index.ef44a4ad.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const l = `:host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),
-    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}`, h = ["xs", "sm", "base", "l", "xl"], u = class {
-  constructor(t) {
-    s(this, t), this.as = "div", this.borderRadius = "base", this.elevated = void 0, this.height = void 0, this.highlighted = void 0, this.href = void 0, this.imageAspectRatio = void 0, this.intent = "default", this.isBorderless = void 0, this.interactive = void 0, this.justifyContent = "start", this.linkTarget = void 0, this.padding = void 0, this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.swirlAriaLabel = void 0;
+const l = `:host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),
+    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}`, u = ["xs", "sm", "base", "l", "xl"], h = class {
+  constructor(r) {
+    d(this, r), this.as = "div", this.borderRadius = "base", this.elevated = void 0, this.height = void 0, this.highlighted = void 0, this.href = void 0, this.imageAspectRatio = void 0, this.intent = "default", this.isBorderless = void 0, this.interactive = void 0, this.justifyContent = "start", this.linkTarget = void 0, this.padding = void 0, this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.swirlAriaLabel = void 0;
   }
   render() {
-    const t = Boolean(this.href) ? "a" : this.as, i = Boolean(this.el.querySelector('[slot="image"]')), r = {
-      borderRadius: h.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
+    const r = Boolean(this.href) ? "a" : this.as, s = Boolean(this.el.querySelector('[slot="image"]')), t = {
+      borderRadius: u.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
       height: this.height
-    }, a = {
+    }, i = {
       padding: Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0,
       paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
       paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
-    }, d = c("card", `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
+    }, a = c("card", `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
       "card--elevated": this.elevated,
-      "card--has-image": i,
+      "card--has-image": s,
       "card--highlighted": this.highlighted,
       "card--interactive": this.interactive || this.href,
       "card--is--borderless": this.isBorderless
     });
-    return e(n, { styles: { height: this.height } }, e(t, { "aria-label": this.swirlAriaLabel, class: d, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: r, target: this.linkTarget }, e("div", { class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { name: "image" })), e("div", { class: "card__body", style: a }, e("div", { class: "card__content" }, e("slot", { name: "content" })))));
+    return e(n, { styles: { height: this.height } }, e(r, { "aria-label": this.swirlAriaLabel, class: a, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { name: "image" })), e("div", { class: "card__body", style: i }, e("div", { class: "card__content" }, e("slot", { name: "content" })))));
   }
   get el() {
     return o(this);
   }
 };
-u.style = l;
+h.style = l;
 export {
-  u as swirl_card
+  h as swirl_card
 };

package/dist/{swirl-carousel-slide.entry.7dbd1789.js → swirl-carousel-slide.entry.0ed7c325.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.0f13ab8f.js";
+import { r as e, h as i, H as t } from "./index.ef44a4ad.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.039469b4.js → swirl-carousel.entry.9e65f0ad.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.0f13ab8f.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.ef44a4ad.js";
 import { d } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.e2cc1944.js → swirl-checkbox.entry.4c665daa.js}

@@ -1,4 +1,4 @@
-import { r as t, c as a, h as c, H as n } from "./index.0f13ab8f.js";
+import { r as t, c as a, h as c, H as n } from "./index.ef44a4ad.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.d9990bd7.js → swirl-chip.entry.a2964fcd.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as c, g as n } from "./index.0f13ab8f.js";
+import { r as o, h as r, H as c, g as n } from "./index.ef44a4ad.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { g as h } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-columns.entry.100cb569.js → swirl-columns.entry.f12c2131.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.0f13ab8f.js";
+import { r as t, h as s, H as i } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S as s, b as S, d as w, e as n, f as c, i as e, j as I, k as t, l as b, m as d, n as u, o as p, p as m, q as h, s as C, t as g, u as A, v as T, w as L, x as k, y as F, z as f, A as P, B as M, C as R, D as y, E as v, G as x, I as B, J as V, K as O, L as D, M as G, N as E, O as N, P as U, Q as H, R as j, T as z, U as q, V as W, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as oa, a7 as sa, a8 as Sa, a9 as wa, aa as na, ab as ca, ac as ea, ad as Ia, ae as ta, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Ta, ap as La, aq as ka, ar as Fa, as as fa, at as Pa, au as Ma, av as Ra, aw as ya, ax as va, ay as xa, az as Ba, aA as Va, aB as Oa, aC as Da, aD as Ga, aE as Ea, aF as Na, aG as Ua, aH as Ha, aI as ja, aJ as za, aK as qa, aL as Wa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as oi, aZ as si, a_ as Si, a$ as wi, b0 as ni, b1 as ci, b2 as ei, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Ti, bf as Li, bg as ki, bh as Fi, bi as fi, bj as Pi, bk as Mi, bl as Ri, bm as yi, bn as vi, bo as xi, bp as Bi, bq as Vi, br as Oi, bs as Di, bt as Gi, bu as Ei, bv as Ni, bw as Ui, bx as Hi, by as ji, bz as zi, bA as qi, bB as Wi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as or, bP as sr, bQ as Sr, bR as wr, bS as nr, bT as cr, bU as er, bV as Ir, bW as tr, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar, c4 as Tr, c5 as Lr, c6 as kr, c7 as Fr, c8 as fr, c9 as Pr, ca as Mr, cb as Rr, cc as yr, cd as vr, ce as xr, cf as Br, cg as Vr, ch as Or, ci as Dr, cj as Gr, ck as Er, cl as Nr, cm as Ur, cn as Hr, co as jr, cp as zr, cq as qr, cr as Wr, cs as Jr, ct as Kr, cu as Qr, cv as Xr, cw as Yr, cx as Zr, cy as _r, cz as $r, cA as al, cB as il, cC as rl } from "./index.0f13ab8f.js";
+import { a as o, S as s, b as S, d as w, e as n, f as c, i as e, j as I, k as t, l as b, m as d, n as u, o as p, p as m, q as h, s as C, t as g, u as A, v as T, w as L, x as k, y as F, z as f, A as P, B as M, C as R, D as y, E as v, G as x, I as B, J as V, K as O, L as D, M as G, N as E, O as N, P as U, Q as H, R as j, T as z, U as q, V as W, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as oa, a7 as sa, a8 as Sa, a9 as wa, aa as na, ab as ca, ac as ea, ad as Ia, ae as ta, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as ha, al as Ca, am as ga, an as Aa, ao as Ta, ap as La, aq as ka, ar as Fa, as as fa, at as Pa, au as Ma, av as Ra, aw as ya, ax as va, ay as xa, az as Ba, aA as Va, aB as Oa, aC as Da, aD as Ga, aE as Ea, aF as Na, aG as Ua, aH as Ha, aI as ja, aJ as za, aK as qa, aL as Wa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as oi, aZ as si, a_ as Si, a$ as wi, b0 as ni, b1 as ci, b2 as ei, b3 as Ii, b4 as ti, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as hi, bb as Ci, bc as gi, bd as Ai, be as Ti, bf as Li, bg as ki, bh as Fi, bi as fi, bj as Pi, bk as Mi, bl as Ri, bm as yi, bn as vi, bo as xi, bp as Bi, bq as Vi, br as Oi, bs as Di, bt as Gi, bu as Ei, bv as Ni, bw as Ui, bx as Hi, by as ji, bz as zi, bA as qi, bB as Wi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as or, bP as sr, bQ as Sr, bR as wr, bS as nr, bT as cr, bU as er, bV as Ir, bW as tr, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as hr, c1 as Cr, c2 as gr, c3 as Ar, c4 as Tr, c5 as Lr, c6 as kr, c7 as Fr, c8 as fr, c9 as Pr, ca as Mr, cb as Rr, cc as yr, cd as vr, ce as xr, cf as Br, cg as Vr, ch as Or, ci as Dr, cj as Gr, ck as Er, cl as Nr, cm as Ur, cn as Hr, co as jr, cp as zr, cq as qr, cr as Wr, cs as Jr, ct as Kr, cu as Qr, cv as Xr, cw as Yr, cx as Zr, cy as _r, cz as $r, cA as al, cB as il, cC as rl } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 export {