mimir-ui-kit 1.34.12 → 1.34.13
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_bbuza_2{position:relative;display:flex;align-items:center;justify-content:center;width:var(--avatar-width);height:var(--avatar-height);border-radius:50%}._avatar_bbuza_2 ._image_bbuza_11{-o-object-fit:cover;object-fit:cover;border-radius:50%;aspect-ratio:1/1}._s_bbuza_17{--avatar-width: 32px;--avatar-height: 32px}._m_bbuza_22{--avatar-width: 40px;--avatar-height: 40px}._l_bbuza_27{--avatar-width: 48px;--avatar-height: 48px}._default_bbuza_32{background-color:var(--black-5)}
|
@@ -1,47 +1,47 @@
|
|
1
|
-
import { jsxs as _, jsx as
|
1
|
+
import { jsxs as _, jsx as r } from "react/jsx-runtime";
|
2
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
|
9
|
-
avatar:
|
10
|
-
image:
|
11
|
-
s:
|
12
|
-
m:
|
13
|
-
l:
|
14
|
-
default: "
|
6
|
+
import { AppImage as b } from "../Image/Image.js";
|
7
|
+
import { NotificationBadge as f } from "../NotificationBadge/NotificationBadge.js";
|
8
|
+
import '../../assets/Avatar.css';const u = "_avatar_bbuza_2", d = "_image_bbuza_11", v = "_s_bbuza_17", x = "_m_bbuza_22", g = "_l_bbuza_27", o = {
|
9
|
+
avatar: u,
|
10
|
+
image: d,
|
11
|
+
s: v,
|
12
|
+
m: x,
|
13
|
+
l: g,
|
14
|
+
default: "_default_bbuza_32"
|
15
15
|
}, N = n(
|
16
16
|
({
|
17
17
|
size: a = t.M,
|
18
|
-
className:
|
19
|
-
notificationsCount:
|
20
|
-
src:
|
21
|
-
alt:
|
18
|
+
className: s,
|
19
|
+
notificationsCount: e = 0,
|
20
|
+
src: m,
|
21
|
+
alt: i = "User avatar"
|
22
22
|
}) => {
|
23
23
|
const p = a === t.S || a === t.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
|
24
24
|
return /* @__PURE__ */ _(
|
25
25
|
"div",
|
26
26
|
{
|
27
|
-
className: c(o.avatar, o[a],
|
28
|
-
[o.default]: !
|
27
|
+
className: c(o.avatar, o[a], s, {
|
28
|
+
[o.default]: !m
|
29
29
|
}),
|
30
30
|
"data-testid": "avatar-container",
|
31
31
|
children: [
|
32
|
-
|
33
|
-
|
32
|
+
m ? /* @__PURE__ */ r(
|
33
|
+
b,
|
34
34
|
{
|
35
|
-
src:
|
36
|
-
alt:
|
35
|
+
src: m,
|
36
|
+
alt: i,
|
37
37
|
className: o.image,
|
38
38
|
"data-testid": "avatar-image"
|
39
39
|
}
|
40
|
-
) : /* @__PURE__ */
|
41
|
-
!!
|
42
|
-
|
40
|
+
) : /* @__PURE__ */ r(l, { iconName: "User16px" }),
|
41
|
+
!!e && /* @__PURE__ */ r(
|
42
|
+
f,
|
43
43
|
{
|
44
|
-
count:
|
44
|
+
count: e,
|
45
45
|
position: p,
|
46
46
|
size: a === t.S ? "s" : "m",
|
47
47
|
absolute: !0
|