@pismo/marola 1.1.3 → 1.1.4
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 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_10ecr_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_10ecr_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_10ecr_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_10ecr_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_10ecr_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_10ecr_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_10ecr_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_10ecr_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_10ecr_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_10ecr_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_10ecr_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_10ecr_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_10ecr_68{text-decoration:line-through}._u-typography-base--underlined_10ecr_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_10ecr_74{text-decoration:underline line-through}._page-header_10ecr_78{width:100%;background-color:var(--cream);min-height:7.375rem}._page-header__main-content_10ecr_83{position:relative;width:64rem;max-width:100%;padding:1rem 0;margin:0 auto}._page-header__bottom-content_10ecr_90{width:64rem;max-width:100%;margin:0 auto}._page-header__breadcrumb_10ecr_95{display:flex;gap:.5rem;align-items:center;height:2rem}._page-header__breadcrumb_10ecr_95 button{padding:0;line-height:1.25rem;color:var(--colors-neutral-text-color-text)}._page-header__breadcrumb_10ecr_95 button:active,._page-header__breadcrumb_10ecr_95 button:focus{color:var(--colors-neutral-text-color-text);outline:none}._page-header__breadcrumb_10ecr_95 button:hover:enabled{color:var(--accent-dark)}._page-header__breadcrumb_10ecr_95 button *:not(svg){font-size:.75rem}._page-header__breadcrumb_10ecr_95 button:disabled{color:var(--colors-neutral-text-color-text-tertiary)}._page-header__breadcrumb_10ecr_95 button svg{width:1rem;height:1rem}._page-header__breadcrumb__separator_10ecr_123{height:1.125rem;padding:0;line-height:1.125rem;color:var(--colors-neutral-text-color-text-description)}._page-header__right-children-wrapper_10ecr_129{display:flex;align-items:center;justify-content:space-between}._header-bubble_10ecr_135{flex:1}._header-bubble--container_10ecr_138{position:absolute;max-width:80%;height:5.75rem;background-color:var(--white-100);border:1px solid var(--border-secondary);border-radius:8px}._header-bubble--container--full_10ecr_146{max-width:100%}._header-bubble-margin_10ecr_150{padding-bottom:1rem}
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r, jsxs as o, Fragment as s } from "react/jsx-runtime";
|
|
2
2
|
import { Button as n } from "../Button/Button.js";
|
|
3
|
-
import { Dialog as
|
|
4
|
-
import { Typography as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
const
|
|
8
|
-
open:
|
|
9
|
-
onClose:
|
|
10
|
-
title:
|
|
11
|
-
subtitle:
|
|
12
|
-
content:
|
|
3
|
+
import { Dialog as g } from "../Dialog/Dialog.js";
|
|
4
|
+
import { Typography as e } from "../Typography/Typography.js";
|
|
5
|
+
import f from "../Dialog/Content.js";
|
|
6
|
+
import u from "../Dialog/Actions.js";
|
|
7
|
+
const z = ({
|
|
8
|
+
open: t,
|
|
9
|
+
onClose: l,
|
|
10
|
+
title: a,
|
|
11
|
+
subtitle: m,
|
|
12
|
+
content: i,
|
|
13
13
|
cancelAction: d,
|
|
14
|
-
confirmAction:
|
|
15
|
-
confirmLabel:
|
|
16
|
-
cancelLabel:
|
|
17
|
-
}) => /* @__PURE__ */
|
|
18
|
-
|
|
14
|
+
confirmAction: p,
|
|
15
|
+
confirmLabel: c,
|
|
16
|
+
cancelLabel: h
|
|
17
|
+
}) => /* @__PURE__ */ r(
|
|
18
|
+
g,
|
|
19
19
|
{
|
|
20
|
-
open:
|
|
21
|
-
dialogTitle:
|
|
22
|
-
dialogSubtitle:
|
|
20
|
+
open: t,
|
|
21
|
+
dialogTitle: a,
|
|
22
|
+
dialogSubtitle: m,
|
|
23
23
|
onClose: () => {
|
|
24
|
-
|
|
24
|
+
l();
|
|
25
25
|
},
|
|
26
|
-
children: /* @__PURE__ */
|
|
27
|
-
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
26
|
+
children: /* @__PURE__ */ o(s, { children: [
|
|
27
|
+
i && /* @__PURE__ */ r(f, { children: i }),
|
|
28
|
+
/* @__PURE__ */ o(u, { children: [
|
|
29
|
+
/* @__PURE__ */ r(n, { shape: "round", variant: "text", size: "large", onClick: () => d(), children: /* @__PURE__ */ r(e, { children: h }) }),
|
|
30
|
+
/* @__PURE__ */ r(n, { shape: "round", variant: "primary", size: "large", onClick: () => p(), children: /* @__PURE__ */ r(e, { children: c }) })
|
|
31
31
|
] })
|
|
32
32
|
] })
|
|
33
33
|
}
|
|
34
34
|
);
|
|
35
35
|
export {
|
|
36
|
-
|
|
36
|
+
z as ConfirmationDialog
|
|
37
37
|
};
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import '../../assets/PageHeader.css';
|
|
2
2
|
import { jsx as e, jsxs as _, Fragment as h } from "react/jsx-runtime";
|
|
3
3
|
import { useMemo as I } from "react";
|
|
4
|
-
import { c as
|
|
4
|
+
import { c as y } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { Icon as P } from "../Icon/Icon.js";
|
|
6
6
|
import { IconButton as $ } from "../IconButton/IconButton.js";
|
|
7
|
-
import { Text as
|
|
7
|
+
import { Text as m } from "../Typography/Typography.js";
|
|
8
8
|
const a = {
|
|
9
|
-
"u-typography-h1": "_u-typography-
|
|
10
|
-
"u-typography-h2": "_u-typography-
|
|
11
|
-
"u-typography-h3": "_u-typography-
|
|
12
|
-
"u-typography-h4": "_u-typography-
|
|
13
|
-
"u-typography-h5": "_u-typography-
|
|
14
|
-
"u-typography-h6": "_u-typography-
|
|
15
|
-
"u-typography-base": "_u-typography-
|
|
16
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
17
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
18
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
19
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
20
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
21
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
22
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
23
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
24
|
-
"page-header": "_page-
|
|
25
|
-
"page-header__main-content": "_page-header__main-
|
|
26
|
-
"page-header__bottom-content": "_page-header__bottom-
|
|
27
|
-
"page-header__breadcrumb": "_page-
|
|
28
|
-
"page-header__breadcrumb__separator": "_page-
|
|
29
|
-
"page-header__right-children-wrapper": "_page-header__right-children-
|
|
30
|
-
"header-bubble": "_header-
|
|
31
|
-
"header-bubble--container": "_header-bubble--
|
|
32
|
-
"header-bubble--container--full": "_header-bubble--container--
|
|
33
|
-
"header-bubble-margin": "_header-bubble-
|
|
9
|
+
"u-typography-h1": "_u-typography-h1_10ecr_1",
|
|
10
|
+
"u-typography-h2": "_u-typography-h2_10ecr_8",
|
|
11
|
+
"u-typography-h3": "_u-typography-h3_10ecr_15",
|
|
12
|
+
"u-typography-h4": "_u-typography-h4_10ecr_22",
|
|
13
|
+
"u-typography-h5": "_u-typography-h5_10ecr_29",
|
|
14
|
+
"u-typography-h6": "_u-typography-h6_10ecr_36",
|
|
15
|
+
"u-typography-base": "_u-typography-base_10ecr_43",
|
|
16
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_10ecr_49",
|
|
17
|
+
"u-typography-base--xl": "_u-typography-base--xl_10ecr_53",
|
|
18
|
+
"u-typography-base--lg": "_u-typography-base--lg_10ecr_57",
|
|
19
|
+
"u-typography-base--sm": "_u-typography-base--sm_10ecr_61",
|
|
20
|
+
"u-typography-base--bold": "_u-typography-base--bold_10ecr_65",
|
|
21
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_10ecr_68",
|
|
22
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_10ecr_71",
|
|
23
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_10ecr_74",
|
|
24
|
+
"page-header": "_page-header_10ecr_78",
|
|
25
|
+
"page-header__main-content": "_page-header__main-content_10ecr_83",
|
|
26
|
+
"page-header__bottom-content": "_page-header__bottom-content_10ecr_90",
|
|
27
|
+
"page-header__breadcrumb": "_page-header__breadcrumb_10ecr_95",
|
|
28
|
+
"page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_10ecr_123",
|
|
29
|
+
"page-header__right-children-wrapper": "_page-header__right-children-wrapper_10ecr_129",
|
|
30
|
+
"header-bubble": "_header-bubble_10ecr_135",
|
|
31
|
+
"header-bubble--container": "_header-bubble--container_10ecr_138",
|
|
32
|
+
"header-bubble--container--full": "_header-bubble--container--full_10ecr_146",
|
|
33
|
+
"header-bubble-margin": "_header-bubble-margin_10ecr_150"
|
|
34
34
|
}, E = ({
|
|
35
35
|
title: n,
|
|
36
|
-
subtitle:
|
|
36
|
+
subtitle: b,
|
|
37
37
|
rightChildren: p,
|
|
38
38
|
bottomChildren: l,
|
|
39
39
|
classNameWrapper: k,
|
|
40
40
|
classNameTitle: N,
|
|
41
41
|
classNameSubtitle: f,
|
|
42
|
-
headerBubble:
|
|
42
|
+
headerBubble: c,
|
|
43
43
|
fullWidthHeaderBubble: x,
|
|
44
44
|
"data-testid-wrapper": v,
|
|
45
45
|
"data-testid-title": w,
|
|
@@ -52,30 +52,30 @@ const a = {
|
|
|
52
52
|
backLinkText: s,
|
|
53
53
|
onBackLinkClick: d,
|
|
54
54
|
classNameBackLink: u,
|
|
55
|
-
"data-testid-backLink":
|
|
55
|
+
"data-testid-backLink": g,
|
|
56
56
|
...B
|
|
57
57
|
} = T;
|
|
58
|
-
|
|
59
|
-
const j =
|
|
58
|
+
c && (n || b || l) && console.error("headerBubble prop can not be used with title, subtitle or bottomChildren"), !c && !n && console.error("title prop is required when not using headerBubble"), (s || d) && console.error("backLinkText and onBackLinkClick props are deprecated. Please use breadcrumb instead");
|
|
59
|
+
const j = y([a["page-header"], k]), H = I(() => {
|
|
60
60
|
const o = [];
|
|
61
61
|
return s && d && o.push({
|
|
62
62
|
label: s,
|
|
63
63
|
className: u,
|
|
64
|
-
"data-testid":
|
|
64
|
+
"data-testid": g,
|
|
65
65
|
onClick: d
|
|
66
|
-
}), r && o.push(...r), /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: o.map((t,
|
|
66
|
+
}), r && o.push(...r), /* @__PURE__ */ e("div", { className: a["page-header__breadcrumb"], children: o.map((t, i) => /* @__PURE__ */ e(
|
|
67
67
|
$,
|
|
68
68
|
{
|
|
69
|
-
icon:
|
|
69
|
+
icon: i === 0 ? /* @__PURE__ */ e(P, { icon: "house-blank" }) : /* @__PURE__ */ e("span", { className: a["page-header__breadcrumb__separator"], children: "/" }),
|
|
70
70
|
onClick: () => t.onClick && t.onClick(),
|
|
71
71
|
className: t.className,
|
|
72
72
|
"data-testid": t["data-testid"],
|
|
73
|
-
disabled: o.length === 1 ? !1 :
|
|
73
|
+
disabled: o.length === 1 ? !1 : i === o.length - 1,
|
|
74
74
|
children: t.label
|
|
75
75
|
},
|
|
76
|
-
`${t.label}_${
|
|
76
|
+
`${t.label}_${i}`
|
|
77
77
|
)) });
|
|
78
|
-
}, [r, s, u,
|
|
78
|
+
}, [r, s, u, g, d]);
|
|
79
79
|
return /* @__PURE__ */ _(h, { children: [
|
|
80
80
|
/* @__PURE__ */ _("div", { className: j, "data-testid": v, ...B, children: [
|
|
81
81
|
/* @__PURE__ */ _("div", { className: a["page-header__main-content"], children: [
|
|
@@ -85,7 +85,7 @@ const a = {
|
|
|
85
85
|
] }),
|
|
86
86
|
/* @__PURE__ */ _("div", { className: a["page-header__right-children-wrapper"], children: [
|
|
87
87
|
/* @__PURE__ */ e(
|
|
88
|
-
|
|
88
|
+
m,
|
|
89
89
|
{
|
|
90
90
|
variant: "h4",
|
|
91
91
|
element: "h1",
|
|
@@ -98,28 +98,28 @@ const a = {
|
|
|
98
98
|
!r && p && /* @__PURE__ */ e(h, { children: p })
|
|
99
99
|
] }),
|
|
100
100
|
/* @__PURE__ */ e(
|
|
101
|
-
|
|
101
|
+
m,
|
|
102
102
|
{
|
|
103
103
|
variant: "base",
|
|
104
104
|
element: "p",
|
|
105
105
|
color: "var(--colors-neutral-text-color-text)",
|
|
106
106
|
className: f,
|
|
107
107
|
"data-testid": L,
|
|
108
|
-
children:
|
|
108
|
+
children: b
|
|
109
109
|
}
|
|
110
110
|
),
|
|
111
|
-
|
|
111
|
+
c && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e("div", { className: a["header-bubble"], children: /* @__PURE__ */ e(
|
|
112
112
|
"div",
|
|
113
113
|
{
|
|
114
|
-
className: x ?
|
|
114
|
+
className: x ? y(a["header-bubble--container"], a["header-bubble--container--full"]) : a["header-bubble--container"],
|
|
115
115
|
"data-testid": C,
|
|
116
|
-
children:
|
|
116
|
+
children: c
|
|
117
117
|
}
|
|
118
118
|
) }) })
|
|
119
119
|
] }),
|
|
120
120
|
l && /* @__PURE__ */ e("div", { className: a["page-header__bottom-content"], children: l })
|
|
121
121
|
] }),
|
|
122
|
-
|
|
122
|
+
c && /* @__PURE__ */ e("div", { className: a["header-bubble-margin"] })
|
|
123
123
|
] });
|
|
124
124
|
};
|
|
125
125
|
export {
|