@imtf/icons 0.7.1 → 0.7.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.
- package/lib/components/IconSVG.d.ts +1 -1
- package/lib/components/IconSVG.js +50 -48
- package/lib/components/IconSVG.mjs +51 -49
- package/lib/icons/BurgerMenuIcon.d.ts +4 -0
- package/lib/icons/BurgerMenuIcon.js +23 -0
- package/lib/icons/BurgerMenuIcon.mjs +24 -0
- package/lib/icons/EditCalendarIcon.d.ts +4 -0
- package/lib/icons/EditCalendarIcon.js +23 -0
- package/lib/icons/EditCalendarIcon.mjs +24 -0
- package/lib/icons/UpdateIcon.d.ts +4 -0
- package/lib/icons/UpdateIcon.js +23 -0
- package/lib/icons/UpdateIcon.mjs +24 -0
- package/lib/icons/index.d.ts +3 -0
- package/lib/index.js +6 -0
- package/lib/index.mjs +6 -0
- package/package.json +5 -5
- package/svg/BurgerMenu.svg +1 -0
- package/svg/EditCalendar.svg +1 -0
- package/svg/Update.svg +1 -0
- package/svg/burgerMenu.json +4 -0
- package/svg/editCalendar.json +4 -0
- package/svg/update.json +4 -0
|
@@ -6,7 +6,7 @@ type IconSVGProps = {
|
|
|
6
6
|
*/
|
|
7
7
|
size?: string | number;
|
|
8
8
|
src?: string;
|
|
9
|
-
children?: ReactElement
|
|
9
|
+
children?: ReactElement<HTMLDivElement | SVGSVGElement>;
|
|
10
10
|
};
|
|
11
11
|
export declare const IconSVG: import("react").ForwardRefExoticComponent<IconSVGProps & import("react").RefAttributes<HTMLDivElement | SVGSVGElement>>;
|
|
12
12
|
export {};
|
|
@@ -4,55 +4,57 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const react = require("react");
|
|
5
5
|
const Context = require("../providers/IconProvider/Context.js");
|
|
6
6
|
const get = require("../utils/get.js");
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
7
|
+
const IconSVG = react.forwardRef(
|
|
8
|
+
function IconSVG2({ color: defaultColor, size, src, children, ...props }, forwardedRef) {
|
|
9
|
+
const fallbackRef = react.useRef(void 0);
|
|
10
|
+
const ref = forwardedRef ?? fallbackRef;
|
|
11
|
+
const defaultContextValues = react.useContext(Context.IconContext);
|
|
12
|
+
const defaultValues = {
|
|
13
|
+
...defaultContextValues,
|
|
14
|
+
color: defaultColor ?? defaultContextValues.color,
|
|
15
|
+
fontSize: size ?? defaultContextValues.size
|
|
16
|
+
};
|
|
17
|
+
const color = react.useMemo(() => {
|
|
18
|
+
const color2 = get.default(defaultValues.palette, defaultValues.color);
|
|
19
|
+
return typeof color2 === "string" ? color2 : defaultValues.color;
|
|
20
|
+
}, [defaultValues.color, defaultValues.palette]);
|
|
21
|
+
react.useEffect(() => {
|
|
22
|
+
if (ref.current && src && !children) {
|
|
23
|
+
const { current: wrapper } = ref;
|
|
24
|
+
try {
|
|
25
|
+
wrapper.innerHTML = atob(
|
|
26
|
+
src.startsWith("data") ? src.split(",")[1] : src
|
|
27
|
+
);
|
|
28
|
+
const svg = wrapper.children;
|
|
29
|
+
const path = svg[0].firstElementChild;
|
|
30
|
+
svg[0].setAttribute(
|
|
31
|
+
"font-size",
|
|
32
|
+
typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
|
|
33
|
+
);
|
|
34
|
+
svg[0].setAttribute("width", "1em");
|
|
35
|
+
svg[0].setAttribute("height", "1em");
|
|
36
|
+
path == null ? void 0 : path.setAttribute("fill", color);
|
|
37
|
+
path == null ? void 0 : path.setAttribute("color", color);
|
|
38
|
+
} catch {
|
|
39
|
+
}
|
|
38
40
|
}
|
|
41
|
+
}, [color, src, children, size, defaultValues.fontSize, ref]);
|
|
42
|
+
if (children) {
|
|
43
|
+
return react.cloneElement(children, {
|
|
44
|
+
// @ts-expect-error -- This is a valid prop
|
|
45
|
+
fill: color,
|
|
46
|
+
color,
|
|
47
|
+
fontSize: defaultValues.fontSize,
|
|
48
|
+
width: "1em",
|
|
49
|
+
height: "1em",
|
|
50
|
+
ref,
|
|
51
|
+
...props
|
|
52
|
+
});
|
|
39
53
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
color,
|
|
45
|
-
fontSize: defaultValues.fontSize,
|
|
46
|
-
width: "1em",
|
|
47
|
-
height: "1em",
|
|
48
|
-
ref: innerRef,
|
|
49
|
-
...props
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
if (src) {
|
|
53
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: innerRef });
|
|
54
|
+
if (src) {
|
|
55
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref });
|
|
56
|
+
}
|
|
57
|
+
return null;
|
|
54
58
|
}
|
|
55
|
-
|
|
56
|
-
};
|
|
57
|
-
const IconSVG = react.forwardRef(IconComponent);
|
|
59
|
+
);
|
|
58
60
|
exports.IconSVG = IconSVG;
|
|
@@ -1,59 +1,61 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef, useRef,
|
|
3
|
+
import { forwardRef, useRef, useContext, useMemo, useEffect, cloneElement } from "react";
|
|
4
4
|
import { IconContext } from "../providers/IconProvider/Context.mjs";
|
|
5
5
|
import get from "../utils/get.mjs";
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
6
|
+
const IconSVG = forwardRef(
|
|
7
|
+
function IconSVG2({ color: defaultColor, size, src, children, ...props }, forwardedRef) {
|
|
8
|
+
const fallbackRef = useRef(void 0);
|
|
9
|
+
const ref = forwardedRef ?? fallbackRef;
|
|
10
|
+
const defaultContextValues = useContext(IconContext);
|
|
11
|
+
const defaultValues = {
|
|
12
|
+
...defaultContextValues,
|
|
13
|
+
color: defaultColor ?? defaultContextValues.color,
|
|
14
|
+
fontSize: size ?? defaultContextValues.size
|
|
15
|
+
};
|
|
16
|
+
const color = useMemo(() => {
|
|
17
|
+
const color2 = get(defaultValues.palette, defaultValues.color);
|
|
18
|
+
return typeof color2 === "string" ? color2 : defaultValues.color;
|
|
19
|
+
}, [defaultValues.color, defaultValues.palette]);
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
if (ref.current && src && !children) {
|
|
22
|
+
const { current: wrapper } = ref;
|
|
23
|
+
try {
|
|
24
|
+
wrapper.innerHTML = atob(
|
|
25
|
+
src.startsWith("data") ? src.split(",")[1] : src
|
|
26
|
+
);
|
|
27
|
+
const svg = wrapper.children;
|
|
28
|
+
const path = svg[0].firstElementChild;
|
|
29
|
+
svg[0].setAttribute(
|
|
30
|
+
"font-size",
|
|
31
|
+
typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
|
|
32
|
+
);
|
|
33
|
+
svg[0].setAttribute("width", "1em");
|
|
34
|
+
svg[0].setAttribute("height", "1em");
|
|
35
|
+
path == null ? void 0 : path.setAttribute("fill", color);
|
|
36
|
+
path == null ? void 0 : path.setAttribute("color", color);
|
|
37
|
+
} catch {
|
|
38
|
+
}
|
|
37
39
|
}
|
|
40
|
+
}, [color, src, children, size, defaultValues.fontSize, ref]);
|
|
41
|
+
if (children) {
|
|
42
|
+
return cloneElement(children, {
|
|
43
|
+
// @ts-expect-error -- This is a valid prop
|
|
44
|
+
fill: color,
|
|
45
|
+
color,
|
|
46
|
+
fontSize: defaultValues.fontSize,
|
|
47
|
+
width: "1em",
|
|
48
|
+
height: "1em",
|
|
49
|
+
ref,
|
|
50
|
+
...props
|
|
51
|
+
});
|
|
38
52
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
color,
|
|
44
|
-
fontSize: defaultValues.fontSize,
|
|
45
|
-
width: "1em",
|
|
46
|
-
height: "1em",
|
|
47
|
-
ref: innerRef,
|
|
48
|
-
...props
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
if (src) {
|
|
52
|
-
return /* @__PURE__ */ jsx("div", { ref: innerRef });
|
|
53
|
+
if (src) {
|
|
54
|
+
return /* @__PURE__ */ jsx("div", { ref });
|
|
55
|
+
}
|
|
56
|
+
return null;
|
|
53
57
|
}
|
|
54
|
-
|
|
55
|
-
};
|
|
56
|
-
const IconSVG = forwardRef(IconComponent);
|
|
58
|
+
);
|
|
57
59
|
export {
|
|
58
60
|
IconSVG
|
|
59
61
|
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { SVGProps } from "react";
|
|
2
|
+
import type { IconProps } from "../types";
|
|
3
|
+
declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
4
|
+
export { ForwardRef as BurgerMenuIcon };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const react = require("react");
|
|
5
|
+
const get = require("../utils/get.js");
|
|
6
|
+
const Context = require("../providers/IconProvider/Context.js");
|
|
7
|
+
const BurgerMenuIcon = ({
|
|
8
|
+
color: defaultColor,
|
|
9
|
+
size,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
const defaultContextValues = react.useContext(Context.IconContext);
|
|
13
|
+
const defaultValues = {
|
|
14
|
+
...defaultContextValues,
|
|
15
|
+
color: defaultColor ?? defaultContextValues.color,
|
|
16
|
+
fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
|
|
17
|
+
...props
|
|
18
|
+
};
|
|
19
|
+
const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
|
|
20
|
+
return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 -960 960 960", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M120-240v-80h720v80zm0-200v-80h720v80zm0-200v-80h720v80z" }) });
|
|
21
|
+
};
|
|
22
|
+
const ForwardRef = react.forwardRef(BurgerMenuIcon);
|
|
23
|
+
exports.BurgerMenuIcon = ForwardRef;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useContext, useMemo } from "react";
|
|
4
|
+
import get from "../utils/get.mjs";
|
|
5
|
+
import { IconContext } from "../providers/IconProvider/Context.mjs";
|
|
6
|
+
const BurgerMenuIcon = ({
|
|
7
|
+
color: defaultColor,
|
|
8
|
+
size,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => {
|
|
11
|
+
const defaultContextValues = useContext(IconContext);
|
|
12
|
+
const defaultValues = {
|
|
13
|
+
...defaultContextValues,
|
|
14
|
+
color: defaultColor ?? defaultContextValues.color,
|
|
15
|
+
fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
|
|
16
|
+
...props
|
|
17
|
+
};
|
|
18
|
+
const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
|
|
19
|
+
return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 -960 960 960", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M120-240v-80h720v80zm0-200v-80h720v80zm0-200v-80h720v80z" }) });
|
|
20
|
+
};
|
|
21
|
+
const ForwardRef = forwardRef(BurgerMenuIcon);
|
|
22
|
+
export {
|
|
23
|
+
ForwardRef as BurgerMenuIcon
|
|
24
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { SVGProps } from "react";
|
|
2
|
+
import type { IconProps } from "../types";
|
|
3
|
+
declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
4
|
+
export { ForwardRef as EditCalendarIcon };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const react = require("react");
|
|
5
|
+
const get = require("../utils/get.js");
|
|
6
|
+
const Context = require("../providers/IconProvider/Context.js");
|
|
7
|
+
const EditCalendarIcon = ({
|
|
8
|
+
color: defaultColor,
|
|
9
|
+
size,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
const defaultContextValues = react.useContext(Context.IconContext);
|
|
13
|
+
const defaultValues = {
|
|
14
|
+
...defaultContextValues,
|
|
15
|
+
color: defaultColor ?? defaultContextValues.color,
|
|
16
|
+
fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
|
|
17
|
+
...props
|
|
18
|
+
};
|
|
19
|
+
const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
|
|
20
|
+
return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 -960 960 960", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v200h-80v-40H200v400h280v80zm0-560h560v-80H200zm0 0v-80zM560-80v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q8 9 12.5 20t4.5 22-4 22.5-13 20.5L683-80zm300-263-37-37zM620-140h38l121-122-18-19-19-18-122 121zm141-141-19-18 37 37z" }) });
|
|
21
|
+
};
|
|
22
|
+
const ForwardRef = react.forwardRef(EditCalendarIcon);
|
|
23
|
+
exports.EditCalendarIcon = ForwardRef;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useContext, useMemo } from "react";
|
|
4
|
+
import get from "../utils/get.mjs";
|
|
5
|
+
import { IconContext } from "../providers/IconProvider/Context.mjs";
|
|
6
|
+
const EditCalendarIcon = ({
|
|
7
|
+
color: defaultColor,
|
|
8
|
+
size,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => {
|
|
11
|
+
const defaultContextValues = useContext(IconContext);
|
|
12
|
+
const defaultValues = {
|
|
13
|
+
...defaultContextValues,
|
|
14
|
+
color: defaultColor ?? defaultContextValues.color,
|
|
15
|
+
fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
|
|
16
|
+
...props
|
|
17
|
+
};
|
|
18
|
+
const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
|
|
19
|
+
return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 -960 960 960", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v200h-80v-40H200v400h280v80zm0-560h560v-80H200zm0 0v-80zM560-80v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q8 9 12.5 20t4.5 22-4 22.5-13 20.5L683-80zm300-263-37-37zM620-140h38l121-122-18-19-19-18-122 121zm141-141-19-18 37 37z" }) });
|
|
20
|
+
};
|
|
21
|
+
const ForwardRef = forwardRef(EditCalendarIcon);
|
|
22
|
+
export {
|
|
23
|
+
ForwardRef as EditCalendarIcon
|
|
24
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { SVGProps } from "react";
|
|
2
|
+
import type { IconProps } from "../types";
|
|
3
|
+
declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
4
|
+
export { ForwardRef as UpdateIcon };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const react = require("react");
|
|
5
|
+
const get = require("../utils/get.js");
|
|
6
|
+
const Context = require("../providers/IconProvider/Context.js");
|
|
7
|
+
const UpdateIcon = ({
|
|
8
|
+
color: defaultColor,
|
|
9
|
+
size,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
const defaultContextValues = react.useContext(Context.IconContext);
|
|
13
|
+
const defaultValues = {
|
|
14
|
+
...defaultContextValues,
|
|
15
|
+
color: defaultColor ?? defaultContextValues.color,
|
|
16
|
+
fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
|
|
17
|
+
...props
|
|
18
|
+
};
|
|
19
|
+
const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
|
|
20
|
+
return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 -960 960 960", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M480-120q-75 0-140.5-28.5t-114-77-77-114T120-480t28.5-140.5 77-114 114-77T480-840q82 0 155.5 35T760-706v-94h80v240H600v-80h110q-41-56-101-88t-129-32q-117 0-198.5 81.5T200-480t81.5 198.5T480-200q105 0 183.5-68T756-440h82q-15 137-117.5 228.5T480-120m112-192L440-464v-216h80v184l128 128z" }) });
|
|
21
|
+
};
|
|
22
|
+
const ForwardRef = react.forwardRef(UpdateIcon);
|
|
23
|
+
exports.UpdateIcon = ForwardRef;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useContext, useMemo } from "react";
|
|
4
|
+
import get from "../utils/get.mjs";
|
|
5
|
+
import { IconContext } from "../providers/IconProvider/Context.mjs";
|
|
6
|
+
const UpdateIcon = ({
|
|
7
|
+
color: defaultColor,
|
|
8
|
+
size,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => {
|
|
11
|
+
const defaultContextValues = useContext(IconContext);
|
|
12
|
+
const defaultValues = {
|
|
13
|
+
...defaultContextValues,
|
|
14
|
+
color: defaultColor ?? defaultContextValues.color,
|
|
15
|
+
fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
|
|
16
|
+
...props
|
|
17
|
+
};
|
|
18
|
+
const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
|
|
19
|
+
return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 -960 960 960", fontSize: defaultValues.fontSize, fill: color, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M480-120q-75 0-140.5-28.5t-114-77-77-114T120-480t28.5-140.5 77-114 114-77T480-840q82 0 155.5 35T760-706v-94h80v240H600v-80h110q-41-56-101-88t-129-32q-117 0-198.5 81.5T200-480t81.5 198.5T480-200q105 0 183.5-68T756-440h82q-15 137-117.5 228.5T480-120m112-192L440-464v-216h80v184l128 128z" }) });
|
|
20
|
+
};
|
|
21
|
+
const ForwardRef = forwardRef(UpdateIcon);
|
|
22
|
+
export {
|
|
23
|
+
ForwardRef as UpdateIcon
|
|
24
|
+
};
|
package/lib/icons/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export { BaseDefaultIcon } from "./BaseDefaultIcon";
|
|
|
13
13
|
export { BindersIcon } from "./BindersIcon";
|
|
14
14
|
export { BinocularsIcon } from "./BinocularsIcon";
|
|
15
15
|
export { BookmarksIcon } from "./BookmarksIcon";
|
|
16
|
+
export { BurgerMenuIcon } from "./BurgerMenuIcon";
|
|
16
17
|
export { CancelIcon } from "./CancelIcon";
|
|
17
18
|
export { CaseManagerIcon } from "./CaseManagerIcon";
|
|
18
19
|
export { CheckIcon } from "./CheckIcon";
|
|
@@ -37,6 +38,7 @@ export { DossierIcon } from "./DossierIcon";
|
|
|
37
38
|
export { DownloadIcon } from "./DownloadIcon";
|
|
38
39
|
export { DragHandleIcon } from "./DragHandleIcon";
|
|
39
40
|
export { EditIcon } from "./EditIcon";
|
|
41
|
+
export { EditCalendarIcon } from "./EditCalendarIcon";
|
|
40
42
|
export { EditSignatureIcon } from "./EditSignatureIcon";
|
|
41
43
|
export { EmptyNotificationIcon } from "./EmptyNotificationIcon";
|
|
42
44
|
export { EntityIcon } from "./EntityIcon";
|
|
@@ -106,6 +108,7 @@ export { TaskApprovedIcon } from "./TaskApprovedIcon";
|
|
|
106
108
|
export { TaskRejectedIcon } from "./TaskRejectedIcon";
|
|
107
109
|
export { TransactionsSanctionsScreeningIcon } from "./TransactionsSanctionsScreeningIcon";
|
|
108
110
|
export { TypesIcon } from "./TypesIcon";
|
|
111
|
+
export { UpdateIcon } from "./UpdateIcon";
|
|
109
112
|
export { ViewTreeIcon } from "./ViewTreeIcon";
|
|
110
113
|
export { WarningIcon } from "./WarningIcon";
|
|
111
114
|
export { WorkbenchIcon } from "./WorkbenchIcon";
|
package/lib/index.js
CHANGED
|
@@ -17,6 +17,7 @@ const BaseDefaultIcon = require("./icons/BaseDefaultIcon.js");
|
|
|
17
17
|
const BindersIcon = require("./icons/BindersIcon.js");
|
|
18
18
|
const BinocularsIcon = require("./icons/BinocularsIcon.js");
|
|
19
19
|
const BookmarksIcon = require("./icons/BookmarksIcon.js");
|
|
20
|
+
const BurgerMenuIcon = require("./icons/BurgerMenuIcon.js");
|
|
20
21
|
const CancelIcon = require("./icons/CancelIcon.js");
|
|
21
22
|
const CaseManagerIcon = require("./icons/CaseManagerIcon.js");
|
|
22
23
|
const CheckIcon = require("./icons/CheckIcon.js");
|
|
@@ -41,6 +42,7 @@ const DossierIcon = require("./icons/DossierIcon.js");
|
|
|
41
42
|
const DownloadIcon = require("./icons/DownloadIcon.js");
|
|
42
43
|
const DragHandleIcon = require("./icons/DragHandleIcon.js");
|
|
43
44
|
const EditIcon = require("./icons/EditIcon.js");
|
|
45
|
+
const EditCalendarIcon = require("./icons/EditCalendarIcon.js");
|
|
44
46
|
const EditSignatureIcon = require("./icons/EditSignatureIcon.js");
|
|
45
47
|
const EmptyNotificationIcon = require("./icons/EmptyNotificationIcon.js");
|
|
46
48
|
const EntityIcon = require("./icons/EntityIcon.js");
|
|
@@ -110,6 +112,7 @@ const TaskApprovedIcon = require("./icons/TaskApprovedIcon.js");
|
|
|
110
112
|
const TaskRejectedIcon = require("./icons/TaskRejectedIcon.js");
|
|
111
113
|
const TransactionsSanctionsScreeningIcon = require("./icons/TransactionsSanctionsScreeningIcon.js");
|
|
112
114
|
const TypesIcon = require("./icons/TypesIcon.js");
|
|
115
|
+
const UpdateIcon = require("./icons/UpdateIcon.js");
|
|
113
116
|
const ViewTreeIcon = require("./icons/ViewTreeIcon.js");
|
|
114
117
|
const WarningIcon = require("./icons/WarningIcon.js");
|
|
115
118
|
const WorkbenchIcon = require("./icons/WorkbenchIcon.js");
|
|
@@ -134,6 +137,7 @@ exports.BaseDefaultIcon = BaseDefaultIcon.BaseDefaultIcon;
|
|
|
134
137
|
exports.BindersIcon = BindersIcon.BindersIcon;
|
|
135
138
|
exports.BinocularsIcon = BinocularsIcon.BinocularsIcon;
|
|
136
139
|
exports.BookmarksIcon = BookmarksIcon.BookmarksIcon;
|
|
140
|
+
exports.BurgerMenuIcon = BurgerMenuIcon.BurgerMenuIcon;
|
|
137
141
|
exports.CancelIcon = CancelIcon.CancelIcon;
|
|
138
142
|
exports.CaseManagerIcon = CaseManagerIcon.CaseManagerIcon;
|
|
139
143
|
exports.CheckIcon = CheckIcon.CheckIcon;
|
|
@@ -158,6 +162,7 @@ exports.DossierIcon = DossierIcon.DossierIcon;
|
|
|
158
162
|
exports.DownloadIcon = DownloadIcon.DownloadIcon;
|
|
159
163
|
exports.DragHandleIcon = DragHandleIcon.DragHandleIcon;
|
|
160
164
|
exports.EditIcon = EditIcon.EditIcon;
|
|
165
|
+
exports.EditCalendarIcon = EditCalendarIcon.EditCalendarIcon;
|
|
161
166
|
exports.EditSignatureIcon = EditSignatureIcon.EditSignatureIcon;
|
|
162
167
|
exports.EmptyNotificationIcon = EmptyNotificationIcon.EmptyNotificationIcon;
|
|
163
168
|
exports.EntityIcon = EntityIcon.EntityIcon;
|
|
@@ -227,6 +232,7 @@ exports.TaskApprovedIcon = TaskApprovedIcon.TaskApprovedIcon;
|
|
|
227
232
|
exports.TaskRejectedIcon = TaskRejectedIcon.TaskRejectedIcon;
|
|
228
233
|
exports.TransactionsSanctionsScreeningIcon = TransactionsSanctionsScreeningIcon.TransactionsSanctionsScreeningIcon;
|
|
229
234
|
exports.TypesIcon = TypesIcon.TypesIcon;
|
|
235
|
+
exports.UpdateIcon = UpdateIcon.UpdateIcon;
|
|
230
236
|
exports.ViewTreeIcon = ViewTreeIcon.ViewTreeIcon;
|
|
231
237
|
exports.WarningIcon = WarningIcon.WarningIcon;
|
|
232
238
|
exports.WorkbenchIcon = WorkbenchIcon.WorkbenchIcon;
|
package/lib/index.mjs
CHANGED
|
@@ -16,6 +16,7 @@ import { BaseDefaultIcon } from "./icons/BaseDefaultIcon.mjs";
|
|
|
16
16
|
import { BindersIcon } from "./icons/BindersIcon.mjs";
|
|
17
17
|
import { BinocularsIcon } from "./icons/BinocularsIcon.mjs";
|
|
18
18
|
import { BookmarksIcon } from "./icons/BookmarksIcon.mjs";
|
|
19
|
+
import { BurgerMenuIcon } from "./icons/BurgerMenuIcon.mjs";
|
|
19
20
|
import { CancelIcon } from "./icons/CancelIcon.mjs";
|
|
20
21
|
import { CaseManagerIcon } from "./icons/CaseManagerIcon.mjs";
|
|
21
22
|
import { CheckIcon } from "./icons/CheckIcon.mjs";
|
|
@@ -40,6 +41,7 @@ import { DossierIcon } from "./icons/DossierIcon.mjs";
|
|
|
40
41
|
import { DownloadIcon } from "./icons/DownloadIcon.mjs";
|
|
41
42
|
import { DragHandleIcon } from "./icons/DragHandleIcon.mjs";
|
|
42
43
|
import { EditIcon } from "./icons/EditIcon.mjs";
|
|
44
|
+
import { EditCalendarIcon } from "./icons/EditCalendarIcon.mjs";
|
|
43
45
|
import { EditSignatureIcon } from "./icons/EditSignatureIcon.mjs";
|
|
44
46
|
import { EmptyNotificationIcon } from "./icons/EmptyNotificationIcon.mjs";
|
|
45
47
|
import { EntityIcon } from "./icons/EntityIcon.mjs";
|
|
@@ -109,6 +111,7 @@ import { TaskApprovedIcon } from "./icons/TaskApprovedIcon.mjs";
|
|
|
109
111
|
import { TaskRejectedIcon } from "./icons/TaskRejectedIcon.mjs";
|
|
110
112
|
import { TransactionsSanctionsScreeningIcon } from "./icons/TransactionsSanctionsScreeningIcon.mjs";
|
|
111
113
|
import { TypesIcon } from "./icons/TypesIcon.mjs";
|
|
114
|
+
import { UpdateIcon } from "./icons/UpdateIcon.mjs";
|
|
112
115
|
import { ViewTreeIcon } from "./icons/ViewTreeIcon.mjs";
|
|
113
116
|
import { WarningIcon } from "./icons/WarningIcon.mjs";
|
|
114
117
|
import { WorkbenchIcon } from "./icons/WorkbenchIcon.mjs";
|
|
@@ -130,6 +133,7 @@ export {
|
|
|
130
133
|
BindersIcon,
|
|
131
134
|
BinocularsIcon,
|
|
132
135
|
BookmarksIcon,
|
|
136
|
+
BurgerMenuIcon,
|
|
133
137
|
CancelIcon,
|
|
134
138
|
CaseManagerIcon,
|
|
135
139
|
CheckIcon,
|
|
@@ -153,6 +157,7 @@ export {
|
|
|
153
157
|
DossierIcon,
|
|
154
158
|
DownloadIcon,
|
|
155
159
|
DragHandleIcon,
|
|
160
|
+
EditCalendarIcon,
|
|
156
161
|
EditIcon,
|
|
157
162
|
EditSignatureIcon,
|
|
158
163
|
EmptyNotificationIcon,
|
|
@@ -226,6 +231,7 @@ export {
|
|
|
226
231
|
TaskRejectedIcon,
|
|
227
232
|
TransactionsSanctionsScreeningIcon,
|
|
228
233
|
TypesIcon,
|
|
234
|
+
UpdateIcon,
|
|
229
235
|
ViewTreeIcon,
|
|
230
236
|
WarningIcon,
|
|
231
237
|
WorkbenchIcon,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@imtf/icons",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.7.
|
|
4
|
+
"version": "0.7.4",
|
|
5
5
|
"description": "Library of icons (React components, font and svg)",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./lib/index.js",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
"sideEffects": false,
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
+
"types": "./lib/index.d.ts",
|
|
13
14
|
"import": "./lib/index.mjs",
|
|
14
|
-
"require": "./lib/index.js"
|
|
15
|
-
"types": "./lib/index.d.ts"
|
|
15
|
+
"require": "./lib/index.js"
|
|
16
16
|
},
|
|
17
17
|
"./package.json": "./package.json"
|
|
18
18
|
},
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"prettier": "@imtf/prettier-config",
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"react": "^18.0.0",
|
|
50
|
-
"react-dom": "^18.0.0"
|
|
49
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
50
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" ><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v200h-80v-40H200v400h280v80H200Zm0-560h560v-80H200v80Zm0 0v-80 80ZM560-80v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q8 9 12.5 20t4.5 22q0 11-4 22.5T903-300L683-80H560Zm300-263-37-37 37 37ZM620-140h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z"/></svg>
|
package/svg/Update.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M480-120q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q82 0 155.5 35T760-706v-94h80v240H600v-80h110q-41-56-101-88t-129-32q-117 0-198.5 81.5T200-480q0 117 81.5 198.5T480-200q105 0 183.5-68T756-440h82q-15 137-117.5 228.5T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z"/></svg>
|
package/svg/update.json
ADDED