@pismo/marola 1.0.0-beta.15 → 1.0.0-beta.16
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/Dialog.module-HFAN4mAD.js +30 -0
- package/dist/assets/Dialog.css +1 -1
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +63 -62
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/package.json +1 -1
- package/dist/Dialog.module-DFcZsVAd.js +0 -30
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import './assets/Dialog.css';
|
|
2
|
+
const _ = "_dialog__subtitle_1qs0q_53", a = "_dialog_1qs0q_53", o = "_dialog__backdrop_1qs0q_88", s = "_dialog__panel_1qs0q_96", p = "_dialog__title_1qs0q_57", t = "_dialog__divider_1qs0q_122", g = "_dialog__actions_1qs0q_135", y = {
|
|
3
|
+
"u-typography-h1": "_u-typography-h1_1qs0q_1",
|
|
4
|
+
"u-typography-h2": "_u-typography-h2_1qs0q_8",
|
|
5
|
+
"u-typography-h3": "_u-typography-h3_1qs0q_15",
|
|
6
|
+
"u-typography-h4": "_u-typography-h4_1qs0q_22",
|
|
7
|
+
"u-typography-h5": "_u-typography-h5_1qs0q_29",
|
|
8
|
+
"u-typography-h6": "_u-typography-h6_1qs0q_36",
|
|
9
|
+
"u-typography-base": "_u-typography-base_1qs0q_43",
|
|
10
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1qs0q_49",
|
|
11
|
+
"u-typography-base--xl": "_u-typography-base--xl_1qs0q_53",
|
|
12
|
+
dialog__subtitle: _,
|
|
13
|
+
"u-typography-base--lg": "_u-typography-base--lg_1qs0q_57",
|
|
14
|
+
"dialog__title--small": "_dialog__title--small_1qs0q_57",
|
|
15
|
+
"u-typography-base--sm": "_u-typography-base--sm_1qs0q_61",
|
|
16
|
+
"u-typography-base--bold": "_u-typography-base--bold_1qs0q_65",
|
|
17
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1qs0q_68",
|
|
18
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1qs0q_71",
|
|
19
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1qs0q_74",
|
|
20
|
+
dialog: a,
|
|
21
|
+
dialog__backdrop: o,
|
|
22
|
+
dialog__panel: s,
|
|
23
|
+
dialog__title: p,
|
|
24
|
+
dialog__divider: t,
|
|
25
|
+
"dialog__close-icon": "_dialog__close-icon_1qs0q_126",
|
|
26
|
+
dialog__actions: g
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
y as s
|
|
30
|
+
};
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1qs0q_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1qs0q_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1qs0q_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1qs0q_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1qs0q_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1qs0q_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1qs0q_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1qs0q_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1qs0q_53,._dialog__subtitle_1qs0q_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1qs0q_57,._dialog__title--small_1qs0q_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1qs0q_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1qs0q_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1qs0q_68{text-decoration:line-through}._u-typography-base--underlined_1qs0q_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1qs0q_74{text-decoration:underline line-through}._dialog_1qs0q_53{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1qs0q_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_1qs0q_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:2rem;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_1qs0q_57{padding-bottom:1rem}._dialog__subtitle_1qs0q_53{margin-top:1rem;font-family:Lato,sans-serif;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_1qs0q_122{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1qs0q_126{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_1qs0q_135{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { s as t } from "../../Dialog.module-
|
|
2
|
+
import { s as t } from "../../Dialog.module-HFAN4mAD.js";
|
|
3
3
|
const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
|
|
4
4
|
export {
|
|
5
5
|
i as default
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as t } from "react";
|
|
3
|
-
import { s as e } from "../../Dialog.module-
|
|
3
|
+
import { s as e } from "../../Dialog.module-HFAN4mAD.js";
|
|
4
4
|
const i = t((o, r) => {
|
|
5
5
|
const { open: m, className: p, ...s } = o;
|
|
6
6
|
return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as r } from "../Icon/Icon.js";
|
|
3
|
-
import { s as t } from "../../Dialog.module-
|
|
3
|
+
import { s as t } from "../../Dialog.module-HFAN4mAD.js";
|
|
4
4
|
import { B as a } from "../../Button-DiLqcAJG.js";
|
|
5
5
|
const d = ({ handleOnClose: i, className: o }) => {
|
|
6
6
|
const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { jsxs as $, jsx as S } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import re from "./
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import
|
|
2
|
+
import { c as oe } from "../../clsx-DB4S2d7J.js";
|
|
3
|
+
import { default as Ge } from "./Actions.js";
|
|
4
|
+
import re from "./Backdrop.js";
|
|
5
|
+
import se from "./CloseIconButton.js";
|
|
6
|
+
import { default as Je } from "./Content.js";
|
|
7
|
+
import { s as q } from "../../Dialog.module-HFAN4mAD.js";
|
|
8
|
+
import ie from "./DialogTitle.js";
|
|
9
|
+
import { u as Z, P as i, f as ae, b as C, g as le, a as ce, _ as de, c as z, d as ue, e as fe } from "../../useSlotProps-kRhf7Gil.js";
|
|
9
10
|
import * as f from "react";
|
|
10
11
|
import { o as w, e as ee } from "../../ownerDocument-B61GUaFs.js";
|
|
11
12
|
import { u as G } from "../../useEventCallback-BAQJJ3ye.js";
|
|
12
|
-
import { P as
|
|
13
|
-
import { e as
|
|
13
|
+
import { P as pe, H as be } from "../../Portal-B_Es6eUL.js";
|
|
14
|
+
import { e as he } from "../../index-D3Wj0eid.js";
|
|
14
15
|
function X(...e) {
|
|
15
16
|
return e.reduce((t, o) => o == null ? t : function(...s) {
|
|
16
17
|
t.apply(this, s), o.apply(this, s);
|
|
@@ -20,37 +21,37 @@ function X(...e) {
|
|
|
20
21
|
function Y(e) {
|
|
21
22
|
return w(e).defaultView || window;
|
|
22
23
|
}
|
|
23
|
-
function
|
|
24
|
+
function me(e) {
|
|
24
25
|
const t = e.documentElement.clientWidth;
|
|
25
26
|
return Math.abs(window.innerWidth - t);
|
|
26
27
|
}
|
|
27
|
-
const
|
|
28
|
-
function
|
|
28
|
+
const ge = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
|
|
29
|
+
function Ee(e) {
|
|
29
30
|
const t = parseInt(e.getAttribute("tabindex") || "", 10);
|
|
30
31
|
return Number.isNaN(t) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : t;
|
|
31
32
|
}
|
|
32
|
-
function
|
|
33
|
+
function Te(e) {
|
|
33
34
|
if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
|
|
34
35
|
return !1;
|
|
35
36
|
const t = (n) => e.ownerDocument.querySelector(`input[type="radio"]${n}`);
|
|
36
37
|
let o = t(`[name="${e.name}"]:checked`);
|
|
37
38
|
return o || (o = t(`[name="${e.name}"]`)), o !== e;
|
|
38
39
|
}
|
|
39
|
-
function Te(e) {
|
|
40
|
-
return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Ee(e));
|
|
41
|
-
}
|
|
42
40
|
function ye(e) {
|
|
41
|
+
return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Te(e));
|
|
42
|
+
}
|
|
43
|
+
function xe(e) {
|
|
43
44
|
const t = [], o = [];
|
|
44
|
-
return Array.from(e.querySelectorAll(
|
|
45
|
-
const r =
|
|
46
|
-
r === -1 || !
|
|
45
|
+
return Array.from(e.querySelectorAll(ge)).forEach((n, s) => {
|
|
46
|
+
const r = Ee(n);
|
|
47
|
+
r === -1 || !ye(n) || (r === 0 ? t.push(n) : o.push({
|
|
47
48
|
documentOrder: s,
|
|
48
49
|
tabIndex: r,
|
|
49
50
|
node: n
|
|
50
51
|
}));
|
|
51
52
|
}), o.sort((n, s) => n.tabIndex === s.tabIndex ? n.documentOrder - s.documentOrder : n.tabIndex - s.tabIndex).map((n) => n.node).concat(t);
|
|
52
53
|
}
|
|
53
|
-
function
|
|
54
|
+
function Re() {
|
|
54
55
|
return !0;
|
|
55
56
|
}
|
|
56
57
|
function W(e) {
|
|
@@ -59,8 +60,8 @@ function W(e) {
|
|
|
59
60
|
disableAutoFocus: o = !1,
|
|
60
61
|
disableEnforceFocus: n = !1,
|
|
61
62
|
disableRestoreFocus: s = !1,
|
|
62
|
-
getTabbable: r =
|
|
63
|
-
isEnabled: a =
|
|
63
|
+
getTabbable: r = xe,
|
|
64
|
+
isEnabled: a = Re,
|
|
64
65
|
open: d
|
|
65
66
|
} = e, p = f.useRef(!1), x = f.useRef(null), h = f.useRef(null), m = f.useRef(null), R = f.useRef(null), g = f.useRef(!1), c = f.useRef(null), O = Z(t.ref, c), I = f.useRef(null);
|
|
66
67
|
f.useEffect(() => {
|
|
@@ -188,8 +189,8 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
|
|
|
188
189
|
*/
|
|
189
190
|
open: i.bool.isRequired
|
|
190
191
|
});
|
|
191
|
-
process.env.NODE_ENV !== "production" && (W.propTypes =
|
|
192
|
-
function
|
|
192
|
+
process.env.NODE_ENV !== "production" && (W.propTypes = he(W.propTypes));
|
|
193
|
+
function ve(e) {
|
|
193
194
|
const t = w(e);
|
|
194
195
|
return t.body === e ? Y(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
|
|
195
196
|
}
|
|
@@ -199,14 +200,14 @@ function K(e, t) {
|
|
|
199
200
|
function J(e) {
|
|
200
201
|
return parseInt(Y(e).getComputedStyle(e).paddingRight, 10) || 0;
|
|
201
202
|
}
|
|
202
|
-
function
|
|
203
|
+
function ke(e) {
|
|
203
204
|
const o = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(e.tagName) !== -1, n = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
|
|
204
205
|
return o || n;
|
|
205
206
|
}
|
|
206
207
|
function Q(e, t, o, n, s) {
|
|
207
208
|
const r = [t, o, ...n];
|
|
208
209
|
[].forEach.call(e.children, (a) => {
|
|
209
|
-
const d = r.indexOf(a) === -1, p = !
|
|
210
|
+
const d = r.indexOf(a) === -1, p = !ke(a);
|
|
210
211
|
d && p && K(a, s);
|
|
211
212
|
});
|
|
212
213
|
}
|
|
@@ -214,11 +215,11 @@ function V(e, t) {
|
|
|
214
215
|
let o = -1;
|
|
215
216
|
return e.some((n, s) => t(n) ? (o = s, !0) : !1), o;
|
|
216
217
|
}
|
|
217
|
-
function
|
|
218
|
+
function Pe(e, t) {
|
|
218
219
|
const o = [], n = e.container;
|
|
219
220
|
if (!t.disableScrollLock) {
|
|
220
|
-
if (
|
|
221
|
-
const a =
|
|
221
|
+
if (ve(n)) {
|
|
222
|
+
const a = me(w(n));
|
|
222
223
|
o.push({
|
|
223
224
|
value: n.style.paddingRight,
|
|
224
225
|
property: "padding-right",
|
|
@@ -264,13 +265,13 @@ function ke(e, t) {
|
|
|
264
265
|
});
|
|
265
266
|
};
|
|
266
267
|
}
|
|
267
|
-
function
|
|
268
|
+
function Ne(e) {
|
|
268
269
|
const t = [];
|
|
269
270
|
return [].forEach.call(e.children, (o) => {
|
|
270
271
|
o.getAttribute("aria-hidden") === "true" && t.push(o);
|
|
271
272
|
}), t;
|
|
272
273
|
}
|
|
273
|
-
class
|
|
274
|
+
class Ce {
|
|
274
275
|
constructor() {
|
|
275
276
|
this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
|
|
276
277
|
}
|
|
@@ -279,7 +280,7 @@ class Ne {
|
|
|
279
280
|
if (n !== -1)
|
|
280
281
|
return n;
|
|
281
282
|
n = this.modals.length, this.modals.push(t), t.modalRef && K(t.modalRef, !1);
|
|
282
|
-
const s =
|
|
283
|
+
const s = Ne(o);
|
|
283
284
|
Q(o, t.mount, t.modalRef, s, !0);
|
|
284
285
|
const r = V(this.containers, (a) => a.container === o);
|
|
285
286
|
return r !== -1 ? (this.containers[r].modals.push(t), n) : (this.containers.push({
|
|
@@ -291,7 +292,7 @@ class Ne {
|
|
|
291
292
|
}
|
|
292
293
|
mount(t, o) {
|
|
293
294
|
const n = V(this.containers, (r) => r.modals.indexOf(t) !== -1), s = this.containers[n];
|
|
294
|
-
s.restore || (s.restore =
|
|
295
|
+
s.restore || (s.restore = Pe(s, o));
|
|
295
296
|
}
|
|
296
297
|
remove(t, o = !0) {
|
|
297
298
|
const n = this.modals.indexOf(t);
|
|
@@ -310,20 +311,20 @@ class Ne {
|
|
|
310
311
|
return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
|
|
311
312
|
}
|
|
312
313
|
}
|
|
313
|
-
function
|
|
314
|
+
function Ie(e) {
|
|
314
315
|
return typeof e == "function" ? e() : e;
|
|
315
316
|
}
|
|
316
|
-
function
|
|
317
|
+
function Fe(e) {
|
|
317
318
|
return e ? e.props.hasOwnProperty("in") : !1;
|
|
318
319
|
}
|
|
319
|
-
const
|
|
320
|
-
function
|
|
320
|
+
const Se = new Ce();
|
|
321
|
+
function we(e) {
|
|
321
322
|
const {
|
|
322
323
|
container: t,
|
|
323
324
|
disableEscapeKeyDown: o = !1,
|
|
324
325
|
disableScrollLock: n = !1,
|
|
325
326
|
// @ts-ignore internal logic - Base UI supports the manager as a prop too
|
|
326
|
-
manager: s =
|
|
327
|
+
manager: s = Se,
|
|
327
328
|
closeAfterTransition: r = !1,
|
|
328
329
|
onTransitionEnter: a,
|
|
329
330
|
onTransitionExited: d,
|
|
@@ -331,7 +332,7 @@ function Se(e) {
|
|
|
331
332
|
onClose: x,
|
|
332
333
|
open: h,
|
|
333
334
|
rootRef: m
|
|
334
|
-
} = e, R = f.useRef({}), g = f.useRef(null), c = f.useRef(null), O = Z(c, m), [I, A] = f.useState(!h), N =
|
|
335
|
+
} = e, R = f.useRef({}), g = f.useRef(null), c = f.useRef(null), O = Z(c, m), [I, A] = f.useState(!h), N = Fe(p);
|
|
335
336
|
let l = !0;
|
|
336
337
|
(e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (l = !1);
|
|
337
338
|
const v = () => w(g.current), k = () => (R.current.modalRef = c.current, R.current.mount = g.current, R.current), D = () => {
|
|
@@ -339,7 +340,7 @@ function Se(e) {
|
|
|
339
340
|
disableScrollLock: n
|
|
340
341
|
}), c.current && (c.current.scrollTop = 0);
|
|
341
342
|
}, E = G(() => {
|
|
342
|
-
const b =
|
|
343
|
+
const b = Ie(t) || v().body;
|
|
343
344
|
s.add(k(), b), c.current && D();
|
|
344
345
|
}), T = f.useCallback(() => s.isTopModal(k()), [s]), L = G((b) => {
|
|
345
346
|
g.current = b, b && (h && T() ? D() : c.current && K(c.current, l));
|
|
@@ -361,7 +362,7 @@ function Se(e) {
|
|
|
361
362
|
};
|
|
362
363
|
return {
|
|
363
364
|
getRootProps: (b = {}) => {
|
|
364
|
-
const u =
|
|
365
|
+
const u = ae(e);
|
|
365
366
|
delete u.onTransitionEnter, delete u.onTransitionExited;
|
|
366
367
|
const P = C({}, u, b);
|
|
367
368
|
return C({
|
|
@@ -399,19 +400,19 @@ function Se(e) {
|
|
|
399
400
|
};
|
|
400
401
|
}
|
|
401
402
|
const te = "Modal";
|
|
402
|
-
function
|
|
403
|
-
return
|
|
403
|
+
function Oe(e) {
|
|
404
|
+
return le(te, e);
|
|
404
405
|
}
|
|
405
|
-
|
|
406
|
-
const
|
|
406
|
+
ce(te, ["root", "hidden", "backdrop"]);
|
|
407
|
+
const Ae = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Me = (e) => {
|
|
407
408
|
const {
|
|
408
409
|
open: t,
|
|
409
410
|
exited: o
|
|
410
411
|
} = e;
|
|
411
|
-
return
|
|
412
|
+
return ue({
|
|
412
413
|
root: ["root", !t && o && "hidden"],
|
|
413
414
|
backdrop: ["backdrop"]
|
|
414
|
-
},
|
|
415
|
+
}, fe(Oe));
|
|
415
416
|
}, ne = /* @__PURE__ */ f.forwardRef(function(t, o) {
|
|
416
417
|
var n;
|
|
417
418
|
const {
|
|
@@ -430,7 +431,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
|
|
|
430
431
|
open: I,
|
|
431
432
|
slotProps: A = {},
|
|
432
433
|
slots: N = {}
|
|
433
|
-
} = t, l =
|
|
434
|
+
} = t, l = de(t, Ae), v = C({}, t, {
|
|
434
435
|
closeAfterTransition: r,
|
|
435
436
|
disableAutoFocus: d,
|
|
436
437
|
disableEnforceFocus: p,
|
|
@@ -448,12 +449,12 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
|
|
|
448
449
|
isTopModal: L,
|
|
449
450
|
exited: y,
|
|
450
451
|
hasTransition: M
|
|
451
|
-
} =
|
|
452
|
+
} = we(C({}, v, {
|
|
452
453
|
rootRef: o
|
|
453
454
|
})), F = C({}, v, {
|
|
454
455
|
exited: y,
|
|
455
456
|
hasTransition: M
|
|
456
|
-
}), H =
|
|
457
|
+
}), H = Me(F), _ = {};
|
|
457
458
|
if (s.props.tabIndex === void 0 && (_.tabIndex = "-1"), M) {
|
|
458
459
|
const {
|
|
459
460
|
onEnter: B,
|
|
@@ -479,7 +480,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
|
|
|
479
480
|
className: H.backdrop,
|
|
480
481
|
ownerState: F
|
|
481
482
|
});
|
|
482
|
-
return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(
|
|
483
|
+
return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(pe, {
|
|
483
484
|
ref: T,
|
|
484
485
|
container: a,
|
|
485
486
|
disablePortal: h,
|
|
@@ -519,7 +520,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
|
|
|
519
520
|
* By default, it uses the body of the top-level document object,
|
|
520
521
|
* so it's simply `document.body` most of the time.
|
|
521
522
|
*/
|
|
522
|
-
container: i.oneOfType([
|
|
523
|
+
container: i.oneOfType([be, i.func]),
|
|
523
524
|
/**
|
|
524
525
|
* If `true`, the modal will not automatically shift focus to itself when it opens, and
|
|
525
526
|
* replace it to the last focused element when it closes.
|
|
@@ -614,7 +615,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
|
|
|
614
615
|
root: i.elementType
|
|
615
616
|
})
|
|
616
617
|
});
|
|
617
|
-
const
|
|
618
|
+
const $e = ({
|
|
618
619
|
children: e,
|
|
619
620
|
dialogTitle: t,
|
|
620
621
|
dialogSubtitle: o,
|
|
@@ -626,22 +627,22 @@ const qe = ({
|
|
|
626
627
|
ne,
|
|
627
628
|
{
|
|
628
629
|
onClose: s,
|
|
629
|
-
slots: { backdrop:
|
|
630
|
+
slots: { backdrop: re },
|
|
630
631
|
...r,
|
|
631
|
-
className: q.dialog,
|
|
632
|
+
className: oe(q.dialog, r.className),
|
|
632
633
|
"aria-labelledby": "alert-dialog-title",
|
|
633
634
|
"aria-describedby": "alert-dialog-description",
|
|
634
635
|
children: /* @__PURE__ */ $("section", { className: q.dialog__panel, children: [
|
|
635
|
-
!!s && /* @__PURE__ */ S(
|
|
636
|
-
/* @__PURE__ */ S(
|
|
636
|
+
!!s && /* @__PURE__ */ S(se, { handleOnClose: s, className: q.dialog__close }),
|
|
637
|
+
/* @__PURE__ */ S(ie, { title: t, subTitle: o }),
|
|
637
638
|
e
|
|
638
639
|
] })
|
|
639
640
|
}
|
|
640
641
|
);
|
|
641
642
|
export {
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
643
|
+
Ge as Actions,
|
|
644
|
+
Je as Content,
|
|
645
|
+
$e as Dialog,
|
|
646
|
+
ie as DialogTitle,
|
|
647
|
+
$e as default
|
|
647
648
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { Typography as r } from "../Typography/Typography.js";
|
|
3
|
-
import { s as a } from "../../Dialog.module-
|
|
3
|
+
import { s as a } from "../../Dialog.module-HFAN4mAD.js";
|
|
4
4
|
const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
|
|
5
5
|
/* @__PURE__ */ e(
|
|
6
6
|
r,
|
package/package.json
CHANGED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import './assets/Dialog.css';
|
|
2
|
-
const _ = "_dialog__subtitle_1u858_53", a = "_dialog_1u858_53", o = "_dialog__backdrop_1u858_88", p = "_dialog__panel_1u858_96", t = "_dialog__title_1u858_57", u = "_dialog__divider_1u858_122", g = "_dialog__actions_1u858_135", y = {
|
|
3
|
-
"u-typography-h1": "_u-typography-h1_1u858_1",
|
|
4
|
-
"u-typography-h2": "_u-typography-h2_1u858_8",
|
|
5
|
-
"u-typography-h3": "_u-typography-h3_1u858_15",
|
|
6
|
-
"u-typography-h4": "_u-typography-h4_1u858_22",
|
|
7
|
-
"u-typography-h5": "_u-typography-h5_1u858_29",
|
|
8
|
-
"u-typography-h6": "_u-typography-h6_1u858_36",
|
|
9
|
-
"u-typography-base": "_u-typography-base_1u858_43",
|
|
10
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_1u858_49",
|
|
11
|
-
"u-typography-base--xl": "_u-typography-base--xl_1u858_53",
|
|
12
|
-
dialog__subtitle: _,
|
|
13
|
-
"u-typography-base--lg": "_u-typography-base--lg_1u858_57",
|
|
14
|
-
"dialog__title--small": "_dialog__title--small_1u858_57",
|
|
15
|
-
"u-typography-base--sm": "_u-typography-base--sm_1u858_61",
|
|
16
|
-
"u-typography-base--bold": "_u-typography-base--bold_1u858_65",
|
|
17
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1u858_68",
|
|
18
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_1u858_71",
|
|
19
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1u858_74",
|
|
20
|
-
dialog: a,
|
|
21
|
-
dialog__backdrop: o,
|
|
22
|
-
dialog__panel: p,
|
|
23
|
-
dialog__title: t,
|
|
24
|
-
dialog__divider: u,
|
|
25
|
-
"dialog__close-icon": "_dialog__close-icon_1u858_126",
|
|
26
|
-
dialog__actions: g
|
|
27
|
-
};
|
|
28
|
-
export {
|
|
29
|
-
y as s
|
|
30
|
-
};
|