@purpurds/content-block 7.6.0 → 7.7.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 (12) hide show
  1. package/dist/LICENSE.txt +4 -4
  2. package/dist/content-block-group.d.ts +4 -4
  3. package/dist/content-block-group.d.ts.map +1 -1
  4. package/dist/content-block.cjs.js +7 -7
  5. package/dist/content-block.cjs.js.map +1 -1
  6. package/dist/content-block.d.ts +4 -4
  7. package/dist/content-block.d.ts.map +1 -1
  8. package/dist/content-block.es.js +147 -183
  9. package/dist/content-block.es.js.map +1 -1
  10. package/package.json +9 -8
  11. package/src/content-block-group.tsx +4 -4
  12. package/src/content-block.tsx +4 -4
package/dist/content-block.es.js CHANGED
@@ -1,17 +1,17 @@
1
- import { jsxs as f, jsx as i } from "react/jsx-runtime";
2
- import k, { Children as Y } from "react";
3
- function J(t) {
1
+ import { jsxs as v, jsx as i } from "react/jsx-runtime";
2
+ import w, { Children as W } from "react";
3
+ function Y(t) {
4
4
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
5
5
  }
6
- var $ = { exports: {} };
6
+ var k = { exports: {} };
7
7
  /*!
8
8
  Copyright (c) 2018 Jed Watson.
9
9
  Licensed under the MIT License (MIT), see
10
10
  http://jedwatson.github.io/classnames
11
11
  */
12
- var x;
13
- function Q() {
14
- return x || (x = 1, function(t) {
12
+ var $;
13
+ function J() {
14
+ return $ || ($ = 1, function(t) {
15
15
  (function() {
16
16
  var p = {}.hasOwnProperty;
17
17
  function n() {
@@ -40,10 +40,10 @@ function Q() {
40
40
  }
41
41
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
42
42
  })();
43
- }($)), $.exports;
43
+ }(k)), k.exports;
44
44
  }
45
- var X = Q();
46
- const rr = /* @__PURE__ */ J(X), er = {
45
+ var Q = J();
46
+ const X = /* @__PURE__ */ Y(Q), rr = {
47
47
  "purpur-icon": "_purpur-icon_8u1lq_1",
48
48
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
49
49
  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -51,90 +51,75 @@ const rr = /* @__PURE__ */ J(X), er = {
51
51
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
52
52
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
53
53
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
54
- }, tr = rr.bind(er), N = "purpur-icon", ar = "md", nr = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), pr = ({ content: t = "", title: p } = {}) => {
54
+ }, er = X.bind(rr), x = "purpur-icon", tr = "md", ar = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), nr = ({ content: t = "", title: p } = {}) => {
55
55
  const n = [
56
56
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
57
57
  { name: "fill", value: "currentColor" },
58
58
  { name: "viewBox", value: "0 0 24 24" },
59
59
  p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
60
60
  ], o = p ? `<title>${p}</title>` : "";
61
- return `<svg ${nr(n)}>${o}${t}</svg>`;
62
- }, ur = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({
63
- ["data-testid"]: t,
64
- svg: p,
65
- allyTitle: n,
66
- className: o,
67
- size: u = ar,
68
- ...r
69
- }) => {
70
- const e = pr({
71
- content: ur(p.svg),
72
- title: n
73
- }), a = tr(o, N, `${N}--${u}`);
74
- return /* @__PURE__ */ i(
75
- "span",
76
- {
77
- className: a,
78
- "data-testid": t,
79
- dangerouslySetInnerHTML: { __html: e },
80
- ...r
81
- }
82
- );
61
+ return `<svg ${ar(n)}>${o}${t}</svg>`;
62
+ }, pr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), B = ({ svg: t, allyTitle: p, className: n, size: o = tr, ...u }) => {
63
+ const r = nr({
64
+ content: pr(t.svg),
65
+ title: p
66
+ }), e = er(n, x, `${x}--${o}`);
67
+ return /* @__PURE__ */ i("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...u });
83
68
  };
84
- H.displayName = "Icon";
85
- const or = {
69
+ B.displayName = "Icon";
70
+ const ur = {
86
71
  name: "alert",
87
72
  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>',
88
73
  keywords: ["alert"],
89
74
  category: "status"
90
- }, ir = {
75
+ }, or = {
91
76
  name: "check-circle",
92
77
  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>',
93
78
  keywords: ["check-circle"],
94
79
  category: "status"
95
- }, lr = {
80
+ }, ir = {
96
81
  name: "devices",
97
82
  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10 3.4a.1.1 0 0 0-.1.1V4a.9.9 0 0 1-1.8 0v-.5c0-1.05.85-1.9 1.9-1.9h10c1.05 0 1.9.85 1.9 1.9v15a1.9 1.9 0 0 1-1.9 1.9h-6a.9.9 0 1 1 0-1.8h6a.1.1 0 0 0 .1-.1v-15a.1.1 0 0 0-.1-.1H10ZM2.1 8c0-1.05.85-1.9 1.9-1.9h6c1.05 0 1.9.85 1.9 1.9v12a1.9 1.9 0 0 1-1.9 1.9H4A1.9 1.9 0 0 1 2.1 20V8ZM4 7.9a.1.1 0 0 0-.1.1v12a.1.1 0 0 0 .1.1h6a.1.1 0 0 0 .1-.1V8a.1.1 0 0 0-.1-.1H4ZM14.6 17a.9.9 0 0 1 .9-.9h.5a.9.9 0 1 1 0 1.8h-.5a.9.9 0 0 1-.9-.9Zm-8.5 1.5a.9.9 0 0 1 .9-.9h.5a.9.9 0 1 1 0 1.8H7a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
98
83
  keywords: ["devices"],
99
84
  category: "device"
100
- }, cr = {
85
+ }, lr = {
101
86
  name: "error",
102
87
  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>',
103
88
  keywords: ["error"],
104
89
  category: "status"
105
- }, sr = {
90
+ }, cr = {
106
91
  name: "info",
107
92
  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>',
108
93
  keywords: ["info"],
109
94
  category: "status"
110
- }, _r = {
95
+ }, sr = {
111
96
  name: "offering",
112
97
  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>',
113
98
  keywords: ["offering"],
114
99
  category: "other"
115
- }, dr = {
100
+ }, _r = {
116
101
  name: "question",
117
102
  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>',
118
103
  keywords: ["question"],
119
104
  category: "status"
120
- }, gr = {
105
+ }, dr = {
121
106
  name: "tag",
122
107
  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>',
123
108
  keywords: ["tag"],
124
109
  category: "other"
125
110
  };
126
- function hr(t) {
111
+ function gr(t) {
127
112
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
128
113
  }
129
- var j = { exports: {} };
114
+ var N = { exports: {} };
130
115
  /*!
131
116
  Copyright (c) 2018 Jed Watson.
132
117
  Licensed under the MIT License (MIT), see
133
118
  http://jedwatson.github.io/classnames
134
119
  */
135
- var S;
136
- function vr() {
137
- return S || (S = 1, function(t) {
120
+ var j;
121
+ function hr() {
122
+ return j || (j = 1, function(t) {
138
123
  (function() {
139
124
  var p = {}.hasOwnProperty;
140
125
  function n() {
@@ -163,10 +148,10 @@ function vr() {
163
148
  }
164
149
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
165
150
  })();
166
- }(j)), j.exports;
151
+ }(N)), N.exports;
167
152
  }
168
- var fr = vr();
169
- const A = /* @__PURE__ */ hr(fr), b = {
153
+ var vr = hr();
154
+ const S = /* @__PURE__ */ gr(vr), m = {
170
155
  "purpur-badge": "_purpur-badge_1mlzj_1",
171
156
  "purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
172
157
  "purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
@@ -178,7 +163,7 @@ const A = /* @__PURE__ */ hr(fr), b = {
178
163
  "purpur-badge--warning": "_purpur-badge--warning_1mlzj_41",
179
164
  "purpur-badge--error": "_purpur-badge--error_1mlzj_45",
180
165
  "purpur-badge--black-friday": "_purpur-badge--black-friday_1mlzj_49"
181
- }, y = "purpur-badge", s = {
166
+ }, b = "purpur-badge", s = {
182
167
  ATTENTION: "attention",
183
168
  BLACK_FRIDAY: "black-friday",
184
169
  ERROR: "error",
@@ -188,29 +173,29 @@ const A = /* @__PURE__ */ hr(fr), b = {
188
173
  SPECIAL: "special",
189
174
  SUCCESS: "success",
190
175
  WARNING: "warning"
191
- }, mr = (t) => {
176
+ }, fr = (t) => {
192
177
  switch (t) {
193
178
  case s.ATTENTION:
194
179
  case s.SPECIAL:
195
- return _r;
196
- case s.INFORMATION:
197
180
  return sr;
181
+ case s.INFORMATION:
182
+ return cr;
198
183
  case s.GENERAL:
199
- return lr;
200
- case s.SUCCESS:
201
184
  return ir;
202
- case s.WARNING:
185
+ case s.SUCCESS:
203
186
  return or;
187
+ case s.WARNING:
188
+ return ur;
204
189
  case s.ERROR:
205
- return cr;
190
+ return lr;
206
191
  case s.NEUTRAL:
207
- return dr;
192
+ return _r;
208
193
  case s.BLACK_FRIDAY:
209
- return gr;
194
+ return dr;
210
195
  default:
211
196
  return;
212
197
  }
213
- }, br = ({
198
+ }, mr = ({
214
199
  children: t,
215
200
  showIcon: p = !0,
216
201
  iconAllyTitle: n,
@@ -219,33 +204,33 @@ const A = /* @__PURE__ */ hr(fr), b = {
219
204
  className: r = "",
220
205
  ...e
221
206
  }) => {
222
- const a = mr(o), _ = A([r, b[y], b[`${y}--${o}`]]);
223
- return /* @__PURE__ */ f("span", { className: _, "data-testid": u, ...e, children: [
207
+ const a = fr(o), _ = S([r, m[b], m[`${b}--${o}`]]);
208
+ return /* @__PURE__ */ v("span", { className: _, "data-testid": u, ...e, children: [
224
209
  p && a && /* @__PURE__ */ i(
225
- H,
210
+ B,
226
211
  {
227
212
  "data-testid": `${u}-icon`,
228
213
  allyTitle: n,
229
214
  size: "xs",
230
215
  svg: a,
231
- className: A(b[`${y}__icon`])
216
+ className: S(m[`${b}__icon`])
232
217
  }
233
218
  ),
234
219
  t
235
220
  ] });
236
221
  };
237
- function yr(t) {
222
+ function br(t) {
238
223
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
239
224
  }
240
- var Z = { exports: {} };
225
+ var A = { exports: {} };
241
226
  /*!
242
227
  Copyright (c) 2018 Jed Watson.
243
228
  Licensed under the MIT License (MIT), see
244
229
  http://jedwatson.github.io/classnames
245
230
  */
246
- var O;
247
- function wr() {
248
- return O || (O = 1, function(t) {
231
+ var Z;
232
+ function yr() {
233
+ return Z || (Z = 1, function(t) {
249
234
  (function() {
250
235
  var p = {}.hasOwnProperty;
251
236
  function n() {
@@ -274,10 +259,10 @@ function wr() {
274
259
  }
275
260
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
276
261
  })();
277
- }(Z)), Z.exports;
262
+ }(A)), A.exports;
278
263
  }
279
- var kr = wr();
280
- const $r = /* @__PURE__ */ yr(kr), h = {
264
+ var wr = yr();
265
+ const kr = /* @__PURE__ */ br(wr), g = {
281
266
  "purpur-heading": "_purpur-heading_k9fhq_1",
282
267
  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
283
268
  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -293,41 +278,41 @@ const $r = /* @__PURE__ */ yr(kr), h = {
293
278
  "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
294
279
  "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
295
280
  "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
296
- }, xr = {
281
+ }, $r = {
297
282
  TITLE100: "title-100"
298
- }, v = "purpur-heading", P = ({
283
+ }, h = "purpur-heading", H = ({
299
284
  children: t,
300
285
  className: p = "",
301
286
  enableHyphenation: n = !1,
302
287
  negative: o = !1,
303
288
  tag: u,
304
- variant: r = xr.TITLE100,
289
+ variant: r = $r.TITLE100,
305
290
  ...e
306
291
  }) => {
307
- const a = u, _ = $r([
292
+ const a = u, _ = kr([
308
293
  p,
309
- h[v],
310
- h[`${v}--${r}`],
294
+ g[h],
295
+ g[`${h}--${r}`],
311
296
  {
312
- [h[`${v}--hyphens`]]: n,
313
- [h[`${v}--negative`]]: o
297
+ [g[`${h}--hyphens`]]: n,
298
+ [g[`${h}--negative`]]: o
314
299
  }
315
300
  ]);
316
301
  return /* @__PURE__ */ i(a, { className: _, ...e, children: t });
317
302
  };
318
- P.displayName = "Heading";
319
- function Nr(t) {
303
+ H.displayName = "Heading";
304
+ function xr(t) {
320
305
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
321
306
  }
322
- var q = { exports: {} };
307
+ var O = { exports: {} };
323
308
  /*!
324
309
  Copyright (c) 2018 Jed Watson.
325
310
  Licensed under the MIT License (MIT), see
326
311
  http://jedwatson.github.io/classnames
327
312
  */
328
- var M;
329
- function jr() {
330
- return M || (M = 1, function(t) {
313
+ var q;
314
+ function Nr() {
315
+ return q || (q = 1, function(t) {
331
316
  (function() {
332
317
  var p = {}.hasOwnProperty;
333
318
  function n() {
@@ -356,10 +341,10 @@ function jr() {
356
341
  }
357
342
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
358
343
  })();
359
- }(q)), q.exports;
344
+ }(O)), O.exports;
360
345
  }
361
- var Sr = jr();
362
- const Ar = /* @__PURE__ */ Nr(Sr), Zr = {
346
+ var jr = Nr();
347
+ const Sr = /* @__PURE__ */ xr(jr), Ar = {
363
348
  "purpur-icon": "_purpur-icon_8u1lq_1",
364
349
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
365
350
  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -367,77 +352,62 @@ const Ar = /* @__PURE__ */ Nr(Sr), Zr = {
367
352
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
368
353
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
369
354
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
370
- }, Or = Ar.bind(Zr), C = "purpur-icon", qr = "md", Mr = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), Cr = ({ content: t = "", title: p } = {}) => {
355
+ }, Zr = Sr.bind(Ar), M = "purpur-icon", Or = "md", qr = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), Mr = ({ content: t = "", title: p } = {}) => {
371
356
  const n = [
372
357
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
373
358
  { name: "fill", value: "currentColor" },
374
359
  { name: "viewBox", value: "0 0 24 24" },
375
360
  p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
376
361
  ], o = p ? `<title>${p}</title>` : "";
377
- return `<svg ${Mr(n)}>${o}${t}</svg>`;
378
- }, Rr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), L = ({
379
- ["data-testid"]: t,
380
- svg: p,
381
- allyTitle: n,
382
- className: o,
383
- size: u = qr,
384
- ...r
385
- }) => {
386
- const e = Cr({
387
- content: Rr(p.svg),
388
- title: n
389
- }), a = Or(o, C, `${C}--${u}`);
390
- return /* @__PURE__ */ i(
391
- "span",
392
- {
393
- className: a,
394
- "data-testid": t,
395
- dangerouslySetInnerHTML: { __html: e },
396
- ...r
397
- }
398
- );
362
+ return `<svg ${qr(n)}>${o}${t}</svg>`;
363
+ }, Cr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), P = ({ svg: t, allyTitle: p, className: n, size: o = Or, ...u }) => {
364
+ const r = Mr({
365
+ content: Cr(t.svg),
366
+ title: p
367
+ }), e = Zr(n, M, `${M}--${o}`);
368
+ return /* @__PURE__ */ i("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...u });
399
369
  };
400
- L.displayName = "Icon";
401
- const Tr = {
370
+ P.displayName = "Icon";
371
+ const Rr = {
402
372
  name: "checkmark",
403
373
  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>',
404
374
  keywords: ["checkmark"],
405
375
  category: "utility"
406
- }, z = (t) => /* @__PURE__ */ i(L, { ...t, svg: Tr });
407
- z.displayName = "IconCheckmark";
408
- function Er(t) {
376
+ }, L = (t) => /* @__PURE__ */ i(P, { ...t, svg: Rr });
377
+ L.displayName = "IconCheckmark";
378
+ function Tr(t) {
409
379
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
410
380
  }
411
- var R = { exports: {} };
381
+ var C = { exports: {} };
412
382
  /*!
413
383
  Copyright (c) 2018 Jed Watson.
414
384
  Licensed under the MIT License (MIT), see
415
385
  http://jedwatson.github.io/classnames
416
386
  */
417
- var T;
418
- function Br() {
419
- return T || (T = 1, function(t) {
387
+ var R;
388
+ function Er() {
389
+ return R || (R = 1, function(t) {
420
390
  (function() {
421
391
  var p = {}.hasOwnProperty;
422
392
  function n() {
423
393
  for (var r = "", e = 0; e < arguments.length; e++) {
424
394
  var a = arguments[e];
425
- a && (r = u(r, o(a)));
395
+ a && (r = u(r, o.call(this, a)));
426
396
  }
427
397
  return r;
428
398
  }
429
399
  function o(r) {
430
400
  if (typeof r == "string" || typeof r == "number")
431
- return r;
401
+ return this && this[r] || r;
432
402
  if (typeof r != "object")
433
403
  return "";
434
404
  if (Array.isArray(r))
435
- return n.apply(null, r);
405
+ return n.apply(this, r);
436
406
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
437
407
  return r.toString();
438
408
  var e = "";
439
409
  for (var a in r)
440
- p.call(r, a) && r[a] && (e = u(e, a));
410
+ p.call(r, a) && r[a] && (e = u(e, this && this[a] || a));
441
411
  return e;
442
412
  }
443
413
  function u(r, e) {
@@ -445,10 +415,10 @@ function Br() {
445
415
  }
446
416
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
447
417
  })();
448
- }(R)), R.exports;
418
+ }(C)), C.exports;
449
419
  }
450
- var Hr = Br();
451
- const Pr = /* @__PURE__ */ Er(Hr), d = {
420
+ var Br = Er();
421
+ const Hr = /* @__PURE__ */ Tr(Br), Pr = {
452
422
  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
453
423
  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
454
424
  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -463,43 +433,37 @@ const Pr = /* @__PURE__ */ Er(Hr), d = {
463
433
  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
464
434
  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
465
435
  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
466
- }, Lr = {
436
+ }, Lr = Hr.bind(Pr), zr = {
467
437
  PARAGRAPH100: "paragraph-100"
468
- }, g = "purpur-paragraph", I = ({
469
- ["data-testid"]: t,
470
- children: p,
471
- className: n,
472
- disabled: o,
473
- enableHyphenation: u = !1,
474
- negative: r = !1,
475
- variant: e = Lr.PARAGRAPH100,
476
- ...a
438
+ }, d = "purpur-paragraph", z = ({
439
+ children: t,
440
+ className: p,
441
+ disabled: n,
442
+ enableHyphenation: o = !1,
443
+ negative: u = !1,
444
+ variant: r = zr.PARAGRAPH100,
445
+ ...e
477
446
  }) => {
478
- const _ = Pr([
479
- n,
480
- d[g],
481
- d[`${g}--${e}`],
482
- {
483
- [d[`${g}--hyphens`]]: u,
484
- [d[`${g}--disabled`]]: o,
485
- [d[`${g}--negative`]]: r
486
- }
487
- ]);
488
- return /* @__PURE__ */ i("p", { ...a, className: _, "data-testid": t, children: p });
447
+ const a = Lr(p, d, `${d}--${r}`, {
448
+ [`${d}--hyphens`]: o,
449
+ [`${d}--disabled`]: n,
450
+ [`${d}--negative`]: u
451
+ });
452
+ return /* @__PURE__ */ i("p", { ...e, className: a, children: t });
489
453
  };
490
- I.displayName = "Paragraph";
491
- function zr(t) {
454
+ z.displayName = "Paragraph";
455
+ function Ir(t) {
492
456
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
493
457
  }
494
- var w = { exports: {} };
458
+ var y = { exports: {} };
495
459
  /*!
496
460
  Copyright (c) 2018 Jed Watson.
497
461
  Licensed under the MIT License (MIT), see
498
462
  http://jedwatson.github.io/classnames
499
463
  */
500
- var E;
501
- function Ir() {
502
- return E || (E = 1, function(t) {
464
+ var T;
465
+ function Vr() {
466
+ return T || (T = 1, function(t) {
503
467
  (function() {
504
468
  var p = {}.hasOwnProperty;
505
469
  function n() {
@@ -528,10 +492,10 @@ function Ir() {
528
492
  }
529
493
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
530
494
  })();
531
- }(w)), w.exports;
495
+ }(y)), y.exports;
532
496
  }
533
- var Vr = Ir();
534
- const V = /* @__PURE__ */ zr(Vr), Gr = {
497
+ var Gr = Vr();
498
+ const I = /* @__PURE__ */ Ir(Gr), Fr = {
535
499
  "purpur-content-block": "_purpur-content-block_bj66k_1",
536
500
  "purpur-content-block__section": "_purpur-content-block__section_bj66k_17",
537
501
  "purpur-content-block__image-wrapper": "_purpur-content-block__image-wrapper_bj66k_25",
@@ -545,25 +509,25 @@ const V = /* @__PURE__ */ zr(Vr), Gr = {
545
509
  "purpur-content-block__actions": "_purpur-content-block__actions_bj66k_65",
546
510
  "purpur-content-block--negative": "_purpur-content-block--negative_bj66k_76",
547
511
  "purpur-content-block__text-spacing": "_purpur-content-block__text-spacing_bj66k_76"
548
- }, Fr = {
512
+ }, Ur = {
549
513
  "purpur-content-block-group": "_purpur-content-block-group_1g4rh_1"
550
- }, Ur = V.bind(Fr), B = "purpur-content-block-group", G = ({
514
+ }, Dr = I.bind(Ur), E = "purpur-content-block-group", V = ({
551
515
  children: t,
552
516
  className: p,
553
517
  negative: n,
554
518
  ...o
555
519
  }) => {
556
- const u = Ur([
520
+ const u = Dr([
557
521
  p,
558
- B,
522
+ E,
559
523
  {
560
- [`${B}--negative`]: n
524
+ [`${E}--negative`]: n
561
525
  }
562
526
  ]);
563
- return /* @__PURE__ */ i("div", { className: u, ...o, children: Y.map(t, (e) => k.isValidElement(e) ? k.cloneElement(e, { negative: n }) : e) });
527
+ return /* @__PURE__ */ i("div", { className: u, ...o, children: W.map(t, (e) => w.isValidElement(e) ? w.cloneElement(e, { negative: n }) : e) });
564
528
  };
565
- G.displayName = "ContentBlockGroup";
566
- const c = V.bind(Gr), l = "purpur-content-block", F = ({
529
+ V.displayName = "ContentBlockGroup";
530
+ const c = I.bind(Fr), l = "purpur-content-block", G = ({
567
531
  className: t,
568
532
  negative: p,
569
533
  image: n,
@@ -573,36 +537,36 @@ const c = V.bind(Gr), l = "purpur-content-block", F = ({
573
537
  actions: e,
574
538
  listItems: a,
575
539
  headingTag: _ = "h2",
576
- headingVariant: U = "title-300",
577
- children: D,
578
- ...K
540
+ headingVariant: F = "title-300",
541
+ children: U,
542
+ ...D
579
543
  }) => {
580
- const W = c([
544
+ const K = c([
581
545
  t,
582
546
  l,
583
547
  {
584
548
  [`${l}--negative`]: p
585
549
  }
586
550
  ]);
587
- return /* @__PURE__ */ f("div", { className: W, ...K, children: [
551
+ return /* @__PURE__ */ v("div", { className: K, ...D, children: [
588
552
  /* @__PURE__ */ i("div", { className: c(`${l}__section`), children: o ? /* @__PURE__ */ i("div", { className: c(`${l}__video-wrapper`), children: o }) : /* @__PURE__ */ i("div", { className: c(`${l}__image-wrapper`), children: n }) }),
589
- /* @__PURE__ */ i("div", { className: c(`${l}__section`), children: /* @__PURE__ */ f("div", { className: c(`${l}__content-wrapper`), children: [
590
- u ? /* @__PURE__ */ i(br, { variant: "special", className: c(`${l}__badge`), children: u }) : null,
591
- (r == null ? void 0 : r.trim()) && /* @__PURE__ */ i(P, { variant: U, tag: _, negative: p, children: r }),
592
- /* @__PURE__ */ i("div", { className: c(`${l}__content`), children: D }),
553
+ /* @__PURE__ */ i("div", { className: c(`${l}__section`), children: /* @__PURE__ */ v("div", { className: c(`${l}__content-wrapper`), children: [
554
+ u ? /* @__PURE__ */ i(mr, { variant: "special", className: c(`${l}__badge`), children: u }) : null,
555
+ (r == null ? void 0 : r.trim()) && /* @__PURE__ */ i(H, { variant: F, tag: _, negative: p, children: r }),
556
+ /* @__PURE__ */ i("div", { className: c(`${l}__content`), children: U }),
593
557
  !!(a != null && a.length) && /* @__PURE__ */ i("ul", { className: c(`${l}__list`), children: a.map(
594
- (m) => m && /* @__PURE__ */ f("li", { className: c(`${l}__list-item`), children: [
595
- /* @__PURE__ */ i(z, { size: "xs", className: c(`${l}__list-item-icon`) }),
596
- /* @__PURE__ */ i(I, { negative: p, children: m })
597
- ] }, m)
558
+ (f) => f && /* @__PURE__ */ v("li", { className: c(`${l}__list-item`), children: [
559
+ /* @__PURE__ */ i(L, { size: "xs", className: c(`${l}__list-item-icon`) }),
560
+ /* @__PURE__ */ i(z, { negative: p, children: f })
561
+ ] }, f)
598
562
  ) }),
599
563
  e && /* @__PURE__ */ i("div", { className: c(`${l}__actions`), children: e })
600
564
  ] }) })
601
565
  ] });
602
566
  };
603
- F.Group = G;
604
- F.displayName = "ContentBlock";
567
+ G.Group = V;
568
+ G.displayName = "ContentBlock";
605
569
  export {
606
- F as ContentBlock
570
+ G as ContentBlock
607
571
  };
608
572
  //# sourceMappingURL=content-block.es.js.map