@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/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
- }, mr = {
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
- }, fr = {
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), M = "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 } = {}) => {
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, M, `${M}--${i}`);
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), Z = {
203
- "purpur-badge": "_purpur-badge_1r1mu_1",
204
- "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
205
- "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
206
- "purpur-badge--neutral": "_purpur-badge--neutral_1r1mu_21",
207
- "purpur-badge--information": "_purpur-badge--information_1r1mu_25",
208
- "purpur-badge--success": "_purpur-badge--success_1r1mu_29",
209
- "purpur-badge--warning": "_purpur-badge--warning_1r1mu_33",
210
- "purpur-badge--error": "_purpur-badge--error_1r1mu_37",
211
- "purpur-badge--black-friday": "_purpur-badge--black-friday_1r1mu_41"
212
- }, z = "purpur-badge", l = {
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 mr;
229
+ return fr;
230
230
  case l.WARNING:
231
231
  return gr;
232
232
  case l.ERROR:
233
- return fr;
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[z], Z[`${z}--${e}`]]);
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
- }, Mr = {
255
+ }, zr = {
256
256
  "purpur-card-badge": "_purpur-card-badge_r7moe_1"
257
- }, Zr = s.bind(Mr), zr = "purpur-card-badge", Rr = ({
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(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), m = "purpur-card-link-arrow", ma = ({
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
- m,
661
+ f,
662
662
  n,
663
- `${m}--md`,
664
- `${m}--icon-only`,
665
- `${m}--secondary`,
663
+ `${f}--md`,
664
+ `${f}--icon-only`,
665
+ `${f}--secondary`,
666
666
  {
667
- [`${m}--disabled`]: e
667
+ [`${f}--disabled`]: e
668
668
  }
669
- ])} ${m}`,
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
- ), fa = {
674
+ ), ma = {
675
675
  "purpur-card-overline": "_purpur-card-overline_192fe_1"
676
- }, ha = s.bind(fa), va = "purpur-card-overline", ya = ({
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 f() {
690
- return f = Object.assign ? Object.assign.bind() : function(a) {
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
- }, f.apply(null, arguments);
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, f({}, p, {
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, f({}, p, {
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, f({}, t, {
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, f({}, a, {
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", Ma = ({
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
- }, Za = s.bind(wa), A = "purpur-card-root", rr = x(
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 = Za([
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
- Ma,
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 = ma;
896
+ d.LinkArrow = fa;
897
897
  d.Content = qr;
898
898
  d.ContentContainer = Hr;
899
899
  d.Cta = Kr;