@pismo/marola 1.1.16 → 1.1.18
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/assets/Tag.css +1 -1
- package/dist/components/Tag/Tag.js +38 -38
- package/dist/components/Tooltip/Tooltip.js +48 -50
- package/package.json +1 -1
package/dist/assets/Tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_14kte_1{display:flex;gap:6px;align-items:center;justify-content:center;width:fit-content;height:1.375rem;padding:0 8px;border-radius:4px}._container_14kte_1>*{display:flex}._container_14kte_1>span{font-size:.75rem;line-height:1.25rem}._container--default_14kte_18{color:var(--gray-95);background-color:#00000005}._container--default__outlined_14kte_22{border:1px solid var(--border)}._container--default__icon_14kte_25{color:#3f3d4be0}._container--default__icon_14kte_25 [class=fa-secondary]{color:#3f3d4b73}._container--success_14kte_31{color:var(--success-text);background-color:var(--green-1)}._container--success__outlined_14kte_35{border:1px solid var(--green-3)}._container--success__icon_14kte_38 [class=fa-secondary]{color:#18a175}._container--error_14kte_41{color:var(--error-text);background-color:var(--error-background)}._container--error__outlined_14kte_45{border:1px solid var(--error-border)}._container--error__icon_14kte_48 [class=fa-secondary]{color:#ff4d4f}._container--processing_14kte_51{color:var(--info-text);background-color:var(--blue-1)}._container--processing__outlined_14kte_55{border:1px solid var(--blue-3)}._container--warning_14kte_58{color:var(--warning-text);background-color:var(--gold-1)}._container--warning__outlined_14kte_62{border:1px solid var(--gold-3)}._container--warning__icon_14kte_65 [class=fa-secondary]{color:#faad14}._container--magenta_14kte_68{color:var(--magenta-6);background-color:var(--magenta-1)}._container--magenta__outlined_14kte_72{border:1px solid var(--magenta-3)}._container--blue_14kte_75{color:var(--blue-6);background-color:var(--blue-1)}._container--blue__outlined_14kte_79{border:1px solid var(--blue-3)}._container--cyan_14kte_82{color:var(--cyan-6);background-color:var(--cyan-1)}._container--cyan__outlined_14kte_86{border:1px solid var(--cyan-3)}._container--geek-blue_14kte_89{color:var(--geek-blue-6);background-color:var(--geek-blue-1)}._container--geek-blue__outlined_14kte_93{border:1px solid var(--geek-blue-3)}._container--gold_14kte_96{color:var(--gold-6);background-color:var(--gold-1)}._container--gold__outlined_14kte_100{border:1px solid var(--gold-3)}._container--green_14kte_103{color:var(--green-6);background-color:var(--green-1)}._container--green__outlined_14kte_107{border:1px solid var(--green-3)}._container--lime_14kte_110{color:var(--lime-6);background-color:var(--lime-1)}._container--lime__outlined_14kte_114{border:1px solid var(--lime-3)}._container--orange_14kte_117{color:var(--orange-6);background-color:var(--orange-1)}._container--orange__outlined_14kte_121{border:1px solid var(--orange-3)}._container--purple_14kte_124{color:var(--purple-6);background-color:var(--purple-1)}._container--purple__outlined_14kte_128{border:1px solid var(--purple-3)}._container--red_14kte_131{color:var(--red-6);background-color:var(--red-1)}._container--red__outlined_14kte_135{border:1px solid var(--red-3)}._container--volcano_14kte_138{color:var(--volcano-6);background-color:var(--volcano-1)}._container--volcano__outlined_14kte_142{border:1px solid var(--volcano-3)}
|
|
@@ -2,44 +2,44 @@ import { jsxs as k, jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo as g } from "react";
|
|
3
3
|
import { c } from "../../clsx-DB4S2d7J.js";
|
|
4
4
|
import { Icon as m } from "../Icon/Icon.js";
|
|
5
|
-
import '../../assets/Tag.css';const p = "
|
|
5
|
+
import '../../assets/Tag.css';const p = "_container_14kte_1", e = {
|
|
6
6
|
container: p,
|
|
7
|
-
"container--default": "_container--
|
|
8
|
-
"container--default__outlined": "_container--
|
|
9
|
-
"container--default__icon": "_container--
|
|
10
|
-
"container--success": "_container--
|
|
11
|
-
"container--success__outlined": "_container--
|
|
12
|
-
"container--success__icon": "_container--
|
|
13
|
-
"container--error": "_container--
|
|
14
|
-
"container--error__outlined": "_container--
|
|
15
|
-
"container--error__icon": "_container--
|
|
16
|
-
"container--processing": "_container--
|
|
17
|
-
"container--processing__outlined": "_container--
|
|
18
|
-
"container--warning": "_container--
|
|
19
|
-
"container--warning__outlined": "_container--
|
|
20
|
-
"container--warning__icon": "_container--
|
|
21
|
-
"container--magenta": "_container--
|
|
22
|
-
"container--magenta__outlined": "_container--
|
|
23
|
-
"container--blue": "_container--
|
|
24
|
-
"container--blue__outlined": "_container--
|
|
25
|
-
"container--cyan": "_container--
|
|
26
|
-
"container--cyan__outlined": "_container--
|
|
27
|
-
"container--geek-blue": "_container--geek-
|
|
28
|
-
"container--geek-blue__outlined": "_container--geek-
|
|
29
|
-
"container--gold": "_container--
|
|
30
|
-
"container--gold__outlined": "_container--
|
|
31
|
-
"container--green": "_container--
|
|
32
|
-
"container--green__outlined": "_container--
|
|
33
|
-
"container--lime": "_container--
|
|
34
|
-
"container--lime__outlined": "_container--
|
|
35
|
-
"container--orange": "_container--
|
|
36
|
-
"container--orange__outlined": "_container--
|
|
37
|
-
"container--purple": "_container--
|
|
38
|
-
"container--purple__outlined": "_container--
|
|
39
|
-
"container--red": "_container--
|
|
40
|
-
"container--red__outlined": "_container--
|
|
41
|
-
"container--volcano": "_container--
|
|
42
|
-
"container--volcano__outlined": "_container--
|
|
7
|
+
"container--default": "_container--default_14kte_18",
|
|
8
|
+
"container--default__outlined": "_container--default__outlined_14kte_22",
|
|
9
|
+
"container--default__icon": "_container--default__icon_14kte_25",
|
|
10
|
+
"container--success": "_container--success_14kte_31",
|
|
11
|
+
"container--success__outlined": "_container--success__outlined_14kte_35",
|
|
12
|
+
"container--success__icon": "_container--success__icon_14kte_38",
|
|
13
|
+
"container--error": "_container--error_14kte_41",
|
|
14
|
+
"container--error__outlined": "_container--error__outlined_14kte_45",
|
|
15
|
+
"container--error__icon": "_container--error__icon_14kte_48",
|
|
16
|
+
"container--processing": "_container--processing_14kte_51",
|
|
17
|
+
"container--processing__outlined": "_container--processing__outlined_14kte_55",
|
|
18
|
+
"container--warning": "_container--warning_14kte_58",
|
|
19
|
+
"container--warning__outlined": "_container--warning__outlined_14kte_62",
|
|
20
|
+
"container--warning__icon": "_container--warning__icon_14kte_65",
|
|
21
|
+
"container--magenta": "_container--magenta_14kte_68",
|
|
22
|
+
"container--magenta__outlined": "_container--magenta__outlined_14kte_72",
|
|
23
|
+
"container--blue": "_container--blue_14kte_75",
|
|
24
|
+
"container--blue__outlined": "_container--blue__outlined_14kte_79",
|
|
25
|
+
"container--cyan": "_container--cyan_14kte_82",
|
|
26
|
+
"container--cyan__outlined": "_container--cyan__outlined_14kte_86",
|
|
27
|
+
"container--geek-blue": "_container--geek-blue_14kte_89",
|
|
28
|
+
"container--geek-blue__outlined": "_container--geek-blue__outlined_14kte_93",
|
|
29
|
+
"container--gold": "_container--gold_14kte_96",
|
|
30
|
+
"container--gold__outlined": "_container--gold__outlined_14kte_100",
|
|
31
|
+
"container--green": "_container--green_14kte_103",
|
|
32
|
+
"container--green__outlined": "_container--green__outlined_14kte_107",
|
|
33
|
+
"container--lime": "_container--lime_14kte_110",
|
|
34
|
+
"container--lime__outlined": "_container--lime__outlined_14kte_114",
|
|
35
|
+
"container--orange": "_container--orange_14kte_117",
|
|
36
|
+
"container--orange__outlined": "_container--orange__outlined_14kte_121",
|
|
37
|
+
"container--purple": "_container--purple_14kte_124",
|
|
38
|
+
"container--purple__outlined": "_container--purple__outlined_14kte_128",
|
|
39
|
+
"container--red": "_container--red_14kte_131",
|
|
40
|
+
"container--red__outlined": "_container--red__outlined_14kte_135",
|
|
41
|
+
"container--volcano": "_container--volcano_14kte_138",
|
|
42
|
+
"container--volcano__outlined": "_container--volcano__outlined_14kte_142"
|
|
43
43
|
}, h = ({
|
|
44
44
|
variant: n,
|
|
45
45
|
color: _,
|
|
@@ -47,7 +47,7 @@ import '../../assets/Tag.css';const p = "_container_1nt6k_1", e = {
|
|
|
47
47
|
"data-testid": a,
|
|
48
48
|
outlined: o = !1,
|
|
49
49
|
"with-icon": l = !1,
|
|
50
|
-
iconSize: s =
|
|
50
|
+
iconSize: s = 12
|
|
51
51
|
}) => {
|
|
52
52
|
n && _ && console.error("You should only use props Variant and Color one at a time");
|
|
53
53
|
const u = c(
|
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
1
|
+
import { jsx as a, jsxs as S, Fragment as v } from "react/jsx-runtime";
|
|
2
2
|
import * as u from "react";
|
|
3
|
-
import { useRef as
|
|
4
|
-
import { T as
|
|
5
|
-
import { _ as
|
|
6
|
-
import { c as
|
|
7
|
-
import { C as
|
|
8
|
-
import '../../assets/Tooltip.css';function
|
|
9
|
-
const
|
|
10
|
-
if (!
|
|
3
|
+
import { useRef as P, useState as R, useEffect as C, isValidElement as T, cloneElement as q } from "react";
|
|
4
|
+
import { T as M, P as O } from "../../Popup-Ck3XlWMq.js";
|
|
5
|
+
import { _ as V, b as $, P as l } from "../../useSlotProps-C_I1kEHr.js";
|
|
6
|
+
import { c as z } from "../../clsx-DB4S2d7J.js";
|
|
7
|
+
import { C as D } from "../../ClickAwayListener-DbEYZpyh.js";
|
|
8
|
+
import '../../assets/Tooltip.css';function F() {
|
|
9
|
+
const n = u.useContext(M);
|
|
10
|
+
if (!n)
|
|
11
11
|
throw new Error("Missing transition context");
|
|
12
12
|
const {
|
|
13
13
|
registerTransition: o,
|
|
14
14
|
requestedEnter: r,
|
|
15
|
-
onExited:
|
|
16
|
-
} =
|
|
15
|
+
onExited: e
|
|
16
|
+
} = n;
|
|
17
17
|
return u.useEffect(() => o(), [o]), {
|
|
18
|
-
onExited:
|
|
18
|
+
onExited: e,
|
|
19
19
|
requestedEnter: r
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
const
|
|
23
|
-
function
|
|
22
|
+
const I = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
|
|
23
|
+
function E(n) {
|
|
24
24
|
const {
|
|
25
25
|
children: o,
|
|
26
26
|
className: r,
|
|
27
|
-
enterAnimationName:
|
|
27
|
+
enterAnimationName: e,
|
|
28
28
|
enterClassName: c,
|
|
29
29
|
exitAnimationName: _,
|
|
30
30
|
exitClassName: f
|
|
31
|
-
} =
|
|
31
|
+
} = n, p = V(n, I), {
|
|
32
32
|
requestedEnter: d,
|
|
33
33
|
onExited: s
|
|
34
|
-
} =
|
|
34
|
+
} = F(), i = u.useRef(!0);
|
|
35
35
|
u.useEffect(() => {
|
|
36
36
|
d && i.current && (i.current = !1);
|
|
37
37
|
}, [d]);
|
|
38
38
|
const N = u.useCallback((t) => {
|
|
39
|
-
t.animationName === _ ? (s(), i.current = !0) : t.animationName ===
|
|
40
|
-
}, [s, _,
|
|
41
|
-
return /* @__PURE__ */ a("div",
|
|
39
|
+
t.animationName === _ ? (s(), i.current = !0) : t.animationName === e && (i.current = !1);
|
|
40
|
+
}, [s, _, e]);
|
|
41
|
+
return /* @__PURE__ */ a("div", $({
|
|
42
42
|
onAnimationEnd: N,
|
|
43
|
-
className:
|
|
43
|
+
className: z(r, d ? c : f)
|
|
44
44
|
}, p, {
|
|
45
45
|
children: o
|
|
46
46
|
}));
|
|
47
47
|
}
|
|
48
|
-
process.env.NODE_ENV !== "production" && (
|
|
48
|
+
process.env.NODE_ENV !== "production" && (E.propTypes = {
|
|
49
49
|
children: l.node,
|
|
50
50
|
className: l.string,
|
|
51
51
|
enterAnimationName: l.string,
|
|
@@ -53,8 +53,8 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
|
|
|
53
53
|
exitAnimationName: l.string,
|
|
54
54
|
exitClassName: l.string
|
|
55
55
|
});
|
|
56
|
-
const
|
|
57
|
-
tooltip:
|
|
56
|
+
const W = "_tooltip_1dujm_1", m = {
|
|
57
|
+
tooltip: W,
|
|
58
58
|
"tooltip--small-padding": "_tooltip--small-padding_1dujm_5",
|
|
59
59
|
"tooltip--normal-padding": "_tooltip--normal-padding_1dujm_8",
|
|
60
60
|
"tooltip--white-theme": "_tooltip--white-theme_1dujm_11",
|
|
@@ -64,11 +64,11 @@ const B = "_tooltip_1dujm_1", m = {
|
|
|
64
64
|
"tooltip--open-animation": "_tooltip--open-animation_1dujm_1",
|
|
65
65
|
"tooltip--anim-close": "_tooltip--anim-close_1dujm_23",
|
|
66
66
|
"tooltip--close-animation": "_tooltip--close-animation_1dujm_1"
|
|
67
|
-
},
|
|
68
|
-
arialRole:
|
|
67
|
+
}, U = ({
|
|
68
|
+
arialRole: n,
|
|
69
69
|
children: o,
|
|
70
70
|
className: r,
|
|
71
|
-
disableHoverListener:
|
|
71
|
+
disableHoverListener: e,
|
|
72
72
|
onClose: c,
|
|
73
73
|
padding: _ = "small",
|
|
74
74
|
position: f = "bottom",
|
|
@@ -78,57 +78,55 @@ const B = "_tooltip_1dujm_1", m = {
|
|
|
78
78
|
onTargetCreated: i,
|
|
79
79
|
...N
|
|
80
80
|
}) => {
|
|
81
|
-
const t =
|
|
82
|
-
let j =
|
|
83
|
-
|
|
81
|
+
const t = P(null), [b, h] = R(p || !1);
|
|
82
|
+
let j = b;
|
|
83
|
+
C(() => {
|
|
84
84
|
h(p || !1);
|
|
85
85
|
}, [p]);
|
|
86
|
-
const A =
|
|
86
|
+
const A = T(o) ? o : /* @__PURE__ */ a("span", { children: o });
|
|
87
87
|
!s && s !== 0 && (j = !1);
|
|
88
|
-
const
|
|
89
|
-
c == null || c(), !
|
|
88
|
+
const y = () => {
|
|
89
|
+
c == null || c(), !e && h(!1);
|
|
90
90
|
};
|
|
91
|
-
|
|
92
|
-
var C;
|
|
91
|
+
C(() => {
|
|
93
92
|
if (t != null && t.current) {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
x && (n || (x.onpointerenter = () => h(!0), x.onpointerleave = () => h(!1)));
|
|
93
|
+
const x = t == null ? void 0 : t.current;
|
|
94
|
+
i == null || i(x), e || (x.onpointerenter = () => h(!0), x.onpointerleave = () => h(!1));
|
|
97
95
|
}
|
|
98
|
-
}, [t,
|
|
99
|
-
const
|
|
96
|
+
}, [t, e]);
|
|
97
|
+
const g = {
|
|
100
98
|
padding: f.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
|
|
101
99
|
zIndex: 1
|
|
102
|
-
},
|
|
100
|
+
}, k = [
|
|
103
101
|
m.tooltip,
|
|
104
102
|
m[`tooltip--${d}-theme`],
|
|
105
103
|
m[`tooltip--${_}-padding`],
|
|
106
104
|
r || ""
|
|
107
|
-
].join(" ").trim(),
|
|
105
|
+
].join(" ").trim(), w = {
|
|
108
106
|
...A.props,
|
|
109
107
|
ref: t
|
|
110
108
|
};
|
|
111
|
-
return /* @__PURE__ */ v
|
|
112
|
-
|
|
109
|
+
return /* @__PURE__ */ S(v, { children: [
|
|
110
|
+
q(A, w),
|
|
113
111
|
/* @__PURE__ */ a(
|
|
114
|
-
|
|
112
|
+
O,
|
|
115
113
|
{
|
|
116
114
|
disablePortal: !0,
|
|
117
115
|
...N,
|
|
118
116
|
open: j,
|
|
119
117
|
anchor: t == null ? void 0 : t.current,
|
|
120
|
-
style:
|
|
121
|
-
role:
|
|
118
|
+
style: g,
|
|
119
|
+
role: n,
|
|
122
120
|
placement: f,
|
|
123
121
|
children: /* @__PURE__ */ a(
|
|
124
|
-
|
|
122
|
+
E,
|
|
125
123
|
{
|
|
126
124
|
className: m["tooltip--animation"],
|
|
127
125
|
enterClassName: m["tooltip--anim-open"],
|
|
128
126
|
exitClassName: m["tooltip--anim-close"],
|
|
129
127
|
enterAnimationName: "tooltip--open-animation",
|
|
130
128
|
exitAnimationName: "tooltip--close-animation",
|
|
131
|
-
children: /* @__PURE__ */ a("div", { className:
|
|
129
|
+
children: /* @__PURE__ */ a("div", { className: k, children: /* @__PURE__ */ a(D, { onClickAway: y, children: /* @__PURE__ */ a("div", { children: s }) }) })
|
|
132
130
|
}
|
|
133
131
|
)
|
|
134
132
|
}
|
|
@@ -136,5 +134,5 @@ const B = "_tooltip_1dujm_1", m = {
|
|
|
136
134
|
] });
|
|
137
135
|
};
|
|
138
136
|
export {
|
|
139
|
-
|
|
137
|
+
U as Tooltip
|
|
140
138
|
};
|