@purpurds/notification 8.3.1 → 8.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE.txt +4 -4
- package/dist/notification.cjs.js +7 -7
- package/dist/notification.cjs.js.map +1 -1
- package/dist/notification.es.js +170 -166
- package/dist/notification.es.js.map +1 -1
- package/package.json +7 -7
package/dist/notification.es.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { jsxs as v, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as z } from "react";
|
|
3
|
-
const
|
|
3
|
+
const W = {
|
|
4
4
|
LG: "lg"
|
|
5
5
|
};
|
|
6
|
-
function
|
|
6
|
+
function Y(e) {
|
|
7
7
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
8
8
|
}
|
|
9
|
-
var
|
|
9
|
+
var A = { exports: {} };
|
|
10
10
|
/*!
|
|
11
11
|
Copyright (c) 2018 Jed Watson.
|
|
12
12
|
Licensed under the MIT License (MIT), see
|
|
13
13
|
http://jedwatson.github.io/classnames
|
|
14
14
|
*/
|
|
15
15
|
var q;
|
|
16
|
-
function
|
|
16
|
+
function J() {
|
|
17
17
|
return q || (q = 1, (function(e) {
|
|
18
18
|
(function() {
|
|
19
|
-
var
|
|
20
|
-
function
|
|
19
|
+
var i = {}.hasOwnProperty;
|
|
20
|
+
function p() {
|
|
21
21
|
for (var r = "", t = 0; t < arguments.length; t++) {
|
|
22
22
|
var n = arguments[t];
|
|
23
23
|
n && (r = u(r, a.call(this, n)));
|
|
@@ -30,54 +30,56 @@ function W() {
|
|
|
30
30
|
if (typeof r != "object")
|
|
31
31
|
return "";
|
|
32
32
|
if (Array.isArray(r))
|
|
33
|
-
return
|
|
33
|
+
return p.apply(this, r);
|
|
34
34
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
35
35
|
return r.toString();
|
|
36
36
|
var t = "";
|
|
37
37
|
for (var n in r)
|
|
38
|
-
|
|
38
|
+
i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
|
|
39
39
|
return t;
|
|
40
40
|
}
|
|
41
41
|
function u(r, t) {
|
|
42
42
|
return t ? r ? r + " " + t : r + t : r;
|
|
43
43
|
}
|
|
44
|
-
e.exports ? (
|
|
44
|
+
e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
|
|
45
45
|
})();
|
|
46
|
-
})(
|
|
46
|
+
})(A)), A.exports;
|
|
47
47
|
}
|
|
48
|
-
var
|
|
49
|
-
const
|
|
48
|
+
var K = J();
|
|
49
|
+
const Q = /* @__PURE__ */ Y(K), X = "_rotate_12t9p_1", rr = "_dash_12t9p_1", tr = {
|
|
50
50
|
"purpur-spinner": "_purpur-spinner_12t9p_2",
|
|
51
|
-
rotate:
|
|
51
|
+
rotate: X,
|
|
52
52
|
"purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
|
|
53
53
|
"purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
|
|
54
54
|
"purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
|
|
55
55
|
"purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
|
|
56
56
|
"purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
|
|
57
57
|
"purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
|
|
58
|
-
dash:
|
|
58
|
+
dash: rr,
|
|
59
59
|
"purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
|
|
60
60
|
"purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
|
|
61
|
-
}, R =
|
|
61
|
+
}, R = Q.bind(tr), g = "purpur-spinner", er = {
|
|
62
62
|
SM: "sm"
|
|
63
|
-
},
|
|
63
|
+
}, F = ({
|
|
64
64
|
disabled: e = !1,
|
|
65
|
-
negative:
|
|
66
|
-
size:
|
|
67
|
-
|
|
68
|
-
|
|
65
|
+
negative: i = !1,
|
|
66
|
+
size: p = er.SM,
|
|
67
|
+
className: a,
|
|
68
|
+
...u
|
|
69
|
+
}) => /* @__PURE__ */ o("div", { className: R(g, `${g}--${p}`, a), ...u, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
|
|
69
70
|
"circle",
|
|
70
71
|
{
|
|
71
|
-
className: R(`${
|
|
72
|
-
[`${
|
|
73
|
-
[`${
|
|
72
|
+
className: R(`${g}__circle`, {
|
|
73
|
+
[`${g}__circle--disabled`]: e,
|
|
74
|
+
[`${g}__circle--negative`]: i
|
|
74
75
|
}),
|
|
75
76
|
cx: "25",
|
|
76
77
|
cy: "25",
|
|
77
78
|
r: "20"
|
|
78
79
|
}
|
|
79
80
|
) }) });
|
|
80
|
-
|
|
81
|
+
F.displayName = "Spinner";
|
|
82
|
+
function nr(e) {
|
|
81
83
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
82
84
|
}
|
|
83
85
|
var P = { exports: {} };
|
|
@@ -87,11 +89,11 @@ var P = { exports: {} };
|
|
|
87
89
|
http://jedwatson.github.io/classnames
|
|
88
90
|
*/
|
|
89
91
|
var L;
|
|
90
|
-
function
|
|
92
|
+
function pr() {
|
|
91
93
|
return L || (L = 1, (function(e) {
|
|
92
94
|
(function() {
|
|
93
|
-
var
|
|
94
|
-
function
|
|
95
|
+
var i = {}.hasOwnProperty;
|
|
96
|
+
function p() {
|
|
95
97
|
for (var r = "", t = 0; t < arguments.length; t++) {
|
|
96
98
|
var n = arguments[t];
|
|
97
99
|
n && (r = u(r, a.call(this, n)));
|
|
@@ -104,93 +106,95 @@ function nr() {
|
|
|
104
106
|
if (typeof r != "object")
|
|
105
107
|
return "";
|
|
106
108
|
if (Array.isArray(r))
|
|
107
|
-
return
|
|
109
|
+
return p.apply(this, r);
|
|
108
110
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
109
111
|
return r.toString();
|
|
110
112
|
var t = "";
|
|
111
113
|
for (var n in r)
|
|
112
|
-
|
|
114
|
+
i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
|
|
113
115
|
return t;
|
|
114
116
|
}
|
|
115
117
|
function u(r, t) {
|
|
116
118
|
return t ? r ? r + " " + t : r + t : r;
|
|
117
119
|
}
|
|
118
|
-
e.exports ? (
|
|
120
|
+
e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
|
|
119
121
|
})();
|
|
120
122
|
})(P)), P.exports;
|
|
121
123
|
}
|
|
122
|
-
var ir =
|
|
123
|
-
const
|
|
124
|
-
"purpur-button": "_purpur-
|
|
125
|
-
"purpur-button--xs": "_purpur-button--
|
|
126
|
-
"purpur-button--icon-only": "_purpur-button--icon-
|
|
127
|
-
"purpur-button--sm": "_purpur-button--
|
|
128
|
-
"purpur-button--md": "_purpur-button--
|
|
129
|
-
"purpur-button--lg": "_purpur-button--
|
|
130
|
-
"purpur-button--full-width": "_purpur-button--full-
|
|
131
|
-
"purpur-button--primary": "_purpur-button--
|
|
132
|
-
"purpur-button--disabled": "_purpur-button--
|
|
133
|
-
"purpur-button--primary-negative": "_purpur-button--primary-
|
|
134
|
-
"purpur-button--secondary": "_purpur-button--
|
|
135
|
-
"purpur-button--secondary-negative": "_purpur-button--secondary-
|
|
136
|
-
"purpur-button--expressive": "_purpur-button--
|
|
137
|
-
"purpur-button--expressive-negative": "_purpur-button--expressive-
|
|
138
|
-
"purpur-button--negative": "_purpur-button--
|
|
139
|
-
"purpur-button--destructive": "_purpur-button--
|
|
140
|
-
"purpur-button--destructive-negative": "_purpur-button--destructive-
|
|
141
|
-
"purpur-button--tertiary-purple": "_purpur-button--tertiary-
|
|
142
|
-
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-
|
|
143
|
-
"purpur-button--text-negative": "_purpur-button--text-
|
|
144
|
-
"purpur-button--text": "_purpur-button--
|
|
145
|
-
|
|
124
|
+
var ir = pr();
|
|
125
|
+
const ur = /* @__PURE__ */ nr(ir), ar = {
|
|
126
|
+
"purpur-button": "_purpur-button_10jh0_1",
|
|
127
|
+
"purpur-button--xs": "_purpur-button--xs_10jh0_22",
|
|
128
|
+
"purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
|
|
129
|
+
"purpur-button--sm": "_purpur-button--sm_10jh0_28",
|
|
130
|
+
"purpur-button--md": "_purpur-button--md_10jh0_34",
|
|
131
|
+
"purpur-button--lg": "_purpur-button--lg_10jh0_40",
|
|
132
|
+
"purpur-button--full-width": "_purpur-button--full-width_10jh0_46",
|
|
133
|
+
"purpur-button--primary": "_purpur-button--primary_10jh0_64",
|
|
134
|
+
"purpur-button--disabled": "_purpur-button--disabled_10jh0_68",
|
|
135
|
+
"purpur-button--primary-negative": "_purpur-button--primary-negative_10jh0_74",
|
|
136
|
+
"purpur-button--secondary": "_purpur-button--secondary_10jh0_86",
|
|
137
|
+
"purpur-button--secondary-negative": "_purpur-button--secondary-negative_10jh0_97",
|
|
138
|
+
"purpur-button--expressive": "_purpur-button--expressive_10jh0_108",
|
|
139
|
+
"purpur-button--expressive-negative": "_purpur-button--expressive-negative_10jh0_118",
|
|
140
|
+
"purpur-button--negative": "_purpur-button--negative_10jh0_130",
|
|
141
|
+
"purpur-button--destructive": "_purpur-button--destructive_10jh0_137",
|
|
142
|
+
"purpur-button--destructive-negative": "_purpur-button--destructive-negative_10jh0_147",
|
|
143
|
+
"purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_10jh0_157",
|
|
144
|
+
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_10jh0_170",
|
|
145
|
+
"purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
|
|
146
|
+
"purpur-button--text": "_purpur-button--text_10jh0_185",
|
|
147
|
+
"purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
|
|
148
|
+
}, C = ur.bind(ar), _ = "purpur-button", H = z(
|
|
146
149
|
({
|
|
147
150
|
children: e,
|
|
148
|
-
className:
|
|
149
|
-
disabled:
|
|
151
|
+
className: i,
|
|
152
|
+
disabled: p = !1,
|
|
150
153
|
fullWidth: a = !1,
|
|
151
154
|
iconOnly: u,
|
|
152
155
|
loading: r = !1,
|
|
153
156
|
negative: t = !1,
|
|
154
157
|
onClick: n,
|
|
155
|
-
size:
|
|
158
|
+
size: c = "md",
|
|
156
159
|
variant: s,
|
|
157
|
-
type:
|
|
160
|
+
type: h = "button",
|
|
158
161
|
...b
|
|
159
162
|
}, $) => {
|
|
160
163
|
if (u && s === "destructive")
|
|
161
164
|
return null;
|
|
162
|
-
const x =
|
|
165
|
+
const x = C(
|
|
163
166
|
[
|
|
164
|
-
|
|
165
|
-
`${
|
|
166
|
-
`${
|
|
167
|
+
_,
|
|
168
|
+
`${_}--${t ? `${s}-negative` : s}`,
|
|
169
|
+
`${_}--${c}`
|
|
167
170
|
],
|
|
168
171
|
{
|
|
169
|
-
[`${
|
|
170
|
-
[`${
|
|
171
|
-
[`${
|
|
172
|
-
[`${
|
|
172
|
+
[`${_}--icon-only`]: u,
|
|
173
|
+
[`${_}--negative`]: t,
|
|
174
|
+
[`${_}--full-width`]: a,
|
|
175
|
+
[`${_}--disabled`]: p || r
|
|
173
176
|
},
|
|
174
|
-
|
|
175
|
-
),
|
|
176
|
-
|
|
177
|
-
}, N = !!b["aria-disabled"] ||
|
|
177
|
+
i
|
|
178
|
+
), U = (O) => {
|
|
179
|
+
p || r ? O.preventDefault() : n && n(O);
|
|
180
|
+
}, N = !!b["aria-disabled"] || p || r;
|
|
178
181
|
return /* @__PURE__ */ v(
|
|
179
182
|
"button",
|
|
180
183
|
{
|
|
181
184
|
className: x,
|
|
182
|
-
type:
|
|
185
|
+
type: h,
|
|
183
186
|
ref: $,
|
|
184
187
|
"aria-disabled": N,
|
|
185
|
-
onClick:
|
|
188
|
+
onClick: U,
|
|
186
189
|
...b,
|
|
187
190
|
children: [
|
|
188
191
|
r && /* @__PURE__ */ o(
|
|
189
|
-
|
|
192
|
+
F,
|
|
190
193
|
{
|
|
191
|
-
size:
|
|
194
|
+
size: c === W.LG ? "xs" : "xxs",
|
|
192
195
|
negative: t,
|
|
193
|
-
disabled: N
|
|
196
|
+
disabled: N,
|
|
197
|
+
className: C(`${_}__spinner`)
|
|
194
198
|
}
|
|
195
199
|
),
|
|
196
200
|
" ",
|
|
@@ -200,22 +204,22 @@ const pr = /* @__PURE__ */ er(ir), ur = {
|
|
|
200
204
|
);
|
|
201
205
|
}
|
|
202
206
|
);
|
|
203
|
-
|
|
207
|
+
H.displayName = "Button";
|
|
204
208
|
function or(e) {
|
|
205
209
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
206
210
|
}
|
|
207
|
-
var
|
|
211
|
+
var M = { exports: {} };
|
|
208
212
|
/*!
|
|
209
213
|
Copyright (c) 2018 Jed Watson.
|
|
210
214
|
Licensed under the MIT License (MIT), see
|
|
211
215
|
http://jedwatson.github.io/classnames
|
|
212
216
|
*/
|
|
213
|
-
var
|
|
217
|
+
var E;
|
|
214
218
|
function sr() {
|
|
215
|
-
return
|
|
219
|
+
return E || (E = 1, (function(e) {
|
|
216
220
|
(function() {
|
|
217
|
-
var
|
|
218
|
-
function
|
|
221
|
+
var i = {}.hasOwnProperty;
|
|
222
|
+
function p() {
|
|
219
223
|
for (var r = "", t = 0; t < arguments.length; t++) {
|
|
220
224
|
var n = arguments[t];
|
|
221
225
|
n && (r = u(r, a(n)));
|
|
@@ -228,20 +232,20 @@ function sr() {
|
|
|
228
232
|
if (typeof r != "object")
|
|
229
233
|
return "";
|
|
230
234
|
if (Array.isArray(r))
|
|
231
|
-
return
|
|
235
|
+
return p.apply(null, r);
|
|
232
236
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
233
237
|
return r.toString();
|
|
234
238
|
var t = "";
|
|
235
239
|
for (var n in r)
|
|
236
|
-
|
|
240
|
+
i.call(r, n) && r[n] && (t = u(t, n));
|
|
237
241
|
return t;
|
|
238
242
|
}
|
|
239
243
|
function u(r, t) {
|
|
240
244
|
return t ? r ? r + " " + t : r + t : r;
|
|
241
245
|
}
|
|
242
|
-
e.exports ? (
|
|
246
|
+
e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
|
|
243
247
|
})();
|
|
244
|
-
})(
|
|
248
|
+
})(M)), M.exports;
|
|
245
249
|
}
|
|
246
250
|
var lr = sr();
|
|
247
251
|
const _r = /* @__PURE__ */ or(lr), m = {
|
|
@@ -266,42 +270,42 @@ const _r = /* @__PURE__ */ or(lr), m = {
|
|
|
266
270
|
"purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
|
|
267
271
|
}, cr = {
|
|
268
272
|
TITLE100: "title-100"
|
|
269
|
-
}, w = "purpur-heading",
|
|
273
|
+
}, w = "purpur-heading", V = ({
|
|
270
274
|
children: e,
|
|
271
|
-
className:
|
|
272
|
-
enableHyphenation:
|
|
275
|
+
className: i = "",
|
|
276
|
+
enableHyphenation: p = !1,
|
|
273
277
|
negative: a = !1,
|
|
274
278
|
tag: u,
|
|
275
279
|
variant: r = cr.TITLE100,
|
|
276
280
|
...t
|
|
277
281
|
}) => {
|
|
278
|
-
const n = u,
|
|
279
|
-
|
|
282
|
+
const n = u, c = _r([
|
|
283
|
+
i,
|
|
280
284
|
m[w],
|
|
281
285
|
m[`${w}--${r}`],
|
|
282
286
|
{
|
|
283
|
-
[m[`${w}--hyphens`]]:
|
|
287
|
+
[m[`${w}--hyphens`]]: p,
|
|
284
288
|
[m[`${w}--negative`]]: a
|
|
285
289
|
}
|
|
286
290
|
]);
|
|
287
|
-
return /* @__PURE__ */ o(n, { className:
|
|
291
|
+
return /* @__PURE__ */ o(n, { className: c, ...t, children: e });
|
|
288
292
|
};
|
|
289
|
-
|
|
293
|
+
V.displayName = "Heading";
|
|
290
294
|
function dr(e) {
|
|
291
295
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
292
296
|
}
|
|
293
|
-
var
|
|
297
|
+
var I = { exports: {} };
|
|
294
298
|
/*!
|
|
295
299
|
Copyright (c) 2018 Jed Watson.
|
|
296
300
|
Licensed under the MIT License (MIT), see
|
|
297
301
|
http://jedwatson.github.io/classnames
|
|
298
302
|
*/
|
|
299
|
-
var
|
|
300
|
-
function
|
|
301
|
-
return
|
|
303
|
+
var Z;
|
|
304
|
+
function hr() {
|
|
305
|
+
return Z || (Z = 1, (function(e) {
|
|
302
306
|
(function() {
|
|
303
|
-
var
|
|
304
|
-
function
|
|
307
|
+
var i = {}.hasOwnProperty;
|
|
308
|
+
function p() {
|
|
305
309
|
for (var r = "", t = 0; t < arguments.length; t++) {
|
|
306
310
|
var n = arguments[t];
|
|
307
311
|
n && (r = u(r, a.call(this, n)));
|
|
@@ -314,23 +318,23 @@ function gr() {
|
|
|
314
318
|
if (typeof r != "object")
|
|
315
319
|
return "";
|
|
316
320
|
if (Array.isArray(r))
|
|
317
|
-
return
|
|
321
|
+
return p.apply(this, r);
|
|
318
322
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
319
323
|
return r.toString();
|
|
320
324
|
var t = "";
|
|
321
325
|
for (var n in r)
|
|
322
|
-
|
|
326
|
+
i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
|
|
323
327
|
return t;
|
|
324
328
|
}
|
|
325
329
|
function u(r, t) {
|
|
326
330
|
return t ? r ? r + " " + t : r + t : r;
|
|
327
331
|
}
|
|
328
|
-
e.exports ? (
|
|
332
|
+
e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
|
|
329
333
|
})();
|
|
330
|
-
})(
|
|
334
|
+
})(I)), I.exports;
|
|
331
335
|
}
|
|
332
|
-
var
|
|
333
|
-
const
|
|
336
|
+
var gr = hr();
|
|
337
|
+
const fr = /* @__PURE__ */ dr(gr), vr = {
|
|
334
338
|
"purpur-icon": "_purpur-icon_8u1lq_1",
|
|
335
339
|
"purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
|
|
336
340
|
"purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
|
|
@@ -338,22 +342,22 @@ const hr = /* @__PURE__ */ dr(fr), vr = {
|
|
|
338
342
|
"purpur-icon--md": "_purpur-icon--md_8u1lq_16",
|
|
339
343
|
"purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
|
|
340
344
|
"purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
|
|
341
|
-
}, yr =
|
|
342
|
-
const
|
|
345
|
+
}, yr = fr.bind(vr), B = "purpur-icon", br = "md", mr = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), wr = ({ content: e = "", title: i } = {}) => {
|
|
346
|
+
const p = [
|
|
343
347
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
|
344
348
|
{ name: "fill", value: "currentColor" },
|
|
345
349
|
{ name: "viewBox", value: "0 0 24 24" },
|
|
346
|
-
|
|
347
|
-
], a =
|
|
348
|
-
return `<svg ${mr(
|
|
349
|
-
}, $r = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(),
|
|
350
|
+
i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
351
|
+
], a = i ? `<title>${i}</title>` : "";
|
|
352
|
+
return `<svg ${mr(p)}>${a}${e}</svg>`;
|
|
353
|
+
}, $r = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), j = ({ svg: e, allyTitle: i, className: p, size: a = br, ...u }) => {
|
|
350
354
|
const r = wr({
|
|
351
355
|
content: $r(e.svg),
|
|
352
|
-
title:
|
|
353
|
-
}), t = yr(
|
|
356
|
+
title: i
|
|
357
|
+
}), t = yr(p, B, `${B}--${a}`);
|
|
354
358
|
return /* @__PURE__ */ o("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...u });
|
|
355
359
|
};
|
|
356
|
-
|
|
360
|
+
j.displayName = "Icon";
|
|
357
361
|
const xr = {
|
|
358
362
|
name: "alert-filled",
|
|
359
363
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
|
|
@@ -364,7 +368,7 @@ const xr = {
|
|
|
364
368
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
|
|
365
369
|
keywords: ["check-circle-filled"],
|
|
366
370
|
category: "status"
|
|
367
|
-
},
|
|
371
|
+
}, jr = {
|
|
368
372
|
name: "close",
|
|
369
373
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
|
|
370
374
|
keywords: ["close"],
|
|
@@ -374,16 +378,16 @@ const xr = {
|
|
|
374
378
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
|
|
375
379
|
keywords: ["error-filled"],
|
|
376
380
|
category: "status"
|
|
377
|
-
},
|
|
381
|
+
}, Or = {
|
|
378
382
|
name: "info-filled",
|
|
379
383
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z" clip-rule="evenodd"/></svg>',
|
|
380
384
|
keywords: ["info-filled"],
|
|
381
385
|
category: "status"
|
|
382
386
|
};
|
|
383
|
-
function
|
|
387
|
+
function Ar(e) {
|
|
384
388
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
385
389
|
}
|
|
386
|
-
var
|
|
390
|
+
var G = { exports: {} };
|
|
387
391
|
/*!
|
|
388
392
|
Copyright (c) 2018 Jed Watson.
|
|
389
393
|
Licensed under the MIT License (MIT), see
|
|
@@ -393,8 +397,8 @@ var T;
|
|
|
393
397
|
function qr() {
|
|
394
398
|
return T || (T = 1, (function(e) {
|
|
395
399
|
(function() {
|
|
396
|
-
var
|
|
397
|
-
function
|
|
400
|
+
var i = {}.hasOwnProperty;
|
|
401
|
+
function p() {
|
|
398
402
|
for (var r = "", t = 0; t < arguments.length; t++) {
|
|
399
403
|
var n = arguments[t];
|
|
400
404
|
n && (r = u(r, a.call(this, n)));
|
|
@@ -407,23 +411,23 @@ function qr() {
|
|
|
407
411
|
if (typeof r != "object")
|
|
408
412
|
return "";
|
|
409
413
|
if (Array.isArray(r))
|
|
410
|
-
return
|
|
414
|
+
return p.apply(this, r);
|
|
411
415
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
412
416
|
return r.toString();
|
|
413
417
|
var t = "";
|
|
414
418
|
for (var n in r)
|
|
415
|
-
|
|
419
|
+
i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
|
|
416
420
|
return t;
|
|
417
421
|
}
|
|
418
422
|
function u(r, t) {
|
|
419
423
|
return t ? r ? r + " " + t : r + t : r;
|
|
420
424
|
}
|
|
421
|
-
e.exports ? (
|
|
425
|
+
e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
|
|
422
426
|
})();
|
|
423
|
-
})(
|
|
427
|
+
})(G)), G.exports;
|
|
424
428
|
}
|
|
425
429
|
var Rr = qr();
|
|
426
|
-
const Pr = /* @__PURE__ */
|
|
430
|
+
const Pr = /* @__PURE__ */ Ar(Rr), Lr = {
|
|
427
431
|
"purpur-paragraph": "_purpur-paragraph_1rh57_1",
|
|
428
432
|
"purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
|
|
429
433
|
"purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
|
|
@@ -440,23 +444,23 @@ const Pr = /* @__PURE__ */ jr(Rr), Lr = {
|
|
|
440
444
|
"purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
|
|
441
445
|
}, Cr = Pr.bind(Lr), Mr = {
|
|
442
446
|
PARAGRAPH100: "paragraph-100"
|
|
443
|
-
},
|
|
447
|
+
}, f = "purpur-paragraph", D = ({
|
|
444
448
|
children: e,
|
|
445
|
-
className:
|
|
446
|
-
disabled:
|
|
449
|
+
className: i,
|
|
450
|
+
disabled: p,
|
|
447
451
|
enableHyphenation: a = !1,
|
|
448
452
|
negative: u = !1,
|
|
449
453
|
variant: r = Mr.PARAGRAPH100,
|
|
450
454
|
...t
|
|
451
455
|
}) => {
|
|
452
|
-
const n = Cr(
|
|
453
|
-
[`${
|
|
454
|
-
[`${
|
|
455
|
-
[`${
|
|
456
|
+
const n = Cr(i, f, `${f}--${r}`, {
|
|
457
|
+
[`${f}--hyphens`]: a,
|
|
458
|
+
[`${f}--disabled`]: p,
|
|
459
|
+
[`${f}--negative`]: u
|
|
456
460
|
});
|
|
457
461
|
return /* @__PURE__ */ o("p", { ...t, className: n, children: e });
|
|
458
462
|
};
|
|
459
|
-
|
|
463
|
+
D.displayName = "Paragraph";
|
|
460
464
|
function Er(e) {
|
|
461
465
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
462
466
|
}
|
|
@@ -470,8 +474,8 @@ var k;
|
|
|
470
474
|
function Ir() {
|
|
471
475
|
return k || (k = 1, (function(e) {
|
|
472
476
|
(function() {
|
|
473
|
-
var
|
|
474
|
-
function
|
|
477
|
+
var i = {}.hasOwnProperty;
|
|
478
|
+
function p() {
|
|
475
479
|
for (var r = "", t = 0; t < arguments.length; t++) {
|
|
476
480
|
var n = arguments[t];
|
|
477
481
|
n && (r = u(r, a.call(this, n)));
|
|
@@ -484,23 +488,23 @@ function Ir() {
|
|
|
484
488
|
if (typeof r != "object")
|
|
485
489
|
return "";
|
|
486
490
|
if (Array.isArray(r))
|
|
487
|
-
return
|
|
491
|
+
return p.apply(this, r);
|
|
488
492
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
489
493
|
return r.toString();
|
|
490
494
|
var t = "";
|
|
491
495
|
for (var n in r)
|
|
492
|
-
|
|
496
|
+
i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
|
|
493
497
|
return t;
|
|
494
498
|
}
|
|
495
499
|
function u(r, t) {
|
|
496
500
|
return t ? r ? r + " " + t : r + t : r;
|
|
497
501
|
}
|
|
498
|
-
e.exports ? (
|
|
502
|
+
e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
|
|
499
503
|
})();
|
|
500
504
|
})(S)), S.exports;
|
|
501
505
|
}
|
|
502
506
|
var Zr = Ir();
|
|
503
|
-
const Br = /* @__PURE__ */ Er(Zr),
|
|
507
|
+
const Br = /* @__PURE__ */ Er(Zr), Gr = {
|
|
504
508
|
"purpur-notification": "_purpur-notification_10qwf_1",
|
|
505
509
|
"purpur-notification__top": "_purpur-notification__top_10qwf_14",
|
|
506
510
|
"purpur-notification__header": "_purpur-notification__header_10qwf_20",
|
|
@@ -514,22 +518,22 @@ const Br = /* @__PURE__ */ Er(Zr), Tr = {
|
|
|
514
518
|
"purpur-notification--info": "_purpur-notification--info_10qwf_63",
|
|
515
519
|
"purpur-notification--hidden": "_purpur-notification--hidden_10qwf_72",
|
|
516
520
|
"purpur-notification--has-close-button": "_purpur-notification--has-close-button_10qwf_76"
|
|
517
|
-
}, d = Br.bind(
|
|
521
|
+
}, d = Br.bind(Gr), y = {
|
|
518
522
|
SUCCESS: "success",
|
|
519
523
|
WARNING: "warning",
|
|
520
524
|
ERROR: "error",
|
|
521
525
|
INFO: "info"
|
|
522
|
-
}, Dr = Object.values(y),
|
|
526
|
+
}, Dr = Object.values(y), Tr = {
|
|
523
527
|
POLITE: "polite",
|
|
524
528
|
ASSERTIVE: "assertive"
|
|
525
|
-
}, Ur = Object.values(
|
|
529
|
+
}, Ur = Object.values(Tr), kr = {
|
|
526
530
|
ALERT: "alert",
|
|
527
531
|
DIALOG: "dialog",
|
|
528
532
|
ALERTDIALOG: "alertdialog"
|
|
529
|
-
}, Wr = Object.values(
|
|
533
|
+
}, Wr = Object.values(kr), l = "purpur-notification", zr = (e) => {
|
|
530
534
|
switch (e) {
|
|
531
535
|
case y.INFO:
|
|
532
|
-
return
|
|
536
|
+
return Or;
|
|
533
537
|
case y.SUCCESS:
|
|
534
538
|
return Sr;
|
|
535
539
|
case y.WARNING:
|
|
@@ -540,28 +544,28 @@ const Br = /* @__PURE__ */ Er(Zr), Tr = {
|
|
|
540
544
|
}, Fr = z(
|
|
541
545
|
({
|
|
542
546
|
["data-testid"]: e,
|
|
543
|
-
["aria-live"]:
|
|
544
|
-
children:
|
|
547
|
+
["aria-live"]: i,
|
|
548
|
+
children: p,
|
|
545
549
|
className: a,
|
|
546
550
|
closeButtonAriaLabel: u,
|
|
547
551
|
headingTag: r = "h4",
|
|
548
552
|
status: t = "info",
|
|
549
553
|
heading: n,
|
|
550
|
-
hidden:
|
|
554
|
+
hidden: c,
|
|
551
555
|
id: s,
|
|
552
|
-
onClose:
|
|
556
|
+
onClose: h,
|
|
553
557
|
open: b = !0,
|
|
554
558
|
...$
|
|
555
|
-
}, x) => /* @__PURE__ */ o("div", { "aria-live":
|
|
559
|
+
}, x) => /* @__PURE__ */ o("div", { "aria-live": i, children: b && /* @__PURE__ */ v(
|
|
556
560
|
"div",
|
|
557
561
|
{
|
|
558
562
|
id: s,
|
|
559
563
|
"aria-labelledby": s ? `${s}-heading` : void 0,
|
|
560
564
|
"aria-describedby": s ? `${s}-body` : void 0,
|
|
561
|
-
"aria-hidden": !!
|
|
565
|
+
"aria-hidden": !!c,
|
|
562
566
|
className: d(a, l, `${l}--${t}`, {
|
|
563
|
-
[`${l}--hidden`]:
|
|
564
|
-
[`${l}--has-close-button`]: !!
|
|
567
|
+
[`${l}--hidden`]: c,
|
|
568
|
+
[`${l}--has-close-button`]: !!h
|
|
565
569
|
}),
|
|
566
570
|
"data-testid": e,
|
|
567
571
|
ref: x,
|
|
@@ -570,16 +574,16 @@ const Br = /* @__PURE__ */ Er(Zr), Tr = {
|
|
|
570
574
|
/* @__PURE__ */ v("div", { className: d(`${l}__top`), children: [
|
|
571
575
|
/* @__PURE__ */ v("div", { className: d(`${l}__header`), children: [
|
|
572
576
|
/* @__PURE__ */ o(
|
|
573
|
-
|
|
577
|
+
j,
|
|
574
578
|
{
|
|
575
579
|
"data-testid": e ? `${e}-icon` : void 0,
|
|
576
580
|
className: d(`${l}__icon`),
|
|
577
|
-
svg:
|
|
581
|
+
svg: zr(t),
|
|
578
582
|
size: "md"
|
|
579
583
|
}
|
|
580
584
|
),
|
|
581
585
|
!!n && /* @__PURE__ */ o(
|
|
582
|
-
|
|
586
|
+
V,
|
|
583
587
|
{
|
|
584
588
|
"data-testid": e ? `${e}-heading` : void 0,
|
|
585
589
|
variant: "subsection-100",
|
|
@@ -592,34 +596,34 @@ const Br = /* @__PURE__ */ Er(Zr), Tr = {
|
|
|
592
596
|
}
|
|
593
597
|
)
|
|
594
598
|
] }),
|
|
595
|
-
|
|
596
|
-
|
|
599
|
+
h && /* @__PURE__ */ o(
|
|
600
|
+
H,
|
|
597
601
|
{
|
|
598
602
|
"data-testid": e ? `${e}-close-button` : void 0,
|
|
599
603
|
variant: "tertiary-purple",
|
|
600
604
|
size: "sm",
|
|
601
605
|
iconOnly: !0,
|
|
602
606
|
"aria-label": u,
|
|
603
|
-
onClick:
|
|
607
|
+
onClick: h,
|
|
604
608
|
className: d(`${l}__close-button`),
|
|
605
|
-
children: /* @__PURE__ */ o(
|
|
609
|
+
children: /* @__PURE__ */ o(j, { svg: jr, size: "sm" })
|
|
606
610
|
}
|
|
607
611
|
)
|
|
608
612
|
] }),
|
|
609
|
-
|
|
613
|
+
p && /* @__PURE__ */ o(
|
|
610
614
|
"div",
|
|
611
615
|
{
|
|
612
616
|
"data-testid": e ? `${e}-body` : void 0,
|
|
613
617
|
className: d(`${l}__body`),
|
|
614
618
|
id: s ? `${s}-body` : void 0,
|
|
615
|
-
children: typeof
|
|
616
|
-
|
|
619
|
+
children: typeof p == "string" ? /* @__PURE__ */ o(
|
|
620
|
+
D,
|
|
617
621
|
{
|
|
618
622
|
"data-testid": e ? `${e}-paragraph` : void 0,
|
|
619
623
|
variant: "paragraph-100",
|
|
620
|
-
children:
|
|
624
|
+
children: p
|
|
621
625
|
}
|
|
622
|
-
) :
|
|
626
|
+
) : p
|
|
623
627
|
}
|
|
624
628
|
)
|
|
625
629
|
]
|
|
@@ -628,8 +632,8 @@ const Br = /* @__PURE__ */ Er(Zr), Tr = {
|
|
|
628
632
|
);
|
|
629
633
|
Fr.displayName = "Notification";
|
|
630
634
|
export {
|
|
631
|
-
|
|
632
|
-
|
|
635
|
+
Tr as NOTIFICATION_ARIA_LIVE,
|
|
636
|
+
kr as NOTIFICATION_ROLE,
|
|
633
637
|
y as NOTIFICATION_STATUS,
|
|
634
638
|
Fr as Notification,
|
|
635
639
|
Ur as notificationAriaLiveValues,
|