@purpurds/content-block 5.34.4 → 6.0.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.
Files changed (7) hide show
  1. package/dist/LICENSE.txt +5 -5
  2. package/dist/content-block.cjs.js +8 -8
  3. package/dist/content-block.cjs.js.map +1 -1
  4. package/dist/content-block.es.js +132 -136
  5. package/dist/content-block.es.js.map +1 -1
  6. package/package.json +8 -8
  7. package/src/content-block.tsx +1 -1
package/dist/content-block.es.js CHANGED
@@ -3,7 +3,7 @@ import M, { forwardRef as er, Children as tr } from "react";
3
3
  function ar(t) {
4
4
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
5
5
  }
6
- var E = { exports: {} };
6
+ var L = { exports: {} };
7
7
  /*!
8
8
  Copyright (c) 2018 Jed Watson.
9
9
  Licensed under the MIT License (MIT), see
@@ -38,8 +38,8 @@ var E = { exports: {} };
38
38
  }
39
39
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
40
40
  })();
41
- })(E);
42
- var nr = E.exports;
41
+ })(L);
42
+ var nr = L.exports;
43
43
  const ur = /* @__PURE__ */ ar(nr), pr = {
44
44
  "purpur-icon": "_purpur-icon_8u1lq_1",
45
45
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -48,73 +48,74 @@ const ur = /* @__PURE__ */ ar(nr), pr = {
48
48
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
49
49
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
50
50
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
51
- }, lr = {
51
+ }, lr = ur.bind(pr), Z = "purpur-icon", ir = "md", or = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), sr = ({ content: t = "", title: u } = {}) => {
52
+ const n = [
53
+ { name: "xmlns", value: "http://www.w3.org/2000/svg" },
54
+ { name: "fill", value: "currentColor" },
55
+ { name: "viewBox", value: "0 0 24 24" },
56
+ u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
57
+ ], l = u ? `<title>${u}</title>` : "";
58
+ return `<svg ${or(n)}>${l}${t}</svg>`;
59
+ }, cr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), C = ({
60
+ ["data-testid"]: t,
61
+ svg: u,
62
+ allyTitle: n,
63
+ className: l,
64
+ size: p = ir,
65
+ ...r
66
+ }) => {
67
+ const e = sr({
68
+ content: cr(u.svg),
69
+ title: n
70
+ }), a = lr(l, Z, `${Z}--${p}`);
71
+ return /* @__PURE__ */ i(
72
+ "span",
73
+ {
74
+ "aria-label": n,
75
+ className: a,
76
+ "data-testid": t,
77
+ dangerouslySetInnerHTML: { __html: e },
78
+ ...r
79
+ }
80
+ );
81
+ };
82
+ C.displayName = "Icon";
83
+ const dr = {
52
84
  name: "alert",
53
85
  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>',
54
86
  keywords: ["alert"],
55
87
  category: "status"
56
- }, ir = {
88
+ }, _r = {
57
89
  name: "check-circle",
58
90
  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>',
59
91
  keywords: ["check-circle"],
60
92
  category: "status"
61
- }, or = {
93
+ }, gr = {
62
94
  name: "error",
63
95
  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>',
64
96
  keywords: ["error"],
65
97
  category: "status"
66
- }, sr = {
98
+ }, hr = {
67
99
  name: "info",
68
100
  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 8.18c0 .537.469.979 1.007.979.524 0 .993-.442.993-.98s-.469-.979-.993-.979c-.538 0-1.007.441-1.007.98Zm.152 1.958v6.897h1.696v-6.897h-1.696Z"/><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>',
69
101
  keywords: ["info"],
70
102
  category: "status"
71
- }, cr = {
103
+ }, vr = {
72
104
  name: "offering",
73
105
  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.118 4.6H7a1.9 1.9 0 0 0-1.9 1.9V8a1.9 1.9 0 0 0 1.5 1.858v.642a.9.9 0 1 0 1.8 0v-.6h3.2v.6a.9.9 0 0 0 1.8 0v-.6h3.7V11a.9.9 0 0 0 1.8 0V9.858A1.9 1.9 0 0 0 20.4 8V6.5a1.9 1.9 0 0 0-1.9-1.9h-.618c-.063-.708-.3-1.394-.756-1.943-.56-.674-1.384-1.057-2.376-1.057-.92 0-1.696.33-2.25.915-.554-.585-1.33-.915-2.25-.915-.992 0-1.816.383-2.376 1.057-.457.549-.693 1.235-.756 1.943Zm1.812 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm4.5 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm-.03 3.5h5.1a.1.1 0 0 0 .1-.1V6.5a.1.1 0 0 0-.1-.1h-5.1v1.7Zm-1.8-1.7H7a.1.1 0 0 0-.1.1V8a.1.1 0 0 0 .1.1h4.6V6.4Zm8.335 5.147c.743-.107 1.52.135 2.201.817.474.473.695 1.011.708 1.548.012.508-.163.927-.318 1.2-.185.326-.47.607-.634.77l-.049.047-4.414 4.414a1.9 1.9 0 0 1-1.343.557H7.914a.1.1 0 0 0-.07.03l-.5.5a1.9 1.9 0 0 1-2.687 0L2.57 19.342a1.9 1.9 0 0 1 0-2.686l4-4a1.9 1.9 0 0 1 1.343-.557H14.5v.9-.9h.041l.065.004a2.73 2.73 0 0 1 .79.185 2.665 2.665 0 0 1 1.46 1.417c.188-.162.375-.324.551-.479.46-.401.815-.722.957-.863.338-.34.882-.719 1.571-.817ZM15.088 15.1a1.06 1.06 0 0 0 .08-.145c.1-.207.113-.38.027-.553a.867.867 0 0 0-.668-.497.628.628 0 0 0-.042-.005h-6.57a.1.1 0 0 0-.071.03l-4 4a.1.1 0 0 0 0 .14l2.085 2.087a.1.1 0 0 0 .142 0l.5-.5a1.9 1.9 0 0 1 1.343-.557h8.172a.1.1 0 0 0 .07-.03l4.415-4.414c.225-.225.334-.335.39-.434a.539.539 0 0 0 .083-.266.283.283 0 0 0-.026-.11.712.712 0 0 0-.154-.21c-.319-.318-.542-.326-.674-.307-.186.026-.392.146-.554.307-.191.192-.595.553-1.043.946-.904.79-2.143 1.838-2.561 2.144l-.238.174H10.5a.9.9 0 0 1 0-1.8h4.588Z" clip-rule="evenodd"/></svg>',
74
106
  keywords: ["offering"],
75
107
  category: "other"
76
- }, dr = {
108
+ }, fr = {
77
109
  name: "question",
78
110
  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13.672 12.056c-.635.547-1.242 1.07-1.164 2.062h-1.385c-.309-1.553.504-2.214 1.23-2.805.514-.419.986-.802.986-1.442 0-.593-.489-1.068-1.267-1.068-.764 0-1.345.422-1.872 1.187L9 9.067C9.712 7.92 10.807 7.3 12.086 7.3 13.906 7.3 15 8.42 15 9.78c0 1.133-.678 1.717-1.328 2.277Zm-.822 3.763c0 .54-.487 1.028-1.041 1.028-.554 0-1.042-.488-1.042-1.028 0-.528.488-1.029 1.042-1.029s1.042.501 1.042 1.029Z"/><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>',
79
111
  keywords: ["question"],
80
112
  category: "status"
81
- }, _r = {
113
+ }, mr = {
82
114
  name: "tag",
83
115
  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>',
84
116
  keywords: ["tag"],
85
117
  category: "other"
86
- }, gr = ur.bind(pr), Z = "purpur-icon", hr = "md", vr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), fr = ({ content: t = "", title: u } = {}) => {
87
- const n = [
88
- { name: "xmlns", value: "http://www.w3.org/2000/svg" },
89
- { name: "fill", value: "currentColor" },
90
- { name: "viewBox", value: "0 0 24 24" },
91
- u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
92
- ], l = u ? `<title>${u}</title>` : "";
93
- return `<svg ${vr(n)}>${l}${t}</svg>`;
94
- }, mr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), C = ({
95
- ["data-testid"]: t,
96
- svg: u,
97
- allyTitle: n,
98
- className: l,
99
- size: p = hr,
100
- ...r
101
- }) => {
102
- const e = fr({
103
- content: mr(u.svg),
104
- title: n
105
- }), a = gr(l, Z, `${Z}--${p}`);
106
- return /* @__PURE__ */ i(
107
- "span",
108
- {
109
- "aria-label": n,
110
- className: a,
111
- "data-testid": t,
112
- dangerouslySetInnerHTML: { __html: e },
113
- ...r
114
- }
115
- );
116
118
  };
117
- C.displayName = "Icon";
118
119
  function yr(t) {
119
120
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
120
121
  }
@@ -155,7 +156,7 @@ var P = { exports: {} };
155
156
  })();
156
157
  })(P);
157
158
  var wr = P.exports;
158
- const br = /* @__PURE__ */ yr(wr), I = {
159
+ const br = /* @__PURE__ */ yr(wr), q = {
159
160
  "purpur-badge": "_purpur-badge_19vzu_1",
160
161
  "purpur-badge--attention": "_purpur-badge--attention_19vzu_13",
161
162
  "purpur-badge--special": "_purpur-badge--special_19vzu_17",
@@ -165,7 +166,7 @@ const br = /* @__PURE__ */ yr(wr), I = {
165
166
  "purpur-badge--warning": "_purpur-badge--warning_19vzu_33",
166
167
  "purpur-badge--error": "_purpur-badge--error_19vzu_37",
167
168
  "purpur-badge--black-friday": "_purpur-badge--black-friday_19vzu_41"
168
- }, q = "purpur-badge", g = {
169
+ }, I = "purpur-badge", g = {
169
170
  ATTENTION: "attention",
170
171
  SPECIAL: "special",
171
172
  NEUTRAL: "neutral",
@@ -174,27 +175,27 @@ const br = /* @__PURE__ */ yr(wr), I = {
174
175
  WARNING: "warning",
175
176
  ERROR: "error",
176
177
  BLACK_FRIDAY: "black-friday"
177
- }, kr = (t) => {
178
+ }, xr = (t) => {
178
179
  switch (t) {
179
180
  case g.ATTENTION:
180
181
  case g.SPECIAL:
181
- return cr;
182
+ return vr;
182
183
  case g.INFORMATION:
183
- return sr;
184
+ return hr;
184
185
  case g.SUCCESS:
185
- return ir;
186
+ return _r;
186
187
  case g.WARNING:
187
- return lr;
188
+ return dr;
188
189
  case g.ERROR:
189
- return or;
190
+ return gr;
190
191
  case g.NEUTRAL:
191
- return dr;
192
+ return fr;
192
193
  case g.BLACK_FRIDAY:
193
- return _r;
194
+ return mr;
194
195
  default:
195
196
  return;
196
197
  }
197
- }, xr = ({
198
+ }, kr = ({
198
199
  children: t,
199
200
  showIcon: u = !0,
200
201
  variant: n,
@@ -203,7 +204,7 @@ const br = /* @__PURE__ */ yr(wr), I = {
203
204
  className: r = "",
204
205
  ...e
205
206
  }) => {
206
- const a = kr(n), o = br([r, I[q], I[`${q}--${n}`]]);
207
+ const a = xr(n), o = br([r, q[I], q[`${I}--${n}`]]);
207
208
  return /* @__PURE__ */ w("span", { "aria-label": p, className: o, "data-testid": l, ...e, children: [
208
209
  u && a && /* @__PURE__ */ i(C, { "data-testid": `${l}-icon`, allyTitle: p, size: "xs", svg: a }),
209
210
  t
@@ -249,7 +250,7 @@ var R = { exports: {} };
249
250
  })();
250
251
  })(R);
251
252
  var Nr = R.exports;
252
- const Ar = /* @__PURE__ */ $r(Nr), Sr = {
253
+ const Sr = /* @__PURE__ */ $r(Nr), Ar = {
253
254
  "purpur-icon": "_purpur-icon_8u1lq_1",
254
255
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
255
256
  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -257,46 +258,26 @@ const Ar = /* @__PURE__ */ $r(Nr), Sr = {
257
258
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
258
259
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
259
260
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
260
- }, Or = {
261
- name: "arrow-left",
262
- svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
263
- keywords: ["arrow-left"],
264
- category: "utility"
265
- }, Mr = {
266
- name: "arrow-right",
267
- svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.9 12a.9.9 0 0 1-.264.636l-5.5 5.5a.9.9 0 0 1-1.272-1.272l3.963-3.964H4a.9.9 0 0 1 0-1.8h13.827l-3.963-3.964a.9.9 0 1 1 1.272-1.272l5.5 5.5A.9.9 0 0 1 20.9 12Z" clip-rule="evenodd"/></svg>',
268
- keywords: ["arrow-right"],
269
- category: "utility"
270
- }, Zr = {
271
- name: "external",
272
- svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M15 3.4a.9.9 0 1 1 0-1.8h6.5a.9.9 0 0 1 .9.9V9a.9.9 0 1 1-1.8 0V4.673l-7.964 7.963a.9.9 0 1 1-1.272-1.272L19.327 3.4H15ZM1.6 5c0-1.05.85-1.9 1.9-1.9h6a.9.9 0 0 1 0 1.8h-6a.1.1 0 0 0-.1.1v15.5a.1.1 0 0 0 .1.1h16a.1.1 0 0 0 .1-.1V14a.9.9 0 1 1 1.8 0v6.5a1.9 1.9 0 0 1-1.9 1.9h-16a1.9 1.9 0 0 1-1.9-1.9V5Z" clip-rule="evenodd"/></svg>',
273
- keywords: ["external"],
274
- category: "media"
275
- }, Ir = {
276
- name: "phone",
277
- svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M5.341 2.228c.75-.622 1.73-.43 2.305.145l2.783 2.783a1.9 1.9 0 0 1 0 2.687L8.843 9.43a.1.1 0 0 0 0 .142l5.586 5.585a.1.1 0 0 0 .142 0l1.585-1.585a1.9 1.9 0 0 1 2.687 0l3.5 3.5c.343.342.698 1.023.31 1.742-.346.645-1.173 1.615-3.154 2.936-1.75 1.167-3.667 1.269-5.297.903-1.61-.361-3.015-1.192-3.839-2.016a.9.9 0 0 1 1.273-1.272c.573.572 1.669 1.242 2.96 1.532 1.27.285 2.656.188 3.905-.645 1.483-.989 2.137-1.68 2.418-2.06l-3.348-3.347a.1.1 0 0 0-.142 0l-1.586 1.585a1.9 1.9 0 0 1-2.687 0l-5.585-5.585a1.9 1.9 0 0 1 0-2.688l1.585-1.585a.1.1 0 0 0 0-.142L6.41 3.682c-.447.383-1.183 1.102-2.206 2.38-.878 1.097-1.14 2.08-1.127 2.951.013.898.323 1.758.732 2.59.24.488.733 1.079 1.551 1.88.561.549 1.227 1.152 2.002 1.854.344.312.71.644 1.098 1a.9.9 0 0 1-1.215 1.327c-.367-.336-.722-.658-1.061-.965a77.443 77.443 0 0 1-2.082-1.93c-.831-.813-1.523-1.586-1.909-2.372-.456-.93-.896-2.07-.916-3.356-.02-1.314.399-2.7 1.521-4.103 1.148-1.435 1.995-2.254 2.544-2.71Z" clip-rule="evenodd"/></svg>',
278
- keywords: ["phone"],
279
- category: "device"
280
- }, qr = Ar.bind(Sr), T = "purpur-icon", Tr = "md", Lr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), jr = ({ content: t = "", title: u } = {}) => {
261
+ }, Or = Sr.bind(Ar), T = "purpur-icon", Mr = "md", Zr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), qr = ({ content: t = "", title: u } = {}) => {
281
262
  const n = [
282
263
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
283
264
  { name: "fill", value: "currentColor" },
284
265
  { name: "viewBox", value: "0 0 24 24" },
285
266
  u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
286
267
  ], l = u ? `<title>${u}</title>` : "";
287
- return `<svg ${Lr(n)}>${l}${t}</svg>`;
288
- }, Er = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), S = ({
268
+ return `<svg ${Zr(n)}>${l}${t}</svg>`;
269
+ }, Ir = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), A = ({
289
270
  ["data-testid"]: t,
290
271
  svg: u,
291
272
  allyTitle: n,
292
273
  className: l,
293
- size: p = Tr,
274
+ size: p = Mr,
294
275
  ...r
295
276
  }) => {
296
- const e = jr({
297
- content: Er(u.svg),
277
+ const e = qr({
278
+ content: Ir(u.svg),
298
279
  title: n
299
- }), a = qr(l, T, `${T}--${p}`);
280
+ }), a = Or(l, T, `${T}--${p}`);
300
281
  return /* @__PURE__ */ i(
301
282
  "span",
302
283
  {
@@ -308,7 +289,28 @@ const Ar = /* @__PURE__ */ $r(Nr), Sr = {
308
289
  }
309
290
  );
310
291
  };
311
- S.displayName = "Icon";
292
+ A.displayName = "Icon";
293
+ const Tr = {
294
+ name: "arrow-left",
295
+ svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
296
+ keywords: ["arrow-left"],
297
+ category: "utility"
298
+ }, jr = {
299
+ name: "arrow-right",
300
+ svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.9 12a.9.9 0 0 1-.264.636l-5.5 5.5a.9.9 0 0 1-1.272-1.272l3.963-3.964H4a.9.9 0 0 1 0-1.8h13.827l-3.963-3.964a.9.9 0 1 1 1.272-1.272l5.5 5.5A.9.9 0 0 1 20.9 12Z" clip-rule="evenodd"/></svg>',
301
+ keywords: ["arrow-right"],
302
+ category: "utility"
303
+ }, Er = {
304
+ name: "external",
305
+ svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M15 3.4a.9.9 0 1 1 0-1.8h6.5a.9.9 0 0 1 .9.9V9a.9.9 0 1 1-1.8 0V4.673l-7.964 7.963a.9.9 0 1 1-1.272-1.272L19.327 3.4H15ZM1.6 5c0-1.05.85-1.9 1.9-1.9h6a.9.9 0 0 1 0 1.8h-6a.1.1 0 0 0-.1.1v15.5a.1.1 0 0 0 .1.1h16a.1.1 0 0 0 .1-.1V14a.9.9 0 1 1 1.8 0v6.5a1.9 1.9 0 0 1-1.9 1.9h-16a1.9 1.9 0 0 1-1.9-1.9V5Z" clip-rule="evenodd"/></svg>',
306
+ keywords: ["external"],
307
+ category: "media"
308
+ }, Lr = {
309
+ name: "phone",
310
+ svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M5.341 2.228c.75-.622 1.73-.43 2.305.145l2.783 2.783a1.9 1.9 0 0 1 0 2.687L8.843 9.43a.1.1 0 0 0 0 .142l5.586 5.585a.1.1 0 0 0 .142 0l1.585-1.585a1.9 1.9 0 0 1 2.687 0l3.5 3.5c.343.342.698 1.023.31 1.742-.346.645-1.173 1.615-3.154 2.936-1.75 1.167-3.667 1.269-5.297.903-1.61-.361-3.015-1.192-3.839-2.016a.9.9 0 0 1 1.273-1.272c.573.572 1.669 1.242 2.96 1.532 1.27.285 2.656.188 3.905-.645 1.483-.989 2.137-1.68 2.418-2.06l-3.348-3.347a.1.1 0 0 0-.142 0l-1.586 1.585a1.9 1.9 0 0 1-2.687 0l-5.585-5.585a1.9 1.9 0 0 1 0-2.688l1.585-1.585a.1.1 0 0 0 0-.142L6.41 3.682c-.447.383-1.183 1.102-2.206 2.38-.878 1.097-1.14 2.08-1.127 2.951.013.898.323 1.758.732 2.59.24.488.733 1.079 1.551 1.88.561.549 1.227 1.152 2.002 1.854.344.312.71.644 1.098 1a.9.9 0 0 1-1.215 1.327c-.367-.336-.722-.658-1.061-.965a77.443 77.443 0 0 1-2.082-1.93c-.831-.813-1.523-1.586-1.909-2.372-.456-.93-.896-2.07-.916-3.356-.02-1.314.399-2.7 1.521-4.103 1.148-1.435 1.995-2.254 2.544-2.71Z" clip-rule="evenodd"/></svg>',
311
+ keywords: ["phone"],
312
+ category: "device"
313
+ };
312
314
  function Cr(t) {
313
315
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
314
316
  }
@@ -365,10 +367,10 @@ const Rr = /* @__PURE__ */ Cr(Pr), Br = {
365
367
  "purpur-cta-link--expressive": "_purpur-cta-link--expressive_1e75l_104",
366
368
  "purpur-cta-link--expressive-negative": "_purpur-cta-link--expressive-negative_1e75l_114"
367
369
  }, Hr = Rr.bind(Br), v = "purpur-cta-link", zr = {
368
- forward: Mr,
369
- external: Zr,
370
- back: Or,
371
- phone: Ir
370
+ forward: jr,
371
+ external: Er,
372
+ back: Tr,
373
+ phone: Lr
372
374
  }, H = er(
373
375
  ({
374
376
  children: t,
@@ -383,7 +385,7 @@ const Rr = /* @__PURE__ */ Cr(Pr), Br = {
383
385
  icon: _ = "forward",
384
386
  ...f
385
387
  }, h) => {
386
- const A = Hr(
388
+ const S = Hr(
387
389
  [
388
390
  u,
389
391
  v,
@@ -395,16 +397,16 @@ const Rr = /* @__PURE__ */ Cr(Pr), Br = {
395
397
  [`${v}--negative`]: e,
396
398
  [`${v}--full-width`]: l
397
399
  }
398
- ), b = zr[_], k = /* @__PURE__ */ w(rr, { children: [
399
- r && (_ === "back" || _ === "phone") && /* @__PURE__ */ i(S, { svg: b, size: a === "lg" ? "sm" : "xs" }),
400
+ ), b = zr[_], x = /* @__PURE__ */ w(rr, { children: [
401
+ r && (_ === "back" || _ === "phone") && /* @__PURE__ */ i(A, { svg: b, size: a === "lg" ? "sm" : "xs" }),
400
402
  (!p || p && !r) && t,
401
- r && (_ === "forward" || _ === "external") && /* @__PURE__ */ i(S, { svg: b, size: a === "lg" ? "sm" : "xs" })
403
+ r && (_ === "forward" || _ === "external") && /* @__PURE__ */ i(A, { svg: b, size: a === "lg" ? "sm" : "xs" })
402
404
  ] }), d = {
403
405
  ...f,
404
- className: A,
406
+ className: S,
405
407
  "data-testid": n
406
408
  };
407
- return "href" in f && f.href ? /* @__PURE__ */ i("a", { ...d, ref: h, children: k }) : /* @__PURE__ */ i("span", { ...d, ref: h, children: k });
409
+ return "href" in f && f.href ? /* @__PURE__ */ i("a", { ...d, ref: h, children: x }) : /* @__PURE__ */ i("span", { ...d, ref: h, children: x });
408
410
  }
409
411
  );
410
412
  H.displayName = "CtaLink";
@@ -535,7 +537,7 @@ var D = { exports: {} };
535
537
  })();
536
538
  })(D);
537
539
  var Wr = D.exports;
538
- const Yr = /* @__PURE__ */ Ur(Wr), Jr = {
540
+ const Kr = /* @__PURE__ */ Ur(Wr), Yr = {
539
541
  "purpur-icon": "_purpur-icon_8u1lq_1",
540
542
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
541
543
  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -543,28 +545,15 @@ const Yr = /* @__PURE__ */ Ur(Wr), Jr = {
543
545
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
544
546
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
545
547
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
546
- }, Kr = {
547
- name: "checkmark",
548
- svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
549
- keywords: ["checkmark"],
550
- category: "utility"
551
- }, G = (t) => /* @__PURE__ */ i(
552
- F,
553
- {
554
- ...t,
555
- svg: Kr
556
- }
557
- );
558
- G.displayName = "IconCheckmark";
559
- const Xr = Yr.bind(Jr), L = "purpur-icon", Qr = "md", re = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ee = ({ content: t = "", title: u } = {}) => {
548
+ }, Jr = Kr.bind(Yr), j = "purpur-icon", Qr = "md", Xr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), re = ({ content: t = "", title: u } = {}) => {
560
549
  const n = [
561
550
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
562
551
  { name: "fill", value: "currentColor" },
563
552
  { name: "viewBox", value: "0 0 24 24" },
564
553
  u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
565
554
  ], l = u ? `<title>${u}</title>` : "";
566
- return `<svg ${re(n)}>${l}${t}</svg>`;
567
- }, te = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), F = ({
555
+ return `<svg ${Xr(n)}>${l}${t}</svg>`;
556
+ }, ee = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), G = ({
568
557
  ["data-testid"]: t,
569
558
  svg: u,
570
559
  allyTitle: n,
@@ -572,10 +561,10 @@ const Xr = Yr.bind(Jr), L = "purpur-icon", Qr = "md", re = (t) => t.filter((u) =
572
561
  size: p = Qr,
573
562
  ...r
574
563
  }) => {
575
- const e = ee({
576
- content: te(u.svg),
564
+ const e = re({
565
+ content: ee(u.svg),
577
566
  title: n
578
- }), a = Xr(l, L, `${L}--${p}`);
567
+ }), a = Jr(l, j, `${j}--${p}`);
579
568
  return /* @__PURE__ */ i(
580
569
  "span",
581
570
  {
@@ -587,7 +576,14 @@ const Xr = Yr.bind(Jr), L = "purpur-icon", Qr = "md", re = (t) => t.filter((u) =
587
576
  }
588
577
  );
589
578
  };
590
- F.displayName = "Icon";
579
+ G.displayName = "Icon";
580
+ const te = {
581
+ name: "checkmark",
582
+ svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
583
+ keywords: ["checkmark"],
584
+ category: "utility"
585
+ }, F = (t) => /* @__PURE__ */ i(G, { ...t, svg: te });
586
+ F.displayName = "IconCheckmark";
591
587
  function ae(t) {
592
588
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
593
589
  }
@@ -680,7 +676,7 @@ W.displayName = "Paragraph";
680
676
  function le(t) {
681
677
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
682
678
  }
683
- var Y = { exports: {} };
679
+ var K = { exports: {} };
684
680
  /*!
685
681
  Copyright (c) 2018 Jed Watson.
686
682
  Licensed under the MIT License (MIT), see
@@ -715,9 +711,9 @@ var Y = { exports: {} };
715
711
  }
716
712
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
717
713
  })();
718
- })(Y);
719
- var ie = Y.exports;
720
- const J = /* @__PURE__ */ le(ie), oe = {
714
+ })(K);
715
+ var ie = K.exports;
716
+ const Y = /* @__PURE__ */ le(ie), oe = {
721
717
  "purpur-content-block": "_purpur-content-block_5l7rg_1",
722
718
  "purpur-content-block__section": "_purpur-content-block__section_5l7rg_17",
723
719
  "purpur-content-block__image-wrapper": "_purpur-content-block__image-wrapper_5l7rg_25",
@@ -733,7 +729,7 @@ const J = /* @__PURE__ */ le(ie), oe = {
733
729
  "purpur-content-block__text-spacing": "_purpur-content-block__text-spacing_5l7rg_76"
734
730
  }, se = {
735
731
  "purpur-content-block-group": "_purpur-content-block-group_1g4rh_1"
736
- }, ce = J.bind(se), j = "purpur-content-block-group", K = ({
732
+ }, ce = Y.bind(se), E = "purpur-content-block-group", J = ({
737
733
  children: t,
738
734
  className: u,
739
735
  negative: n,
@@ -742,15 +738,15 @@ const J = /* @__PURE__ */ le(ie), oe = {
742
738
  }) => {
743
739
  const r = ce([
744
740
  u,
745
- j,
741
+ E,
746
742
  {
747
- [`${j}--negative`]: n
743
+ [`${E}--negative`]: n
748
744
  }
749
745
  ]);
750
746
  return /* @__PURE__ */ i("div", { className: r, "data-testid": l, ...p, children: tr.map(t, (a) => M.isValidElement(a) ? M.cloneElement(a, { negative: n }) : a) });
751
747
  };
752
- K.displayName = "ContentBlockGroup";
753
- const c = J.bind(oe), s = "purpur-content-block", X = ({
748
+ J.displayName = "ContentBlockGroup";
749
+ const c = Y.bind(oe), s = "purpur-content-block", Q = ({
754
750
  ["data-testid"]: t,
755
751
  className: u,
756
752
  negative: n,
@@ -763,26 +759,26 @@ const c = J.bind(oe), s = "purpur-content-block", X = ({
763
759
  headingTag: _ = "h2",
764
760
  headingVariant: f = "title-300",
765
761
  onCtaClick: h,
766
- children: A,
762
+ children: S,
767
763
  ...b
768
764
  }) => {
769
- const k = c([
765
+ const x = c([
770
766
  u,
771
767
  s,
772
768
  {
773
769
  [`${s}--negative`]: n
774
770
  }
775
771
  ]);
776
- return /* @__PURE__ */ w("div", { "data-testid": t, className: k, ...b, children: [
772
+ return /* @__PURE__ */ w("div", { "data-testid": t, className: x, ...b, children: [
777
773
  /* @__PURE__ */ i("div", { className: c(`${s}__section`), children: p ? /* @__PURE__ */ i("div", { className: c(`${s}__video-wrapper`), children: p }) : /* @__PURE__ */ i("div", { className: c(`${s}__image-wrapper`), children: l }) }),
778
774
  /* @__PURE__ */ i("div", { className: c(`${s}__section`), children: /* @__PURE__ */ w("div", { className: c(`${s}__content-wrapper`), children: [
779
- r ? /* @__PURE__ */ i(xr, { variant: "special", className: c(`${s}__badge`), children: r }) : null,
775
+ r ? /* @__PURE__ */ i(kr, { variant: "special", className: c(`${s}__badge`), children: r }) : null,
780
776
  e && e.trim() && /* @__PURE__ */ i(V, { variant: f, tag: _, negative: n, children: e }),
781
- /* @__PURE__ */ i("div", { className: c(`${s}__content`), children: A }),
777
+ /* @__PURE__ */ i("div", { className: c(`${s}__content`), children: S }),
782
778
  o != null && o.length ? /* @__PURE__ */ i("ul", { className: c(`${s}__usp-list`), children: o.map(
783
779
  (d) => d && /* @__PURE__ */ w("li", { className: c(`${s}__usp-list-item`), children: [
784
780
  /* @__PURE__ */ i(
785
- G,
781
+ F,
786
782
  {
787
783
  size: "xs",
788
784
  className: c(`${s}__usp-list-item-icon`)
@@ -792,25 +788,25 @@ const c = J.bind(oe), s = "purpur-content-block", X = ({
792
788
  ] }, d)
793
789
  ) }) : null,
794
790
  a && a.length > 0 && /* @__PURE__ */ i("div", { className: c(`${s}__links`), children: a.map(
795
- ({ text: d, href: x, ...O }, Q) => x && /* @__PURE__ */ i(
791
+ ({ text: d, href: k, ...O }, X) => k && /* @__PURE__ */ i(
796
792
  H,
797
793
  {
798
- href: x,
799
- variant: Q === 0 ? "primary" : "secondary",
794
+ href: k,
795
+ variant: X === 0 ? "primary" : "secondary",
800
796
  negative: n,
801
- onClick: () => h == null ? void 0 : h({ text: d, href: x, ...O }),
797
+ onClick: () => h == null ? void 0 : h({ text: d, href: k, ...O }),
802
798
  ...O,
803
799
  children: d
804
800
  },
805
- d + x
801
+ d + k
806
802
  )
807
803
  ) })
808
804
  ] }) })
809
805
  ] });
810
806
  };
811
- X.Group = K;
812
- X.displayName = "ContentBlock";
807
+ Q.Group = J;
808
+ Q.displayName = "ContentBlock";
813
809
  export {
814
- X as ContentBlock
810
+ Q as ContentBlock
815
811
  };
816
812
  //# sourceMappingURL=content-block.es.js.map