mimir-ui-kit 1.34.10 → 1.34.12
Sign up to get free protection for your applications and to get access to all the features.
package/dist/assets/Avatar.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._avatar_e6abi_2{position:relative;display:flex;align-items:center;justify-content:center;width:var(--avatar-width);height:var(--avatar-height)}._avatar_e6abi_2 ._image_e6abi_10{-o-object-fit:cover;object-fit:cover;border-radius:50%;aspect-ratio:1/1}._s_e6abi_16{--avatar-width: 32px;--avatar-height: 32px}._m_e6abi_21{--avatar-width: 40px;--avatar-height: 40px}._l_e6abi_26{--avatar-width: 48px;--avatar-height: 48px}._default_e6abi_31{background-color:var(--black-5)}
|
@@ -1,46 +1,47 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { c
|
1
|
+
import { jsxs as _, jsx as i } from "react/jsx-runtime";
|
2
|
+
import { c } from "../../index-DIxK0V-G.js";
|
3
3
|
import { memo as n } from "react";
|
4
4
|
import { EAvatarSize as t } from "./constants.js";
|
5
5
|
import { Icon as l } from "../../icons/Icon.js";
|
6
|
-
import { AppImage as
|
7
|
-
import { NotificationBadge as
|
8
|
-
import '../../assets/Avatar.css';const x = "
|
9
|
-
avatar:
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
6
|
+
import { AppImage as f } from "../Image/Image.js";
|
7
|
+
import { NotificationBadge as d } from "../NotificationBadge/NotificationBadge.js";
|
8
|
+
import '../../assets/Avatar.css';const v = "_avatar_e6abi_2", x = "_image_e6abi_10", b = "_s_e6abi_16", g = "_m_e6abi_21", u = "_l_e6abi_26", o = {
|
9
|
+
avatar: v,
|
10
|
+
image: x,
|
11
|
+
s: b,
|
12
|
+
m: g,
|
13
|
+
l: u,
|
14
|
+
default: "_default_e6abi_31"
|
14
15
|
}, N = n(
|
15
16
|
({
|
16
17
|
size: a = t.M,
|
17
|
-
className:
|
18
|
-
notificationsCount:
|
19
|
-
src:
|
20
|
-
alt:
|
18
|
+
className: r,
|
19
|
+
notificationsCount: m = 0,
|
20
|
+
src: e,
|
21
|
+
alt: s = "User avatar"
|
21
22
|
}) => {
|
22
23
|
const p = a === t.S || a === t.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
|
23
|
-
return /* @__PURE__ */
|
24
|
+
return /* @__PURE__ */ _(
|
24
25
|
"div",
|
25
26
|
{
|
26
|
-
className:
|
27
|
-
[o.default]: !
|
27
|
+
className: c(o.avatar, o[a], r, {
|
28
|
+
[o.default]: !e
|
28
29
|
}),
|
29
30
|
"data-testid": "avatar-container",
|
30
31
|
children: [
|
31
|
-
|
32
|
-
|
32
|
+
e ? /* @__PURE__ */ i(
|
33
|
+
f,
|
33
34
|
{
|
34
|
-
src:
|
35
|
-
alt:
|
35
|
+
src: e,
|
36
|
+
alt: s,
|
36
37
|
className: o.image,
|
37
38
|
"data-testid": "avatar-image"
|
38
39
|
}
|
39
|
-
) : /* @__PURE__ */
|
40
|
-
!!
|
41
|
-
|
40
|
+
) : /* @__PURE__ */ i(l, { iconName: "User16px" }),
|
41
|
+
!!m && /* @__PURE__ */ i(
|
42
|
+
d,
|
42
43
|
{
|
43
|
-
count:
|
44
|
+
count: m,
|
44
45
|
position: p,
|
45
46
|
size: a === t.S ? "s" : "m",
|
46
47
|
absolute: !0
|