@imtf/icons 0.7.4 → 0.9.0
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/README.md +17 -0
- package/lib/icons/AdminIcon.js +1 -1
- package/lib/icons/AdminIcon.mjs +1 -1
- package/lib/icons/DashboardIcon.js +1 -1
- package/lib/icons/DashboardIcon.mjs +1 -1
- package/lib/icons/OpenLinkIcon.d.ts +4 -0
- package/lib/icons/OpenLinkIcon.js +23 -0
- package/lib/icons/OpenLinkIcon.mjs +24 -0
- package/lib/icons/ResetSettingsIcon.d.ts +4 -0
- package/lib/icons/ResetSettingsIcon.js +23 -0
- package/lib/icons/ResetSettingsIcon.mjs +24 -0
- package/lib/icons/UploadAndContinueIcon.d.ts +4 -0
- package/lib/icons/UploadAndContinueIcon.js +23 -0
- package/lib/icons/UploadAndContinueIcon.mjs +24 -0
- package/lib/icons/UploadIcon.d.ts +4 -0
- package/lib/icons/UploadIcon.js +23 -0
- package/lib/icons/UploadIcon.mjs +24 -0
- package/lib/icons/index.d.ts +4 -0
- package/lib/index.js +8 -0
- package/lib/index.mjs +8 -0
- package/package.json +1 -1
- package/svg/Admin.svg +3 -2
- package/svg/Dashboard.svg +2 -2
- package/svg/OpenLink.svg +1 -0
- package/svg/ResetSettings.svg +1 -0
- package/svg/Upload.svg +1 -0
- package/svg/UploadAndContinue.svg +1 -0
- package/svg/admin.json +1 -1
- package/svg/openLink.json +4 -0
- package/svg/resetSettings.json +4 -0
- package/svg/upload.json +4 -0
- package/svg/uploadAndContinue.json +4 -0
package/README.md
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
# Icons
|
|
2
|
+
|
|
3
|
+
## How to add an icon ?
|
|
4
|
+
|
|
5
|
+
1. Add the `svg` file of your icon inside [/packages/icons/src/svg](/packages/icons/src/svg) using a camelCase naming.
|
|
6
|
+
2. Create a `json` file with the same name as your `svg` file (without the .svg extension of course). And use this template:
|
|
7
|
+
|
|
8
|
+
```json
|
|
9
|
+
{
|
|
10
|
+
"aliases": [], // Array of strings to add key search words in addition to the icon name
|
|
11
|
+
"description": "" // Add a good description that defines what your icon can be used for
|
|
12
|
+
}
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
3. Increase [/packages/icons/package.json](/packages/icons/package.json) minor version (e.g 1.0.0 to 1.1.0)
|
|
16
|
+
4. Run `npm install` at root level
|
|
17
|
+
5. Run `npm run prepublishOnly` inside [/packages/icons](/packages/icons) to be sure that the new icon can be packaged
|
package/lib/icons/AdminIcon.js
CHANGED
|
@@ -17,7 +17,7 @@ const AdminIcon = ({
|
|
|
17
17
|
...props
|
|
18
18
|
};
|
|
19
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
|
|
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: "m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80zm112-260q58 0 99-41t41-99-41-99-99-41q-59 0-99.5 41T342-480t40.5 99 99.5 41" }) });
|
|
21
21
|
};
|
|
22
22
|
const ForwardRef = react.forwardRef(AdminIcon);
|
|
23
23
|
exports.AdminIcon = ForwardRef;
|
package/lib/icons/AdminIcon.mjs
CHANGED
|
@@ -16,7 +16,7 @@ const AdminIcon = ({
|
|
|
16
16
|
...props
|
|
17
17
|
};
|
|
18
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
|
|
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: "m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80zm112-260q58 0 99-41t41-99-41-99-99-41q-59 0-99.5 41T342-480t40.5 99 99.5 41" }) });
|
|
20
20
|
};
|
|
21
21
|
const ForwardRef = forwardRef(AdminIcon);
|
|
22
22
|
export {
|
|
@@ -17,7 +17,7 @@ const DashboardIcon = ({
|
|
|
17
17
|
...props
|
|
18
18
|
};
|
|
19
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
|
|
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: "M520-600v-240h320v240zM120-440v-400h320v400zm400 320v-400h320v400zm-400 0v-240h320v240z" }) });
|
|
21
21
|
};
|
|
22
22
|
const ForwardRef = react.forwardRef(DashboardIcon);
|
|
23
23
|
exports.DashboardIcon = ForwardRef;
|
|
@@ -16,7 +16,7 @@ const DashboardIcon = ({
|
|
|
16
16
|
...props
|
|
17
17
|
};
|
|
18
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
|
|
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: "M520-600v-240h320v240zM120-440v-400h320v400zm400 320v-400h320v400zm-400 0v-240h320v240z" }) });
|
|
20
20
|
};
|
|
21
21
|
const ForwardRef = forwardRef(DashboardIcon);
|
|
22
22
|
export {
|
|
@@ -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 OpenLinkIcon };
|
|
@@ -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 OpenLinkIcon = ({
|
|
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-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120zm188-212-56-56 372-372H560v-80h280v280h-80v-144z" }) });
|
|
21
|
+
};
|
|
22
|
+
const ForwardRef = react.forwardRef(OpenLinkIcon);
|
|
23
|
+
exports.OpenLinkIcon = 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 OpenLinkIcon = ({
|
|
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-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120zm188-212-56-56 372-372H560v-80h280v280h-80v-144z" }) });
|
|
20
|
+
};
|
|
21
|
+
const ForwardRef = forwardRef(OpenLinkIcon);
|
|
22
|
+
export {
|
|
23
|
+
ForwardRef as OpenLinkIcon
|
|
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 ResetSettingsIcon };
|
|
@@ -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 ResetSettingsIcon = ({
|
|
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: "M520-330v-60h160v60zm60 210v-50h-60v-60h60v-50h60v160zm100-50v-60h160v60zm40-110v-160h60v50h60v60h-60v50zm111-280h-83q-26-88-99-144t-169-56q-117 0-198.5 81.5T200-480q0 72 32.5 132t87.5 98v-110h80v240H160v-80h94q-62-50-98-122.5T120-480q0-75 28.5-140.5t77-114 114-77T480-840q129 0 226.5 79.5T831-560" }) });
|
|
21
|
+
};
|
|
22
|
+
const ForwardRef = react.forwardRef(ResetSettingsIcon);
|
|
23
|
+
exports.ResetSettingsIcon = 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 ResetSettingsIcon = ({
|
|
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: "M520-330v-60h160v60zm60 210v-50h-60v-60h60v-50h60v160zm100-50v-60h160v60zm40-110v-160h60v50h60v60h-60v50zm111-280h-83q-26-88-99-144t-169-56q-117 0-198.5 81.5T200-480q0 72 32.5 132t87.5 98v-110h80v240H160v-80h94q-62-50-98-122.5T120-480q0-75 28.5-140.5t77-114 114-77T480-840q129 0 226.5 79.5T831-560" }) });
|
|
20
|
+
};
|
|
21
|
+
const ForwardRef = forwardRef(ResetSettingsIcon);
|
|
22
|
+
export {
|
|
23
|
+
ForwardRef as ResetSettingsIcon
|
|
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 UploadAndContinueIcon };
|
|
@@ -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 UploadAndContinueIcon = ({
|
|
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: "M320-200v-560l440 280z" }) });
|
|
21
|
+
};
|
|
22
|
+
const ForwardRef = react.forwardRef(UploadAndContinueIcon);
|
|
23
|
+
exports.UploadAndContinueIcon = 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 UploadAndContinueIcon = ({
|
|
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: "M320-200v-560l440 280z" }) });
|
|
20
|
+
};
|
|
21
|
+
const ForwardRef = forwardRef(UploadAndContinueIcon);
|
|
22
|
+
export {
|
|
23
|
+
ForwardRef as UploadAndContinueIcon
|
|
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 UploadIcon };
|
|
@@ -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 UploadIcon = ({
|
|
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: "M440-200h80v-167l64 64 56-57-160-160-160 160 57 56 63-63zM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80zm280-520v-200H240v640h480v-440zM240-800v200zv640z" }) });
|
|
21
|
+
};
|
|
22
|
+
const ForwardRef = react.forwardRef(UploadIcon);
|
|
23
|
+
exports.UploadIcon = 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 UploadIcon = ({
|
|
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: "M440-200h80v-167l64 64 56-57-160-160-160 160 57 56 63-63zM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80zm280-520v-200H240v640h480v-440zM240-800v200zv640z" }) });
|
|
20
|
+
};
|
|
21
|
+
const ForwardRef = forwardRef(UploadIcon);
|
|
22
|
+
export {
|
|
23
|
+
ForwardRef as UploadIcon
|
|
24
|
+
};
|
package/lib/icons/index.d.ts
CHANGED
|
@@ -77,6 +77,7 @@ export { NaturalPersonIcon } from "./NaturalPersonIcon";
|
|
|
77
77
|
export { NotFoundIcon } from "./NotFoundIcon";
|
|
78
78
|
export { NotificationIcon } from "./NotificationIcon";
|
|
79
79
|
export { NotificationsOutlineIcon } from "./NotificationsOutlineIcon";
|
|
80
|
+
export { OpenLinkIcon } from "./OpenLinkIcon";
|
|
80
81
|
export { OutgoingIcon } from "./OutgoingIcon";
|
|
81
82
|
export { PassivatedIcon } from "./PassivatedIcon";
|
|
82
83
|
export { PassiveOriginArchiveIcon } from "./PassiveOriginArchiveIcon";
|
|
@@ -89,6 +90,7 @@ export { PreviewIcon } from "./PreviewIcon";
|
|
|
89
90
|
export { RefreshIcon } from "./RefreshIcon";
|
|
90
91
|
export { RegulatoryReportingIcon } from "./RegulatoryReportingIcon";
|
|
91
92
|
export { RemoveIcon } from "./RemoveIcon";
|
|
93
|
+
export { ResetSettingsIcon } from "./ResetSettingsIcon";
|
|
92
94
|
export { RiskScoringIcon } from "./RiskScoringIcon";
|
|
93
95
|
export { RotateRightIcon } from "./RotateRightIcon";
|
|
94
96
|
export { ScissorsIcon } from "./ScissorsIcon";
|
|
@@ -109,6 +111,8 @@ export { TaskRejectedIcon } from "./TaskRejectedIcon";
|
|
|
109
111
|
export { TransactionsSanctionsScreeningIcon } from "./TransactionsSanctionsScreeningIcon";
|
|
110
112
|
export { TypesIcon } from "./TypesIcon";
|
|
111
113
|
export { UpdateIcon } from "./UpdateIcon";
|
|
114
|
+
export { UploadIcon } from "./UploadIcon";
|
|
115
|
+
export { UploadAndContinueIcon } from "./UploadAndContinueIcon";
|
|
112
116
|
export { ViewTreeIcon } from "./ViewTreeIcon";
|
|
113
117
|
export { WarningIcon } from "./WarningIcon";
|
|
114
118
|
export { WorkbenchIcon } from "./WorkbenchIcon";
|
package/lib/index.js
CHANGED
|
@@ -81,6 +81,7 @@ const NaturalPersonIcon = require("./icons/NaturalPersonIcon.js");
|
|
|
81
81
|
const NotFoundIcon = require("./icons/NotFoundIcon.js");
|
|
82
82
|
const NotificationIcon = require("./icons/NotificationIcon.js");
|
|
83
83
|
const NotificationsOutlineIcon = require("./icons/NotificationsOutlineIcon.js");
|
|
84
|
+
const OpenLinkIcon = require("./icons/OpenLinkIcon.js");
|
|
84
85
|
const OutgoingIcon = require("./icons/OutgoingIcon.js");
|
|
85
86
|
const PassivatedIcon = require("./icons/PassivatedIcon.js");
|
|
86
87
|
const PassiveOriginArchiveIcon = require("./icons/PassiveOriginArchiveIcon.js");
|
|
@@ -93,6 +94,7 @@ const PreviewIcon = require("./icons/PreviewIcon.js");
|
|
|
93
94
|
const RefreshIcon = require("./icons/RefreshIcon.js");
|
|
94
95
|
const RegulatoryReportingIcon = require("./icons/RegulatoryReportingIcon.js");
|
|
95
96
|
const RemoveIcon = require("./icons/RemoveIcon.js");
|
|
97
|
+
const ResetSettingsIcon = require("./icons/ResetSettingsIcon.js");
|
|
96
98
|
const RiskScoringIcon = require("./icons/RiskScoringIcon.js");
|
|
97
99
|
const RotateRightIcon = require("./icons/RotateRightIcon.js");
|
|
98
100
|
const ScissorsIcon = require("./icons/ScissorsIcon.js");
|
|
@@ -113,6 +115,8 @@ const TaskRejectedIcon = require("./icons/TaskRejectedIcon.js");
|
|
|
113
115
|
const TransactionsSanctionsScreeningIcon = require("./icons/TransactionsSanctionsScreeningIcon.js");
|
|
114
116
|
const TypesIcon = require("./icons/TypesIcon.js");
|
|
115
117
|
const UpdateIcon = require("./icons/UpdateIcon.js");
|
|
118
|
+
const UploadIcon = require("./icons/UploadIcon.js");
|
|
119
|
+
const UploadAndContinueIcon = require("./icons/UploadAndContinueIcon.js");
|
|
116
120
|
const ViewTreeIcon = require("./icons/ViewTreeIcon.js");
|
|
117
121
|
const WarningIcon = require("./icons/WarningIcon.js");
|
|
118
122
|
const WorkbenchIcon = require("./icons/WorkbenchIcon.js");
|
|
@@ -201,6 +205,7 @@ exports.NaturalPersonIcon = NaturalPersonIcon.NaturalPersonIcon;
|
|
|
201
205
|
exports.NotFoundIcon = NotFoundIcon.NotFoundIcon;
|
|
202
206
|
exports.NotificationIcon = NotificationIcon.NotificationIcon;
|
|
203
207
|
exports.NotificationsOutlineIcon = NotificationsOutlineIcon.NotificationsOutlineIcon;
|
|
208
|
+
exports.OpenLinkIcon = OpenLinkIcon.OpenLinkIcon;
|
|
204
209
|
exports.OutgoingIcon = OutgoingIcon.OutgoingIcon;
|
|
205
210
|
exports.PassivatedIcon = PassivatedIcon.PassivatedIcon;
|
|
206
211
|
exports.PassiveOriginArchiveIcon = PassiveOriginArchiveIcon.PassiveOriginArchiveIcon;
|
|
@@ -213,6 +218,7 @@ exports.PreviewIcon = PreviewIcon.PreviewIcon;
|
|
|
213
218
|
exports.RefreshIcon = RefreshIcon.RefreshIcon;
|
|
214
219
|
exports.RegulatoryReportingIcon = RegulatoryReportingIcon.RegulatoryReportingIcon;
|
|
215
220
|
exports.RemoveIcon = RemoveIcon.RemoveIcon;
|
|
221
|
+
exports.ResetSettingsIcon = ResetSettingsIcon.ResetSettingsIcon;
|
|
216
222
|
exports.RiskScoringIcon = RiskScoringIcon.RiskScoringIcon;
|
|
217
223
|
exports.RotateRightIcon = RotateRightIcon.RotateRightIcon;
|
|
218
224
|
exports.ScissorsIcon = ScissorsIcon.ScissorsIcon;
|
|
@@ -233,6 +239,8 @@ exports.TaskRejectedIcon = TaskRejectedIcon.TaskRejectedIcon;
|
|
|
233
239
|
exports.TransactionsSanctionsScreeningIcon = TransactionsSanctionsScreeningIcon.TransactionsSanctionsScreeningIcon;
|
|
234
240
|
exports.TypesIcon = TypesIcon.TypesIcon;
|
|
235
241
|
exports.UpdateIcon = UpdateIcon.UpdateIcon;
|
|
242
|
+
exports.UploadIcon = UploadIcon.UploadIcon;
|
|
243
|
+
exports.UploadAndContinueIcon = UploadAndContinueIcon.UploadAndContinueIcon;
|
|
236
244
|
exports.ViewTreeIcon = ViewTreeIcon.ViewTreeIcon;
|
|
237
245
|
exports.WarningIcon = WarningIcon.WarningIcon;
|
|
238
246
|
exports.WorkbenchIcon = WorkbenchIcon.WorkbenchIcon;
|
package/lib/index.mjs
CHANGED
|
@@ -80,6 +80,7 @@ import { NaturalPersonIcon } from "./icons/NaturalPersonIcon.mjs";
|
|
|
80
80
|
import { NotFoundIcon } from "./icons/NotFoundIcon.mjs";
|
|
81
81
|
import { NotificationIcon } from "./icons/NotificationIcon.mjs";
|
|
82
82
|
import { NotificationsOutlineIcon } from "./icons/NotificationsOutlineIcon.mjs";
|
|
83
|
+
import { OpenLinkIcon } from "./icons/OpenLinkIcon.mjs";
|
|
83
84
|
import { OutgoingIcon } from "./icons/OutgoingIcon.mjs";
|
|
84
85
|
import { PassivatedIcon } from "./icons/PassivatedIcon.mjs";
|
|
85
86
|
import { PassiveOriginArchiveIcon } from "./icons/PassiveOriginArchiveIcon.mjs";
|
|
@@ -92,6 +93,7 @@ import { PreviewIcon } from "./icons/PreviewIcon.mjs";
|
|
|
92
93
|
import { RefreshIcon } from "./icons/RefreshIcon.mjs";
|
|
93
94
|
import { RegulatoryReportingIcon } from "./icons/RegulatoryReportingIcon.mjs";
|
|
94
95
|
import { RemoveIcon } from "./icons/RemoveIcon.mjs";
|
|
96
|
+
import { ResetSettingsIcon } from "./icons/ResetSettingsIcon.mjs";
|
|
95
97
|
import { RiskScoringIcon } from "./icons/RiskScoringIcon.mjs";
|
|
96
98
|
import { RotateRightIcon } from "./icons/RotateRightIcon.mjs";
|
|
97
99
|
import { ScissorsIcon } from "./icons/ScissorsIcon.mjs";
|
|
@@ -112,6 +114,8 @@ import { TaskRejectedIcon } from "./icons/TaskRejectedIcon.mjs";
|
|
|
112
114
|
import { TransactionsSanctionsScreeningIcon } from "./icons/TransactionsSanctionsScreeningIcon.mjs";
|
|
113
115
|
import { TypesIcon } from "./icons/TypesIcon.mjs";
|
|
114
116
|
import { UpdateIcon } from "./icons/UpdateIcon.mjs";
|
|
117
|
+
import { UploadIcon } from "./icons/UploadIcon.mjs";
|
|
118
|
+
import { UploadAndContinueIcon } from "./icons/UploadAndContinueIcon.mjs";
|
|
115
119
|
import { ViewTreeIcon } from "./icons/ViewTreeIcon.mjs";
|
|
116
120
|
import { WarningIcon } from "./icons/WarningIcon.mjs";
|
|
117
121
|
import { WorkbenchIcon } from "./icons/WorkbenchIcon.mjs";
|
|
@@ -200,6 +204,7 @@ export {
|
|
|
200
204
|
NotFoundIcon,
|
|
201
205
|
NotificationIcon,
|
|
202
206
|
NotificationsOutlineIcon,
|
|
207
|
+
OpenLinkIcon,
|
|
203
208
|
OutgoingIcon,
|
|
204
209
|
PassivatedIcon,
|
|
205
210
|
PassiveOriginArchiveIcon,
|
|
@@ -212,6 +217,7 @@ export {
|
|
|
212
217
|
RefreshIcon,
|
|
213
218
|
RegulatoryReportingIcon,
|
|
214
219
|
RemoveIcon,
|
|
220
|
+
ResetSettingsIcon,
|
|
215
221
|
RiskScoringIcon,
|
|
216
222
|
RotateRightIcon,
|
|
217
223
|
ScissorsIcon,
|
|
@@ -232,6 +238,8 @@ export {
|
|
|
232
238
|
TransactionsSanctionsScreeningIcon,
|
|
233
239
|
TypesIcon,
|
|
234
240
|
UpdateIcon,
|
|
241
|
+
UploadAndContinueIcon,
|
|
242
|
+
UploadIcon,
|
|
235
243
|
ViewTreeIcon,
|
|
236
244
|
WarningIcon,
|
|
237
245
|
WorkbenchIcon,
|
package/package.json
CHANGED
package/svg/Admin.svg
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
2
|
-
<path
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
|
|
2
|
+
<path
|
|
3
|
+
d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm112-260q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Z" />
|
|
3
4
|
</svg>
|
package/svg/Dashboard.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
2
|
-
<path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
|
|
2
|
+
<path d="M520-600v-240h320v240H520ZM120-440v-400h320v400H120Zm400 320v-400h320v400H520Zm-400 0v-240h320v240H120Z" />
|
|
3
3
|
</svg>
|
package/svg/OpenLink.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="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M520-330v-60h160v60H520Zm60 210v-50h-60v-60h60v-50h60v160h-60Zm100-50v-60h160v60H680Zm40-110v-160h60v50h60v60h-60v50h-60Zm111-280h-83q-26-88-99-144t-169-56q-117 0-198.5 81.5T200-480q0 72 32.5 132t87.5 98v-110h80v240H160v-80h94q-62-50-98-122.5T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q129 0 226.5 79.5T831-560Z"/></svg>
|
package/svg/Upload.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="M440-200h80v-167l64 64 56-57-160-160-160 160 57 56 63-63v167ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M320-200v-560l440 280-440 280Z"/></svg>
|
package/svg/admin.json
CHANGED
package/svg/upload.json
ADDED