@purpurds/accordion 5.28.1-pr-15202-12117482163 → 5.28.1

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.
@@ -1,7 +1,7 @@
1
1
  import { jsx as o, jsxs as v } from "react/jsx-runtime";
2
- import { useContext as j, useId as R, useState as M, createContext as H } from "react";
3
- function C(e) {
4
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
2
+ import { useContext as k, useId as R, useState as M, createContext as H } from "react";
3
+ function C(t) {
4
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
5
5
  }
6
6
  var $ = { exports: {} };
7
7
  /*!
@@ -9,12 +9,12 @@ var $ = { exports: {} };
9
9
  Licensed under the MIT License (MIT), see
10
10
  http://jedwatson.github.io/classnames
11
11
  */
12
- (function(e) {
12
+ (function(t) {
13
13
  (function() {
14
14
  var n = {}.hasOwnProperty;
15
15
  function p() {
16
- for (var r = "", t = 0; t < arguments.length; t++) {
17
- var a = arguments[t];
16
+ for (var r = "", e = 0; e < arguments.length; e++) {
17
+ var a = arguments[e];
18
18
  a && (r = i(r, u(a)));
19
19
  }
20
20
  return r;
@@ -28,15 +28,15 @@ var $ = { exports: {} };
28
28
  return p.apply(null, r);
29
29
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
30
30
  return r.toString();
31
- var t = "";
31
+ var e = "";
32
32
  for (var a in r)
33
- n.call(r, a) && r[a] && (t = i(t, a));
34
- return t;
33
+ n.call(r, a) && r[a] && (e = i(e, a));
34
+ return e;
35
35
  }
36
- function i(r, t) {
37
- return t ? r ? r + " " + t : r + t : r;
36
+ function i(r, e) {
37
+ return e ? r ? r + " " + e : r + e : r;
38
38
  }
39
- e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
39
+ t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
40
40
  })();
41
41
  })($);
42
42
  var D = $.exports;
@@ -65,43 +65,43 @@ const B = /* @__PURE__ */ C(D), g = {
65
65
  TITLE600: "title-600",
66
66
  TITLE700: "title-700",
67
67
  SUBSECTION100: "subsection-100"
68
- }, f = "purpur-heading", y = ({
69
- ["data-testid"]: e,
68
+ }, m = "purpur-heading", y = ({
69
+ ["data-testid"]: t,
70
70
  children: n,
71
71
  className: p = "",
72
72
  enableHyphenation: u = !1,
73
73
  negative: i = !1,
74
74
  tag: r,
75
- variant: t = G.TITLE100,
75
+ variant: e = G.TITLE100,
76
76
  ...a
77
77
  }) => {
78
78
  const s = r, c = B([
79
79
  p,
80
- g[f],
81
- g[`${f}--${t}`],
80
+ g[m],
81
+ g[`${m}--${e}`],
82
82
  {
83
- [g[`${f}--hyphens`]]: u,
84
- [g[`${f}--negative`]]: i
83
+ [g[`${m}--hyphens`]]: u,
84
+ [g[`${m}--negative`]]: i
85
85
  }
86
86
  ]);
87
- return /* @__PURE__ */ o(s, { ...a, className: c, "data-testid": e, children: n });
87
+ return /* @__PURE__ */ o(s, { ...a, className: c, "data-testid": t, children: n });
88
88
  };
89
89
  y.displayName = "Heading";
90
- function V(e) {
91
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
90
+ function V(t) {
91
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
92
92
  }
93
- var k = { exports: {} };
93
+ var A = { exports: {} };
94
94
  /*!
95
95
  Copyright (c) 2018 Jed Watson.
96
96
  Licensed under the MIT License (MIT), see
97
97
  http://jedwatson.github.io/classnames
98
98
  */
99
- (function(e) {
99
+ (function(t) {
100
100
  (function() {
101
101
  var n = {}.hasOwnProperty;
102
102
  function p() {
103
- for (var r = "", t = 0; t < arguments.length; t++) {
104
- var a = arguments[t];
103
+ for (var r = "", e = 0; e < arguments.length; e++) {
104
+ var a = arguments[e];
105
105
  a && (r = i(r, u.call(this, a)));
106
106
  }
107
107
  return r;
@@ -115,38 +115,38 @@ var k = { exports: {} };
115
115
  return p.apply(this, r);
116
116
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
117
117
  return r.toString();
118
- var t = "";
118
+ var e = "";
119
119
  for (var a in r)
120
- n.call(r, a) && r[a] && (t = i(t, this && this[a] || a));
121
- return t;
120
+ n.call(r, a) && r[a] && (e = i(e, this && this[a] || a));
121
+ return e;
122
122
  }
123
- function i(r, t) {
124
- return t ? r ? r + " " + t : r + t : r;
123
+ function i(r, e) {
124
+ return e ? r ? r + " " + e : r + e : r;
125
125
  }
126
- e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
126
+ t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
127
127
  })();
128
- })(k);
129
- var U = k.exports;
130
- const A = /* @__PURE__ */ V(U), z = {
128
+ })(A);
129
+ var U = A.exports;
130
+ const N = /* @__PURE__ */ V(U), z = {
131
131
  "purpur-accordion": "_purpur-accordion_u887g_1",
132
132
  "purpur-accordion__title": "_purpur-accordion__title_u887g_4",
133
133
  "purpur-accordion--negative": "_purpur-accordion--negative_u887g_13"
134
134
  };
135
- function F(e) {
136
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
135
+ function F(t) {
136
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
137
137
  }
138
- var N = { exports: {} };
138
+ var w = { exports: {} };
139
139
  /*!
140
140
  Copyright (c) 2018 Jed Watson.
141
141
  Licensed under the MIT License (MIT), see
142
142
  http://jedwatson.github.io/classnames
143
143
  */
144
- (function(e) {
144
+ (function(t) {
145
145
  (function() {
146
146
  var n = {}.hasOwnProperty;
147
147
  function p() {
148
- for (var r = "", t = 0; t < arguments.length; t++) {
149
- var a = arguments[t];
148
+ for (var r = "", e = 0; e < arguments.length; e++) {
149
+ var a = arguments[e];
150
150
  a && (r = i(r, u.call(this, a)));
151
151
  }
152
152
  return r;
@@ -160,18 +160,18 @@ var N = { exports: {} };
160
160
  return p.apply(this, r);
161
161
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
162
162
  return r.toString();
163
- var t = "";
163
+ var e = "";
164
164
  for (var a in r)
165
- n.call(r, a) && r[a] && (t = i(t, this && this[a] || a));
166
- return t;
165
+ n.call(r, a) && r[a] && (e = i(e, this && this[a] || a));
166
+ return e;
167
167
  }
168
- function i(r, t) {
169
- return t ? r ? r + " " + t : r + t : r;
168
+ function i(r, e) {
169
+ return e ? r ? r + " " + e : r + e : r;
170
170
  }
171
- e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
171
+ t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
172
172
  })();
173
- })(N);
174
- var J = N.exports;
173
+ })(w);
174
+ var J = w.exports;
175
175
  const X = /* @__PURE__ */ F(J), Y = {
176
176
  "purpur-icon": "_purpur-icon_8u1lq_1",
177
177
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -185,32 +185,32 @@ const X = /* @__PURE__ */ F(J), Y = {
185
185
  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',
186
186
  keywords: ["chevron-down"],
187
187
  category: "utility"
188
- }, w = (e) => /* @__PURE__ */ o(
189
- T,
188
+ }, T = (t) => /* @__PURE__ */ o(
189
+ S,
190
190
  {
191
- ...e,
191
+ ...t,
192
192
  svg: Z
193
193
  }
194
194
  );
195
- w.displayName = "IconChevronDown";
196
- const K = X.bind(Y), b = "purpur-icon", Q = "md", W = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), rr = ({ content: e = "", title: n } = {}) => {
195
+ T.displayName = "IconChevronDown";
196
+ const K = X.bind(Y), b = "purpur-icon", Q = "md", W = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), rr = ({ content: t = "", title: n } = {}) => {
197
197
  const p = [
198
198
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
199
199
  { name: "fill", value: "currentColor" },
200
200
  { name: "viewBox", value: "0 0 24 24" },
201
201
  n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
202
202
  ], u = n ? `<title>${n}</title>` : "";
203
- return `<svg ${W(p)}>${u}${e}</svg>`;
204
- }, tr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), T = ({
205
- ["data-testid"]: e,
203
+ return `<svg ${W(p)}>${u}${t}</svg>`;
204
+ }, er = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), S = ({
205
+ ["data-testid"]: t,
206
206
  svg: n,
207
207
  allyTitle: p,
208
208
  className: u,
209
209
  size: i = Q,
210
210
  ...r
211
211
  }) => {
212
- const t = rr({
213
- content: tr(n.svg),
212
+ const e = rr({
213
+ content: er(n.svg),
214
214
  title: p
215
215
  }), a = K(u, b, `${b}--${i}`);
216
216
  return /* @__PURE__ */ o(
@@ -218,28 +218,28 @@ const K = X.bind(Y), b = "purpur-icon", Q = "md", W = (e) => e.filter((n) => Obj
218
218
  {
219
219
  "aria-label": p,
220
220
  className: a,
221
- "data-testid": e,
222
- dangerouslySetInnerHTML: { __html: t },
221
+ "data-testid": t,
222
+ dangerouslySetInnerHTML: { __html: e },
223
223
  ...r
224
224
  }
225
225
  );
226
226
  };
227
- T.displayName = "Icon";
228
- function er(e) {
229
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
227
+ S.displayName = "Icon";
228
+ function tr(t) {
229
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
230
230
  }
231
- var S = { exports: {} };
231
+ var I = { exports: {} };
232
232
  /*!
233
233
  Copyright (c) 2018 Jed Watson.
234
234
  Licensed under the MIT License (MIT), see
235
235
  http://jedwatson.github.io/classnames
236
236
  */
237
- (function(e) {
237
+ (function(t) {
238
238
  (function() {
239
239
  var n = {}.hasOwnProperty;
240
240
  function p() {
241
- for (var r = "", t = 0; t < arguments.length; t++) {
242
- var a = arguments[t];
241
+ for (var r = "", e = 0; e < arguments.length; e++) {
242
+ var a = arguments[e];
243
243
  a && (r = i(r, u(a)));
244
244
  }
245
245
  return r;
@@ -253,19 +253,19 @@ var S = { exports: {} };
253
253
  return p.apply(null, r);
254
254
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
255
255
  return r.toString();
256
- var t = "";
256
+ var e = "";
257
257
  for (var a in r)
258
- n.call(r, a) && r[a] && (t = i(t, a));
259
- return t;
258
+ n.call(r, a) && r[a] && (e = i(e, a));
259
+ return e;
260
260
  }
261
- function i(r, t) {
262
- return t ? r ? r + " " + t : r + t : r;
261
+ function i(r, e) {
262
+ return e ? r ? r + " " + e : r + e : r;
263
263
  }
264
- e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
264
+ t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
265
265
  })();
266
- })(S);
267
- var ar = S.exports;
268
- const pr = /* @__PURE__ */ er(ar), _ = {
266
+ })(I);
267
+ var ar = I.exports;
268
+ const pr = /* @__PURE__ */ tr(ar), d = {
269
269
  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
270
270
  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
271
271
  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -291,72 +291,72 @@ const pr = /* @__PURE__ */ er(ar), _ = {
291
291
  ADDITIONAL100MEDIUM: "additional-100-medium",
292
292
  OVERLINE100: "overline-100",
293
293
  OVERLINE200: "overline-200"
294
- }, h = "purpur-paragraph", I = ({
295
- ["data-testid"]: e,
294
+ }, h = "purpur-paragraph", O = ({
295
+ ["data-testid"]: t,
296
296
  children: n,
297
297
  className: p,
298
298
  disabled: u,
299
299
  enableHyphenation: i = !1,
300
300
  negative: r = !1,
301
- variant: t = nr.PARAGRAPH100,
301
+ variant: e = nr.PARAGRAPH100,
302
302
  ...a
303
303
  }) => {
304
304
  const s = pr([
305
305
  p,
306
- _[h],
307
- _[`${h}--${t}`],
306
+ d[h],
307
+ d[`${h}--${e}`],
308
308
  {
309
- [_[`${h}--hyphens`]]: i,
310
- [_[`${h}--disabled`]]: u,
311
- [_[`${h}--negative`]]: r
309
+ [d[`${h}--hyphens`]]: i,
310
+ [d[`${h}--disabled`]]: u,
311
+ [d[`${h}--negative`]]: r
312
312
  }
313
313
  ]);
314
- return /* @__PURE__ */ o("p", { ...a, className: s, "data-testid": e, children: n });
314
+ return /* @__PURE__ */ o("p", { ...a, className: s, "data-testid": t, children: n });
315
315
  };
316
- I.displayName = "Paragraph";
316
+ O.displayName = "Paragraph";
317
317
  const ir = {
318
- "purpur-accordion-item": "_purpur-accordion-item_1kktd_1",
319
- "purpur-accordion-item__header": "_purpur-accordion-item__header_1kktd_10",
320
- "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_1kktd_13",
321
- "purpur-accordion-item__trigger__icon": "_purpur-accordion-item__trigger__icon_1kktd_43",
322
- "purpur-accordion-item__title": "_purpur-accordion-item__title_1kktd_49",
323
- "purpur-accordion-item__icon": "_purpur-accordion-item__icon_1kktd_50",
324
- "purpur-accordion-item__rotate": "_purpur-accordion-item__rotate_1kktd_65",
325
- "purpur-accordion-item__content": "_purpur-accordion-item__content_1kktd_68",
326
- "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_1kktd_79",
327
- "purpur-accordion-item--negative": "_purpur-accordion-item--negative_1kktd_100"
328
- }, d = A.bind(ir), l = "purpur-accordion-item", ur = ({
329
- children: e,
318
+ "purpur-accordion-item": "_purpur-accordion-item_mvbea_1",
319
+ "purpur-accordion-item__header": "_purpur-accordion-item__header_mvbea_10",
320
+ "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_mvbea_13",
321
+ "purpur-accordion-item__trigger__icon": "_purpur-accordion-item__trigger__icon_mvbea_43",
322
+ "purpur-accordion-item__title": "_purpur-accordion-item__title_mvbea_49",
323
+ "purpur-accordion-item__icon": "_purpur-accordion-item__icon_mvbea_50",
324
+ "purpur-accordion-item__rotate": "_purpur-accordion-item__rotate_mvbea_64",
325
+ "purpur-accordion-item__content": "_purpur-accordion-item__content_mvbea_67",
326
+ "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_mvbea_78",
327
+ "purpur-accordion-item--negative": "_purpur-accordion-item--negative_mvbea_99"
328
+ }, _ = N.bind(ir), l = "purpur-accordion-item", ur = ({
329
+ children: t,
330
330
  className: n,
331
331
  title: p,
332
332
  titleTag: u = "h3",
333
333
  initialOpen: i = !1,
334
334
  onClick: r,
335
- ...t
335
+ ...e
336
336
  }) => {
337
- const a = j(O), s = R(), [c, P] = M(!i), E = d([
337
+ const a = k(q), s = R(), [c, E] = M(!i), L = _([
338
338
  n,
339
339
  l,
340
340
  {
341
341
  [`${l}--negative`]: a
342
342
  }
343
343
  ]);
344
- return /* @__PURE__ */ v("div", { className: E, ...t, children: [
344
+ return /* @__PURE__ */ v("div", { className: L, ...e, children: [
345
345
  /* @__PURE__ */ o(
346
346
  y,
347
347
  {
348
348
  tag: u,
349
349
  variant: "title-100",
350
- className: d([`${l}__header`, `${l}__title`]),
350
+ className: _([`${l}__header`, `${l}__title`]),
351
351
  children: /* @__PURE__ */ v(
352
352
  "button",
353
353
  {
354
354
  type: "button",
355
355
  "data-state": c ? "open" : "close",
356
- onClick: (L) => {
357
- r && r(L), P(!c);
356
+ onClick: (j) => {
357
+ r && r(j), E(!c);
358
358
  },
359
- className: d(`${l}__trigger`, n, {
359
+ className: _(`${l}__trigger`, n, {
360
360
  [`${l}__rotate`]: !c
361
361
  }),
362
362
  "aria-expanded": !c,
@@ -364,7 +364,7 @@ const ir = {
364
364
  id: s + "button",
365
365
  children: [
366
366
  p,
367
- /* @__PURE__ */ o(w, { size: "md", className: d(`${l}__icon`), "aria-hidden": !0 })
367
+ /* @__PURE__ */ o(T, { size: "md", className: _(`${l}__icon`), "aria-hidden": !0 })
368
368
  ]
369
369
  }
370
370
  )
@@ -373,36 +373,36 @@ const ir = {
373
373
  /* @__PURE__ */ o(
374
374
  "div",
375
375
  {
376
- className: d(`${l}__content`, n),
376
+ className: _(`${l}__content`, n),
377
377
  "aria-hidden": c,
378
378
  id: s,
379
379
  "aria-labelledby": s + "button",
380
380
  role: "region",
381
- children: /* @__PURE__ */ o("div", { className: d(`${l}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ o(I, { variant: "paragraph-200", children: e }) : e })
381
+ children: /* @__PURE__ */ o("div", { className: _(`${l}__contentText`), children: typeof t == "string" ? /* @__PURE__ */ o(O, { variant: "paragraph-200", children: t }) : t })
382
382
  }
383
383
  )
384
384
  ] });
385
- }, x = A.bind(z), m = "purpur-accordion", O = H(!1), q = ({
386
- ["data-testid"]: e,
385
+ }, x = N.bind(z), f = "purpur-accordion", q = H(!1), P = ({
386
+ ["data-testid"]: t,
387
387
  children: n,
388
388
  className: p,
389
389
  negative: u = !1,
390
390
  title: i,
391
391
  titleTag: r = "h2",
392
- titleVariant: t = "title-300",
392
+ titleVariant: e = "title-300",
393
393
  schema: a,
394
394
  ...s
395
395
  }) => {
396
396
  const c = x([
397
397
  p,
398
- m,
398
+ f,
399
399
  {
400
- [`${m}--negative`]: u
400
+ [`${f}--negative`]: u
401
401
  }
402
402
  ]);
403
- return /* @__PURE__ */ v("div", { className: c, "data-testid": e, ...s, children: [
404
- i && /* @__PURE__ */ o(y, { tag: r, variant: t, className: x(`${m}__title`), children: i }),
405
- /* @__PURE__ */ o(O.Provider, { value: u, children: n }),
403
+ return /* @__PURE__ */ v("div", { className: c, "data-testid": t, ...s, children: [
404
+ i && /* @__PURE__ */ o(y, { tag: r, variant: e, className: x(`${f}__title`), children: i }),
405
+ /* @__PURE__ */ o(q.Provider, { value: u, children: n }),
406
406
  a && /* @__PURE__ */ o(
407
407
  "script",
408
408
  {
@@ -414,10 +414,10 @@ const ir = {
414
414
  )
415
415
  ] });
416
416
  };
417
- q.Item = ur;
418
- q.displayName = "Accordion";
417
+ P.Item = ur;
418
+ P.displayName = "Accordion";
419
419
  export {
420
- q as Accordion,
421
- O as NegativeContext
420
+ P as Accordion,
421
+ q as NegativeContext
422
422
  };
423
423
  //# sourceMappingURL=accordion.es.js.map