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