mcr-design-systems 1.0.30 → 1.0.31
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.
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface User01IconProps {
|
|
3
|
+
/**
|
|
4
|
+
* Icon size in pixels
|
|
5
|
+
* @default 24
|
|
6
|
+
*/
|
|
7
|
+
size?: number;
|
|
8
|
+
/**
|
|
9
|
+
* Icon color - CSS color value
|
|
10
|
+
* @default 'currentColor'
|
|
11
|
+
*/
|
|
12
|
+
color?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Additional CSS class names
|
|
15
|
+
*/
|
|
16
|
+
className?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Custom styles
|
|
19
|
+
*/
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
/**
|
|
22
|
+
* Click handler
|
|
23
|
+
*/
|
|
24
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
25
|
+
/**
|
|
26
|
+
* ARIA label for accessibility
|
|
27
|
+
*/
|
|
28
|
+
'aria-label'?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Title attribute for tooltip
|
|
31
|
+
*/
|
|
32
|
+
title?: string;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* User01 icon component
|
|
36
|
+
*/
|
|
37
|
+
export declare const User01Icon: React.FC<User01IconProps>;
|
|
38
|
+
export default User01Icon;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
2
|
+
import f from "react";
|
|
3
|
+
const S = ({
|
|
4
|
+
size: i = 24,
|
|
5
|
+
color: s = "currentColor",
|
|
6
|
+
className: r,
|
|
7
|
+
style: o,
|
|
8
|
+
onClick: C,
|
|
9
|
+
"aria-label": g,
|
|
10
|
+
title: c
|
|
11
|
+
}) => {
|
|
12
|
+
const a = f.useMemo(() => {
|
|
13
|
+
const t = new DOMParser().parseFromString(
|
|
14
|
+
`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
15
|
+
<path d="M19 21C19 19.5317 18.9894 19.019 18.8711 18.6289C18.5802 17.6702 17.8298 16.9198 16.8711 16.6289C16.481 16.5106 15.9683 16.5 14.5 16.5H9.49997C8.03165 16.5 7.51894 16.5106 7.12888 16.6289C6.17019 16.9198 5.41974 17.6702 5.12888 18.6289C5.01055 19.019 4.99997 19.5317 4.99997 21C4.99997 21.5523 4.55225 22 3.99997 22C3.44768 22 2.99997 21.5523 2.99997 21C2.99997 19.6774 2.98877 18.7943 3.21481 18.0488C3.69956 16.4508 4.95079 15.1996 6.5488 14.7148C7.29425 14.4888 8.17737 14.5 9.49997 14.5H14.5C15.8226 14.5 16.7057 14.4888 17.4511 14.7148C19.0491 15.1996 20.3004 16.4508 20.7851 18.0488C21.0112 18.7943 21 19.6774 21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21ZM15.5 7.5C15.5 5.567 13.933 4 12 4C10.067 4 8.49997 5.567 8.49997 7.5C8.49997 9.433 10.067 11 12 11C13.933 11 15.5 9.433 15.5 7.5ZM17.5 7.5C17.5 10.5376 15.0375 13 12 13C8.9624 13 6.49997 10.5376 6.49997 7.5C6.49997 4.46243 8.9624 2 12 2C15.0375 2 17.5 4.46243 17.5 7.5Z" fill="black"/>
|
|
16
|
+
</svg>
|
|
17
|
+
`,
|
|
18
|
+
"image/svg+xml"
|
|
19
|
+
).querySelector("svg");
|
|
20
|
+
if (!t) return "";
|
|
21
|
+
if (t.setAttribute("width", i.toString()), t.setAttribute("height", i.toString()), t.querySelectorAll(
|
|
22
|
+
"path, circle, rect, polygon, polyline, line, ellipse"
|
|
23
|
+
).forEach((e) => {
|
|
24
|
+
const n = e.getAttribute("fill"), l = e.getAttribute("stroke");
|
|
25
|
+
n && n !== "none" && e.setAttribute("fill", s), l && l !== "none" && e.setAttribute("stroke", s);
|
|
26
|
+
}), r) {
|
|
27
|
+
const e = t.getAttribute("class") || "";
|
|
28
|
+
t.setAttribute("class", `${e} ${r}`.trim());
|
|
29
|
+
}
|
|
30
|
+
return new XMLSerializer().serializeToString(t);
|
|
31
|
+
}, [i, s, r]);
|
|
32
|
+
return /* @__PURE__ */ u(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
className: r,
|
|
36
|
+
style: {
|
|
37
|
+
display: "inline-flex",
|
|
38
|
+
alignItems: "center",
|
|
39
|
+
justifyContent: "center",
|
|
40
|
+
flexShrink: 0,
|
|
41
|
+
lineHeight: 0,
|
|
42
|
+
...o
|
|
43
|
+
},
|
|
44
|
+
onClick: C,
|
|
45
|
+
"aria-label": g || "user-01 icon",
|
|
46
|
+
title: c,
|
|
47
|
+
dangerouslySetInnerHTML: { __html: a }
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
};
|
|
51
|
+
export {
|
|
52
|
+
S as User01Icon,
|
|
53
|
+
S as default
|
|
54
|
+
};
|
|
@@ -81,7 +81,8 @@ const o = {
|
|
|
81
81
|
"log-out-01": () => import("../generated/LogOut01Icon.js"),
|
|
82
82
|
"log-out-01-solid": () => import("../generated/LogOut01SolidIcon.js"),
|
|
83
83
|
"bank-note-03": () => import("../generated/BankNote03Icon.js"),
|
|
84
|
-
"bank-note-03-solid": () => import("../generated/BankNote03SolidIcon.js")
|
|
84
|
+
"bank-note-03-solid": () => import("../generated/BankNote03SolidIcon.js"),
|
|
85
|
+
"user-01": () => import("../generated/User01Icon.js")
|
|
85
86
|
};
|
|
86
87
|
export {
|
|
87
88
|
o as MAP_ICON
|