@purpurds/card 5.28.3 → 5.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE.txt +5 -5
- package/dist/card.cjs.js +5 -5
- package/dist/card.cjs.js.map +1 -1
- package/dist/card.es.js +42 -42
- package/dist/card.es.js.map +1 -1
- package/package.json +11 -11
package/dist/card.es.js
CHANGED
|
@@ -97,12 +97,12 @@ const dr = /* @__PURE__ */ cr(lr), _r = {
|
|
|
97
97
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m13.038 7.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.586 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.664 0 1.25.601 1.25 1.234Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
|
|
98
98
|
keywords: ["alert"],
|
|
99
99
|
category: "status"
|
|
100
|
-
},
|
|
100
|
+
}, fr = {
|
|
101
101
|
name: "check-circle",
|
|
102
102
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.487 9.514a.872.872 0 1 0-1.42-1.014l-4.248 5.948-2.18-2.18a.872.872 0 0 0-1.233 1.234l2.908 2.908a.872.872 0 0 0 1.326-.11l4.847-6.786Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
|
|
103
103
|
keywords: ["check-circle"],
|
|
104
104
|
category: "status"
|
|
105
|
-
},
|
|
105
|
+
}, mr = {
|
|
106
106
|
name: "error",
|
|
107
107
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.354 3.05c.732-1.267 2.56-1.267 3.291 0l8.66 15c.732 1.267-.182 2.85-1.645 2.85H3.34c-1.463 0-2.377-1.583-1.646-2.85l8.66-15Zm1.595.862a.092.092 0 0 0-.036.038l-8.66 15a.092.092 0 0 0-.015.05c0 .014.005.032.015.05a.11.11 0 0 0 .036.038.09.09 0 0 0 .05.012H20.66a.088.088 0 0 0 .05-.012.106.106 0 0 0 .037-.038.105.105 0 0 0 .015-.05.092.092 0 0 0-.015-.05l-8.66-15a.092.092 0 0 0-.036-.038A.106.106 0 0 0 12 3.9a.105.105 0 0 0-.05.012Z" clip-rule="evenodd"/><path d="m12.523 14.922.412-6.25a.936.936 0 1 0-1.868 0l.421 6.25h1.035ZM12 17.52c.44 0 .826-.387.826-.815 0-.418-.387-.816-.826-.816-.428 0-.825.398-.825.816 0 .428.397.815.825.815Z"/><path fill-rule="evenodd" d="M12.691 15.096h-1.37l-.431-6.53a1 1 0 0 1 .997-1.066h.227a1 1 0 0 1 .998 1.064l-.42 6.532Zm.244-6.425a.936.936 0 1 0-1.868.002l.421 6.249h1.035l.412-6.25ZM13 16.706c0 .526-.466.99-1 .99-.522 0-1-.463-1-.99 0-.264.125-.51.304-.689.18-.178.429-.301.696-.301.536 0 1 .475 1 .99Zm-.174 0c0 .428-.387.815-.826.815-.428 0-.825-.387-.825-.815 0-.418.397-.816.825-.816.44 0 .826.398.826.816Z" clip-rule="evenodd"/></svg>',
|
|
108
108
|
keywords: ["error"],
|
|
@@ -127,7 +127,7 @@ const dr = /* @__PURE__ */ cr(lr), _r = {
|
|
|
127
127
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 4a.9.9 0 0 1 .9-.9h6.5a.9.9 0 0 1 .636.264l10 10a.9.9 0 0 1 0 1.272l-4.5 4.5a.9.9 0 1 1-1.272-1.272L19.227 14l-9.1-9.1H4.9v5.227l9.736 9.737a.9.9 0 1 1-1.272 1.272l-10-10A.9.9 0 0 1 3.1 10.5V4ZM8 7.4a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2ZM5.6 8a2.4 2.4 0 1 1 4.8 0 2.4 2.4 0 0 1-4.8 0Z" clip-rule="evenodd"/></svg>',
|
|
128
128
|
keywords: ["tag"],
|
|
129
129
|
category: "other"
|
|
130
|
-
}, $r = dr.bind(_r),
|
|
130
|
+
}, $r = dr.bind(_r), z = "purpur-icon", br = "md", xr = (a) => a.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Nr = ({ content: a = "", title: n } = {}) => {
|
|
131
131
|
const e = [
|
|
132
132
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
|
133
133
|
{ name: "fill", value: "currentColor" },
|
|
@@ -146,7 +146,7 @@ const dr = /* @__PURE__ */ cr(lr), _r = {
|
|
|
146
146
|
const t = Nr({
|
|
147
147
|
content: Cr(n.svg),
|
|
148
148
|
title: e
|
|
149
|
-
}), u = $r(p,
|
|
149
|
+
}), u = $r(p, z, `${z}--${i}`);
|
|
150
150
|
return /* @__PURE__ */ o(
|
|
151
151
|
"span",
|
|
152
152
|
{
|
|
@@ -199,17 +199,17 @@ var G = { exports: {} };
|
|
|
199
199
|
})();
|
|
200
200
|
})(G);
|
|
201
201
|
var kr = G.exports;
|
|
202
|
-
const Sr = /* @__PURE__ */ Ar(kr),
|
|
203
|
-
"purpur-badge": "_purpur-
|
|
204
|
-
"purpur-badge--attention": "_purpur-badge--
|
|
205
|
-
"purpur-badge--special": "_purpur-badge--
|
|
206
|
-
"purpur-badge--neutral": "_purpur-badge--
|
|
207
|
-
"purpur-badge--information": "_purpur-badge--
|
|
208
|
-
"purpur-badge--success": "_purpur-badge--
|
|
209
|
-
"purpur-badge--warning": "_purpur-badge--
|
|
210
|
-
"purpur-badge--error": "_purpur-badge--
|
|
211
|
-
"purpur-badge--black-friday": "_purpur-badge--black-
|
|
212
|
-
},
|
|
202
|
+
const Sr = /* @__PURE__ */ Ar(kr), M = {
|
|
203
|
+
"purpur-badge": "_purpur-badge_19vzu_1",
|
|
204
|
+
"purpur-badge--attention": "_purpur-badge--attention_19vzu_13",
|
|
205
|
+
"purpur-badge--special": "_purpur-badge--special_19vzu_17",
|
|
206
|
+
"purpur-badge--neutral": "_purpur-badge--neutral_19vzu_21",
|
|
207
|
+
"purpur-badge--information": "_purpur-badge--information_19vzu_25",
|
|
208
|
+
"purpur-badge--success": "_purpur-badge--success_19vzu_29",
|
|
209
|
+
"purpur-badge--warning": "_purpur-badge--warning_19vzu_33",
|
|
210
|
+
"purpur-badge--error": "_purpur-badge--error_19vzu_37",
|
|
211
|
+
"purpur-badge--black-friday": "_purpur-badge--black-friday_19vzu_41"
|
|
212
|
+
}, Z = "purpur-badge", l = {
|
|
213
213
|
ATTENTION: "attention",
|
|
214
214
|
SPECIAL: "special",
|
|
215
215
|
NEUTRAL: "neutral",
|
|
@@ -226,11 +226,11 @@ const Sr = /* @__PURE__ */ Ar(kr), Z = {
|
|
|
226
226
|
case l.INFORMATION:
|
|
227
227
|
return hr;
|
|
228
228
|
case l.SUCCESS:
|
|
229
|
-
return
|
|
229
|
+
return fr;
|
|
230
230
|
case l.WARNING:
|
|
231
231
|
return gr;
|
|
232
232
|
case l.ERROR:
|
|
233
|
-
return
|
|
233
|
+
return mr;
|
|
234
234
|
case l.NEUTRAL:
|
|
235
235
|
return yr;
|
|
236
236
|
case l.BLACK_FRIDAY:
|
|
@@ -247,21 +247,21 @@ const Sr = /* @__PURE__ */ Ar(kr), Z = {
|
|
|
247
247
|
className: r = "",
|
|
248
248
|
...t
|
|
249
249
|
}) => {
|
|
250
|
-
const u = Or(e), c = Sr([r, Z
|
|
250
|
+
const u = Or(e), c = Sr([r, M[Z], M[`${Z}--${e}`]]);
|
|
251
251
|
return /* @__PURE__ */ C("span", { "aria-label": i, className: c, "data-testid": p, ...t, children: [
|
|
252
252
|
n && u && /* @__PURE__ */ o(F, { "data-testid": `${p}-icon`, allyTitle: i, size: "xs", svg: u }),
|
|
253
253
|
a
|
|
254
254
|
] });
|
|
255
|
-
},
|
|
255
|
+
}, zr = {
|
|
256
256
|
"purpur-card-badge": "_purpur-card-badge_r7moe_1"
|
|
257
|
-
},
|
|
257
|
+
}, Mr = s.bind(zr), Zr = "purpur-card-badge", Rr = ({
|
|
258
258
|
["data-testid"]: a = "purpur-card-badge",
|
|
259
259
|
variant: n,
|
|
260
260
|
text: e
|
|
261
261
|
}) => n && e ? /* @__PURE__ */ o(
|
|
262
262
|
jr,
|
|
263
263
|
{
|
|
264
|
-
className: Zr
|
|
264
|
+
className: Mr(Zr),
|
|
265
265
|
variant: n,
|
|
266
266
|
showIcon: !1,
|
|
267
267
|
"data-testid": a,
|
|
@@ -648,7 +648,7 @@ const la = {
|
|
|
648
648
|
"purpur-card-link-arrow--secondary-negative": "_purpur-card-link-arrow--secondary-negative_1r4zu_87",
|
|
649
649
|
"purpur-card-link-arrow--expressive": "_purpur-card-link-arrow--expressive_1r4zu_98",
|
|
650
650
|
"purpur-card-link-arrow--expressive-negative": "_purpur-card-link-arrow--expressive-negative_1r4zu_108"
|
|
651
|
-
}, ga = s.bind(_a),
|
|
651
|
+
}, ga = s.bind(_a), f = "purpur-card-link-arrow", fa = ({
|
|
652
652
|
["data-testid"]: a = "purpur-card-link-arrow",
|
|
653
653
|
className: n,
|
|
654
654
|
disabled: e = !1,
|
|
@@ -658,22 +658,22 @@ const la = {
|
|
|
658
658
|
"div",
|
|
659
659
|
{
|
|
660
660
|
className: `${ga([
|
|
661
|
-
|
|
661
|
+
f,
|
|
662
662
|
n,
|
|
663
|
-
`${
|
|
664
|
-
`${
|
|
665
|
-
`${
|
|
663
|
+
`${f}--md`,
|
|
664
|
+
`${f}--icon-only`,
|
|
665
|
+
`${f}--secondary`,
|
|
666
666
|
{
|
|
667
|
-
[`${
|
|
667
|
+
[`${f}--disabled`]: e
|
|
668
668
|
}
|
|
669
|
-
])} ${
|
|
669
|
+
])} ${f}`,
|
|
670
670
|
"data-testid": a,
|
|
671
671
|
...i,
|
|
672
672
|
children: p ? /* @__PURE__ */ o(X, { "data-testid": `${a}-spinner`, size: "xs", disabled: e }) : /* @__PURE__ */ o(W, { "data-testid": `${a}-arrow`, size: "md" })
|
|
673
673
|
}
|
|
674
|
-
),
|
|
674
|
+
), ma = {
|
|
675
675
|
"purpur-card-overline": "_purpur-card-overline_192fe_1"
|
|
676
|
-
}, ha = s.bind(
|
|
676
|
+
}, ha = s.bind(ma), va = "purpur-card-overline", ya = ({
|
|
677
677
|
["data-testid"]: a = "purpur-card-overline",
|
|
678
678
|
overline: n
|
|
679
679
|
}) => n ? /* @__PURE__ */ o(j, { className: ha(va), "data-testid": a, children: n }) : null, wa = {
|
|
@@ -686,14 +686,14 @@ const la = {
|
|
|
686
686
|
"purpur-card-trigger-item--button": "_purpur-card-trigger-item--button_1sp43_6",
|
|
687
687
|
"purpur-card-trigger-item--disabled": "_purpur-card-trigger-item--disabled_1sp43_11"
|
|
688
688
|
};
|
|
689
|
-
function
|
|
690
|
-
return
|
|
689
|
+
function m() {
|
|
690
|
+
return m = Object.assign ? Object.assign.bind() : function(a) {
|
|
691
691
|
for (var n = 1; n < arguments.length; n++) {
|
|
692
692
|
var e = arguments[n];
|
|
693
693
|
for (var p in e) ({}).hasOwnProperty.call(e, p) && (a[p] = e[p]);
|
|
694
694
|
}
|
|
695
695
|
return a;
|
|
696
|
-
},
|
|
696
|
+
}, m.apply(null, arguments);
|
|
697
697
|
}
|
|
698
698
|
function ba(a, n) {
|
|
699
699
|
typeof a == "function" ? a(n) : a != null && (a.current = n);
|
|
@@ -707,11 +707,11 @@ const Q = /* @__PURE__ */ x((a, n) => {
|
|
|
707
707
|
const { children: e, ...p } = a, i = $.toArray(e), r = i.find(Ca);
|
|
708
708
|
if (r) {
|
|
709
709
|
const t = r.props.children, u = i.map((c) => c === r ? $.count(t) > 1 ? $.only(null) : /* @__PURE__ */ N(t) ? t.props.children : null : c);
|
|
710
|
-
return /* @__PURE__ */ b(S,
|
|
710
|
+
return /* @__PURE__ */ b(S, m({}, p, {
|
|
711
711
|
ref: n
|
|
712
712
|
}), /* @__PURE__ */ N(t) ? /* @__PURE__ */ D(t, void 0, u) : null);
|
|
713
713
|
}
|
|
714
|
-
return /* @__PURE__ */ b(S,
|
|
714
|
+
return /* @__PURE__ */ b(S, m({}, p, {
|
|
715
715
|
ref: n
|
|
716
716
|
}), e);
|
|
717
717
|
});
|
|
@@ -771,7 +771,7 @@ const ka = [
|
|
|
771
771
|
const { asChild: r, ...t } = p, u = r ? Q : n;
|
|
772
772
|
return ur(() => {
|
|
773
773
|
window[Symbol.for("radix-ui")] = !0;
|
|
774
|
-
}, []), /* @__PURE__ */ b(u,
|
|
774
|
+
}, []), /* @__PURE__ */ b(u, m({}, t, {
|
|
775
775
|
ref: i
|
|
776
776
|
}));
|
|
777
777
|
});
|
|
@@ -779,7 +779,7 @@ const ka = [
|
|
|
779
779
|
...a,
|
|
780
780
|
[n]: e
|
|
781
781
|
};
|
|
782
|
-
}, {}), Oa = /* @__PURE__ */ x((a, n) => /* @__PURE__ */ b(Sa.span,
|
|
782
|
+
}, {}), Oa = /* @__PURE__ */ x((a, n) => /* @__PURE__ */ b(Sa.span, m({}, a, {
|
|
783
783
|
ref: n,
|
|
784
784
|
style: {
|
|
785
785
|
// See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
|
|
@@ -800,7 +800,7 @@ const ka = [
|
|
|
800
800
|
children: n,
|
|
801
801
|
className: e = "",
|
|
802
802
|
["data-testid"]: p
|
|
803
|
-
}) => /* @__PURE__ */ o(ja, { asChild: a, "data-testid": p, className: e, children: n }), B = s.bind($a), g = "purpur-card-trigger-item",
|
|
803
|
+
}) => /* @__PURE__ */ o(ja, { asChild: a, "data-testid": p, className: e, children: n }), B = s.bind($a), g = "purpur-card-trigger-item", za = ({
|
|
804
804
|
["data-testid"]: a = "purpur-card-trigger-item",
|
|
805
805
|
disabled: n = !1,
|
|
806
806
|
href: e,
|
|
@@ -845,7 +845,7 @@ const ka = [
|
|
|
845
845
|
children: /* @__PURE__ */ o(I, { children: i })
|
|
846
846
|
}
|
|
847
847
|
);
|
|
848
|
-
},
|
|
848
|
+
}, Ma = s.bind(wa), A = "purpur-card-root", rr = x(
|
|
849
849
|
({
|
|
850
850
|
["data-testid"]: a = "purpur-card-root",
|
|
851
851
|
children: n,
|
|
@@ -858,7 +858,7 @@ const ka = [
|
|
|
858
858
|
variant: c,
|
|
859
859
|
...ar
|
|
860
860
|
}, er) => {
|
|
861
|
-
const tr =
|
|
861
|
+
const tr = Ma([
|
|
862
862
|
A,
|
|
863
863
|
e,
|
|
864
864
|
{
|
|
@@ -869,7 +869,7 @@ const ka = [
|
|
|
869
869
|
return /* @__PURE__ */ C("div", { className: tr, "data-testid": a, ref: er, ...ar, children: [
|
|
870
870
|
n,
|
|
871
871
|
(t || r) && u && /* @__PURE__ */ o(
|
|
872
|
-
|
|
872
|
+
za,
|
|
873
873
|
{
|
|
874
874
|
disabled: p,
|
|
875
875
|
href: r,
|
|
@@ -893,7 +893,7 @@ const H = s.bind(sr), k = "purpur-card", d = ({ children: a, className: n, ...e
|
|
|
893
893
|
return /* @__PURE__ */ o(rr, { className: H(p), ...e, children: a });
|
|
894
894
|
};
|
|
895
895
|
d.Badge = Rr;
|
|
896
|
-
d.LinkArrow =
|
|
896
|
+
d.LinkArrow = fa;
|
|
897
897
|
d.Content = qr;
|
|
898
898
|
d.ContentContainer = Hr;
|
|
899
899
|
d.Cta = Kr;
|