@imtf/icons 0.7.2 → 0.8.0

package/README.md

@@ -0,0 +1,17 @@
+# Icons
+
+## How to add an icon ?
+
+1. Add the `svg` file of your icon inside [/packages/icons/src/svg](/packages/icons/src/svg) using a camelCase naming.
+2. Create a `json` file with the same name as your `svg` file (without the .svg extension of course). And use this template:
+
+```json
+{
+  "aliases": [], // Array of strings to add key search words in addition to the icon name
+  "description": "" // Add a good description that defines what your icon can be used for
+}
+```
+
+3. Increase [/packages/icons/package.json](/packages/icons/package.json) minor version (e.g 1.0.0 to 1.1.0)
+4. Run `npm install` at root level
+5. Run `npm run prepublishOnly` inside [/packages/icons](/packages/icons) to be sure that the new icon can be packaged

package/lib/components/IconSVG.d.ts

@@ -6,7 +6,7 @@ type IconSVGProps = {
      */
     size?: string | number;
     src?: string;
-    children?: ReactElement;
+    children?: ReactElement<HTMLDivElement | SVGSVGElement>;
 };
 export declare const IconSVG: import("react").ForwardRefExoticComponent<IconSVGProps & import("react").RefAttributes<HTMLDivElement | SVGSVGElement>>;
 export {};

package/lib/components/IconSVG.js

@@ -4,55 +4,57 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Context = require("../providers/IconProvider/Context.js");
 const get = require("../utils/get.js");
-const IconComponent = ({ color: defaultColor, size, src, children, ...props }, outerRef) => {
-  const innerRef = react.useRef(null);
-  react.useImperativeHandle(outerRef, () => innerRef.current, []);
-  const defaultContextValues = react.useContext(Context.IconContext);
-  const defaultValues = {
-    ...defaultContextValues,
-    color: defaultColor ?? defaultContextValues.color,
-    fontSize: size ?? defaultContextValues.size
-  };
-  const color = react.useMemo(() => {
-    const color2 = get.default(defaultValues.palette, defaultValues.color);
-    return typeof color2 === "string" ? color2 : defaultValues.color;
-  }, [defaultValues.color, defaultValues.palette]);
-  react.useEffect(() => {
-    if (innerRef.current && src && !children) {
-      const { current: wrapper } = innerRef;
-      try {
-        wrapper.innerHTML = atob(
-          src.startsWith("data") ? src.split(",")[1] : src
-        );
-        const svg = wrapper.children;
-        const path = svg[0].firstElementChild;
-        svg[0].setAttribute(
-          "font-size",
-          typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
-        );
-        svg[0].setAttribute("width", "1em");
-        svg[0].setAttribute("height", "1em");
-        path == null ? void 0 : path.setAttribute("fill", color);
-        path == null ? void 0 : path.setAttribute("color", color);
-      } catch {
+const IconSVG = react.forwardRef(
+  function IconSVG2({ color: defaultColor, size, src, children, ...props }, forwardedRef) {
+    const fallbackRef = react.useRef(void 0);
+    const ref = forwardedRef ?? fallbackRef;
+    const defaultContextValues = react.useContext(Context.IconContext);
+    const defaultValues = {
+      ...defaultContextValues,
+      color: defaultColor ?? defaultContextValues.color,
+      fontSize: size ?? defaultContextValues.size
+    };
+    const color = react.useMemo(() => {
+      const color2 = get.default(defaultValues.palette, defaultValues.color);
+      return typeof color2 === "string" ? color2 : defaultValues.color;
+    }, [defaultValues.color, defaultValues.palette]);
+    react.useEffect(() => {
+      if (ref.current && src && !children) {
+        const { current: wrapper } = ref;
+        try {
+          wrapper.innerHTML = atob(
+            src.startsWith("data") ? src.split(",")[1] : src
+          );
+          const svg = wrapper.children;
+          const path = svg[0].firstElementChild;
+          svg[0].setAttribute(
+            "font-size",
+            typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
+          );
+          svg[0].setAttribute("width", "1em");
+          svg[0].setAttribute("height", "1em");
+          path == null ? void 0 : path.setAttribute("fill", color);
+          path == null ? void 0 : path.setAttribute("color", color);
+        } catch {
+        }
       }
+    }, [color, src, children, size, defaultValues.fontSize, ref]);
+    if (children) {
+      return react.cloneElement(children, {
+        // @ts-expect-error -- This is a valid prop
+        fill: color,
+        color,
+        fontSize: defaultValues.fontSize,
+        width: "1em",
+        height: "1em",
+        ref,
+        ...props
+      });
     }
-  }, [color, src, children, size, defaultValues.fontSize]);
-  if (children) {
-    return react.cloneElement(children, {
-      fill: color,
-      color,
-      fontSize: defaultValues.fontSize,
-      width: "1em",
-      height: "1em",
-      ref: innerRef,
-      ...props
-    });
-  }
-  if (src) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: innerRef });
+    if (src) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref });
+    }
+    return null;
   }
-  return null;
-};
-const IconSVG = react.forwardRef(IconComponent);
+);
 exports.IconSVG = IconSVG;

package/lib/components/IconSVG.mjs

@@ -1,59 +1,61 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useImperativeHandle, useContext, useMemo, useEffect, cloneElement } from "react";
+import { forwardRef, useRef, useContext, useMemo, useEffect, cloneElement } from "react";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 import get from "../utils/get.mjs";
-const IconComponent = ({ color: defaultColor, size, src, children, ...props }, outerRef) => {
-  const innerRef = useRef(null);
-  useImperativeHandle(outerRef, () => innerRef.current, []);
-  const defaultContextValues = useContext(IconContext);
-  const defaultValues = {
-    ...defaultContextValues,
-    color: defaultColor ?? defaultContextValues.color,
-    fontSize: size ?? defaultContextValues.size
-  };
-  const color = useMemo(() => {
-    const color2 = get(defaultValues.palette, defaultValues.color);
-    return typeof color2 === "string" ? color2 : defaultValues.color;
-  }, [defaultValues.color, defaultValues.palette]);
-  useEffect(() => {
-    if (innerRef.current && src && !children) {
-      const { current: wrapper } = innerRef;
-      try {
-        wrapper.innerHTML = atob(
-          src.startsWith("data") ? src.split(",")[1] : src
-        );
-        const svg = wrapper.children;
-        const path = svg[0].firstElementChild;
-        svg[0].setAttribute(
-          "font-size",
-          typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
-        );
-        svg[0].setAttribute("width", "1em");
-        svg[0].setAttribute("height", "1em");
-        path == null ? void 0 : path.setAttribute("fill", color);
-        path == null ? void 0 : path.setAttribute("color", color);
-      } catch {
+const IconSVG = forwardRef(
+  function IconSVG2({ color: defaultColor, size, src, children, ...props }, forwardedRef) {
+    const fallbackRef = useRef(void 0);
+    const ref = forwardedRef ?? fallbackRef;
+    const defaultContextValues = useContext(IconContext);
+    const defaultValues = {
+      ...defaultContextValues,
+      color: defaultColor ?? defaultContextValues.color,
+      fontSize: size ?? defaultContextValues.size
+    };
+    const color = useMemo(() => {
+      const color2 = get(defaultValues.palette, defaultValues.color);
+      return typeof color2 === "string" ? color2 : defaultValues.color;
+    }, [defaultValues.color, defaultValues.palette]);
+    useEffect(() => {
+      if (ref.current && src && !children) {
+        const { current: wrapper } = ref;
+        try {
+          wrapper.innerHTML = atob(
+            src.startsWith("data") ? src.split(",")[1] : src
+          );
+          const svg = wrapper.children;
+          const path = svg[0].firstElementChild;
+          svg[0].setAttribute(
+            "font-size",
+            typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
+          );
+          svg[0].setAttribute("width", "1em");
+          svg[0].setAttribute("height", "1em");
+          path == null ? void 0 : path.setAttribute("fill", color);
+          path == null ? void 0 : path.setAttribute("color", color);
+        } catch {
+        }
       }
+    }, [color, src, children, size, defaultValues.fontSize, ref]);
+    if (children) {
+      return cloneElement(children, {
+        // @ts-expect-error -- This is a valid prop
+        fill: color,
+        color,
+        fontSize: defaultValues.fontSize,
+        width: "1em",
+        height: "1em",
+        ref,
+        ...props
+      });
     }
-  }, [color, src, children, size, defaultValues.fontSize]);
-  if (children) {
-    return cloneElement(children, {
-      fill: color,
-      color,
-      fontSize: defaultValues.fontSize,
-      width: "1em",
-      height: "1em",
-      ref: innerRef,
-      ...props
-    });
-  }
-  if (src) {
-    return /* @__PURE__ */ jsx("div", { ref: innerRef });
+    if (src) {
+      return /* @__PURE__ */ jsx("div", { ref });
+    }
+    return null;
   }
-  return null;
-};
-const IconSVG = forwardRef(IconComponent);
+);
 export {
   IconSVG
 };

package/lib/icons/BurgerMenuIcon.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import type { IconProps } from "../types";
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as BurgerMenuIcon };

package/lib/icons/BurgerMenuIcon.js

@@ -0,0 +1,23 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const get = require("../utils/get.js");
+const Context = require("../providers/IconProvider/Context.js");
+const BurgerMenuIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
+    ...props
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  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" }) });
+};
+const ForwardRef = react.forwardRef(BurgerMenuIcon);
+exports.BurgerMenuIcon = ForwardRef;

package/lib/icons/BurgerMenuIcon.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useContext, useMemo } from "react";
+import get from "../utils/get.mjs";
+import { IconContext } from "../providers/IconProvider/Context.mjs";
+const BurgerMenuIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  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" }) });
+};
+const ForwardRef = forwardRef(BurgerMenuIcon);
+export {
+  ForwardRef as BurgerMenuIcon
+};

package/lib/icons/EditCalendarIcon.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import type { IconProps } from "../types";
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as EditCalendarIcon };

package/lib/icons/EditCalendarIcon.js

@@ -0,0 +1,23 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const get = require("../utils/get.js");
+const Context = require("../providers/IconProvider/Context.js");
+const EditCalendarIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
+    ...props
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  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" }) });
+};
+const ForwardRef = react.forwardRef(EditCalendarIcon);
+exports.EditCalendarIcon = ForwardRef;

package/lib/icons/EditCalendarIcon.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useContext, useMemo } from "react";
+import get from "../utils/get.mjs";
+import { IconContext } from "../providers/IconProvider/Context.mjs";
+const EditCalendarIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  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" }) });
+};
+const ForwardRef = forwardRef(EditCalendarIcon);
+export {
+  ForwardRef as EditCalendarIcon
+};

package/lib/icons/ResetSettingsIcon.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import type { IconProps } from "../types";
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as ResetSettingsIcon };

package/lib/icons/ResetSettingsIcon.js

@@ -0,0 +1,23 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const get = require("../utils/get.js");
+const Context = require("../providers/IconProvider/Context.js");
+const ResetSettingsIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
+    ...props
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  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" }) });
+};
+const ForwardRef = react.forwardRef(ResetSettingsIcon);
+exports.ResetSettingsIcon = ForwardRef;

package/lib/icons/ResetSettingsIcon.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useContext, useMemo } from "react";
+import get from "../utils/get.mjs";
+import { IconContext } from "../providers/IconProvider/Context.mjs";
+const ResetSettingsIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  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" }) });
+};
+const ForwardRef = forwardRef(ResetSettingsIcon);
+export {
+  ForwardRef as ResetSettingsIcon
+};

package/lib/icons/UpdateIcon.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import type { IconProps } from "../types";
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as UpdateIcon };

package/lib/icons/UpdateIcon.js

@@ -0,0 +1,23 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const get = require("../utils/get.js");
+const Context = require("../providers/IconProvider/Context.js");
+const UpdateIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = react.useContext(Context.IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
+    ...props
+  };
+  const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  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" }) });
+};
+const ForwardRef = react.forwardRef(UpdateIcon);
+exports.UpdateIcon = ForwardRef;

package/lib/icons/UpdateIcon.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useContext, useMemo } from "react";
+import get from "../utils/get.mjs";
+import { IconContext } from "../providers/IconProvider/Context.mjs";
+const UpdateIcon = ({
+  color: defaultColor,
+  size,
+  ...props
+}, ref) => {
+  const defaultContextValues = useContext(IconContext);
+  const defaultValues = {
+    ...defaultContextValues,
+    color: defaultColor ?? defaultContextValues.color,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
+    ...props
+  };
+  const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);
+  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" }) });
+};
+const ForwardRef = forwardRef(UpdateIcon);
+export {
+  ForwardRef as UpdateIcon
+};

package/lib/icons/index.d.ts

@@ -13,6 +13,7 @@ export { BaseDefaultIcon } from "./BaseDefaultIcon";
 export { BindersIcon } from "./BindersIcon";
 export { BinocularsIcon } from "./BinocularsIcon";
 export { BookmarksIcon } from "./BookmarksIcon";
+export { BurgerMenuIcon } from "./BurgerMenuIcon";
 export { CancelIcon } from "./CancelIcon";
 export { CaseManagerIcon } from "./CaseManagerIcon";
 export { CheckIcon } from "./CheckIcon";
@@ -37,6 +38,7 @@ export { DossierIcon } from "./DossierIcon";
 export { DownloadIcon } from "./DownloadIcon";
 export { DragHandleIcon } from "./DragHandleIcon";
 export { EditIcon } from "./EditIcon";
+export { EditCalendarIcon } from "./EditCalendarIcon";
 export { EditSignatureIcon } from "./EditSignatureIcon";
 export { EmptyNotificationIcon } from "./EmptyNotificationIcon";
 export { EntityIcon } from "./EntityIcon";
@@ -87,6 +89,7 @@ export { PreviewIcon } from "./PreviewIcon";
 export { RefreshIcon } from "./RefreshIcon";
 export { RegulatoryReportingIcon } from "./RegulatoryReportingIcon";
 export { RemoveIcon } from "./RemoveIcon";
+export { ResetSettingsIcon } from "./ResetSettingsIcon";
 export { RiskScoringIcon } from "./RiskScoringIcon";
 export { RotateRightIcon } from "./RotateRightIcon";
 export { ScissorsIcon } from "./ScissorsIcon";
@@ -106,6 +109,7 @@ export { TaskApprovedIcon } from "./TaskApprovedIcon";
 export { TaskRejectedIcon } from "./TaskRejectedIcon";
 export { TransactionsSanctionsScreeningIcon } from "./TransactionsSanctionsScreeningIcon";
 export { TypesIcon } from "./TypesIcon";
+export { UpdateIcon } from "./UpdateIcon";
 export { ViewTreeIcon } from "./ViewTreeIcon";
 export { WarningIcon } from "./WarningIcon";
 export { WorkbenchIcon } from "./WorkbenchIcon";

package/lib/index.js

@@ -17,6 +17,7 @@ const BaseDefaultIcon = require("./icons/BaseDefaultIcon.js");
 const BindersIcon = require("./icons/BindersIcon.js");
 const BinocularsIcon = require("./icons/BinocularsIcon.js");
 const BookmarksIcon = require("./icons/BookmarksIcon.js");
+const BurgerMenuIcon = require("./icons/BurgerMenuIcon.js");
 const CancelIcon = require("./icons/CancelIcon.js");
 const CaseManagerIcon = require("./icons/CaseManagerIcon.js");
 const CheckIcon = require("./icons/CheckIcon.js");
@@ -41,6 +42,7 @@ const DossierIcon = require("./icons/DossierIcon.js");
 const DownloadIcon = require("./icons/DownloadIcon.js");
 const DragHandleIcon = require("./icons/DragHandleIcon.js");
 const EditIcon = require("./icons/EditIcon.js");
+const EditCalendarIcon = require("./icons/EditCalendarIcon.js");
 const EditSignatureIcon = require("./icons/EditSignatureIcon.js");
 const EmptyNotificationIcon = require("./icons/EmptyNotificationIcon.js");
 const EntityIcon = require("./icons/EntityIcon.js");
@@ -91,6 +93,7 @@ const PreviewIcon = require("./icons/PreviewIcon.js");
 const RefreshIcon = require("./icons/RefreshIcon.js");
 const RegulatoryReportingIcon = require("./icons/RegulatoryReportingIcon.js");
 const RemoveIcon = require("./icons/RemoveIcon.js");
+const ResetSettingsIcon = require("./icons/ResetSettingsIcon.js");
 const RiskScoringIcon = require("./icons/RiskScoringIcon.js");
 const RotateRightIcon = require("./icons/RotateRightIcon.js");
 const ScissorsIcon = require("./icons/ScissorsIcon.js");
@@ -110,6 +113,7 @@ const TaskApprovedIcon = require("./icons/TaskApprovedIcon.js");
 const TaskRejectedIcon = require("./icons/TaskRejectedIcon.js");
 const TransactionsSanctionsScreeningIcon = require("./icons/TransactionsSanctionsScreeningIcon.js");
 const TypesIcon = require("./icons/TypesIcon.js");
+const UpdateIcon = require("./icons/UpdateIcon.js");
 const ViewTreeIcon = require("./icons/ViewTreeIcon.js");
 const WarningIcon = require("./icons/WarningIcon.js");
 const WorkbenchIcon = require("./icons/WorkbenchIcon.js");
@@ -134,6 +138,7 @@ exports.BaseDefaultIcon = BaseDefaultIcon.BaseDefaultIcon;
 exports.BindersIcon = BindersIcon.BindersIcon;
 exports.BinocularsIcon = BinocularsIcon.BinocularsIcon;
 exports.BookmarksIcon = BookmarksIcon.BookmarksIcon;
+exports.BurgerMenuIcon = BurgerMenuIcon.BurgerMenuIcon;
 exports.CancelIcon = CancelIcon.CancelIcon;
 exports.CaseManagerIcon = CaseManagerIcon.CaseManagerIcon;
 exports.CheckIcon = CheckIcon.CheckIcon;
@@ -158,6 +163,7 @@ exports.DossierIcon = DossierIcon.DossierIcon;
 exports.DownloadIcon = DownloadIcon.DownloadIcon;
 exports.DragHandleIcon = DragHandleIcon.DragHandleIcon;
 exports.EditIcon = EditIcon.EditIcon;
+exports.EditCalendarIcon = EditCalendarIcon.EditCalendarIcon;
 exports.EditSignatureIcon = EditSignatureIcon.EditSignatureIcon;
 exports.EmptyNotificationIcon = EmptyNotificationIcon.EmptyNotificationIcon;
 exports.EntityIcon = EntityIcon.EntityIcon;
@@ -208,6 +214,7 @@ exports.PreviewIcon = PreviewIcon.PreviewIcon;
 exports.RefreshIcon = RefreshIcon.RefreshIcon;
 exports.RegulatoryReportingIcon = RegulatoryReportingIcon.RegulatoryReportingIcon;
 exports.RemoveIcon = RemoveIcon.RemoveIcon;
+exports.ResetSettingsIcon = ResetSettingsIcon.ResetSettingsIcon;
 exports.RiskScoringIcon = RiskScoringIcon.RiskScoringIcon;
 exports.RotateRightIcon = RotateRightIcon.RotateRightIcon;
 exports.ScissorsIcon = ScissorsIcon.ScissorsIcon;
@@ -227,6 +234,7 @@ exports.TaskApprovedIcon = TaskApprovedIcon.TaskApprovedIcon;
 exports.TaskRejectedIcon = TaskRejectedIcon.TaskRejectedIcon;
 exports.TransactionsSanctionsScreeningIcon = TransactionsSanctionsScreeningIcon.TransactionsSanctionsScreeningIcon;
 exports.TypesIcon = TypesIcon.TypesIcon;
+exports.UpdateIcon = UpdateIcon.UpdateIcon;
 exports.ViewTreeIcon = ViewTreeIcon.ViewTreeIcon;
 exports.WarningIcon = WarningIcon.WarningIcon;
 exports.WorkbenchIcon = WorkbenchIcon.WorkbenchIcon;

package/lib/index.mjs

@@ -16,6 +16,7 @@ import { BaseDefaultIcon } from "./icons/BaseDefaultIcon.mjs";
 import { BindersIcon } from "./icons/BindersIcon.mjs";
 import { BinocularsIcon } from "./icons/BinocularsIcon.mjs";
 import { BookmarksIcon } from "./icons/BookmarksIcon.mjs";
+import { BurgerMenuIcon } from "./icons/BurgerMenuIcon.mjs";
 import { CancelIcon } from "./icons/CancelIcon.mjs";
 import { CaseManagerIcon } from "./icons/CaseManagerIcon.mjs";
 import { CheckIcon } from "./icons/CheckIcon.mjs";
@@ -40,6 +41,7 @@ import { DossierIcon } from "./icons/DossierIcon.mjs";
 import { DownloadIcon } from "./icons/DownloadIcon.mjs";
 import { DragHandleIcon } from "./icons/DragHandleIcon.mjs";
 import { EditIcon } from "./icons/EditIcon.mjs";
+import { EditCalendarIcon } from "./icons/EditCalendarIcon.mjs";
 import { EditSignatureIcon } from "./icons/EditSignatureIcon.mjs";
 import { EmptyNotificationIcon } from "./icons/EmptyNotificationIcon.mjs";
 import { EntityIcon } from "./icons/EntityIcon.mjs";
@@ -90,6 +92,7 @@ import { PreviewIcon } from "./icons/PreviewIcon.mjs";
 import { RefreshIcon } from "./icons/RefreshIcon.mjs";
 import { RegulatoryReportingIcon } from "./icons/RegulatoryReportingIcon.mjs";
 import { RemoveIcon } from "./icons/RemoveIcon.mjs";
+import { ResetSettingsIcon } from "./icons/ResetSettingsIcon.mjs";
 import { RiskScoringIcon } from "./icons/RiskScoringIcon.mjs";
 import { RotateRightIcon } from "./icons/RotateRightIcon.mjs";
 import { ScissorsIcon } from "./icons/ScissorsIcon.mjs";
@@ -109,6 +112,7 @@ import { TaskApprovedIcon } from "./icons/TaskApprovedIcon.mjs";
 import { TaskRejectedIcon } from "./icons/TaskRejectedIcon.mjs";
 import { TransactionsSanctionsScreeningIcon } from "./icons/TransactionsSanctionsScreeningIcon.mjs";
 import { TypesIcon } from "./icons/TypesIcon.mjs";
+import { UpdateIcon } from "./icons/UpdateIcon.mjs";
 import { ViewTreeIcon } from "./icons/ViewTreeIcon.mjs";
 import { WarningIcon } from "./icons/WarningIcon.mjs";
 import { WorkbenchIcon } from "./icons/WorkbenchIcon.mjs";
@@ -130,6 +134,7 @@ export {
   BindersIcon,
   BinocularsIcon,
   BookmarksIcon,
+  BurgerMenuIcon,
   CancelIcon,
   CaseManagerIcon,
   CheckIcon,
@@ -153,6 +158,7 @@ export {
   DossierIcon,
   DownloadIcon,
   DragHandleIcon,
+  EditCalendarIcon,
   EditIcon,
   EditSignatureIcon,
   EmptyNotificationIcon,
@@ -207,6 +213,7 @@ export {
   RefreshIcon,
   RegulatoryReportingIcon,
   RemoveIcon,
+  ResetSettingsIcon,
   RiskScoringIcon,
   RotateRightIcon,
   ScissorsIcon,
@@ -226,6 +233,7 @@ export {
   TaskRejectedIcon,
   TransactionsSanctionsScreeningIcon,
   TypesIcon,
+  UpdateIcon,
   ViewTreeIcon,
   WarningIcon,
   WorkbenchIcon,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@imtf/icons",
   "private": false,
-  "version": "0.7.2",
+  "version": "0.8.0",
   "description": "Library of icons (React components, font and svg)",
   "type": "module",
   "main": "./lib/index.js",
@@ -10,9 +10,9 @@
   "sideEffects": false,
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.mjs",
-      "require": "./lib/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib/index.js"
     },
     "./package.json": "./package.json"
   },

package/svg/BurgerMenu.svg

@@ -0,0 +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>

package/svg/EditCalendar.svg

@@ -0,0 +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/ResetSettings.svg

@@ -0,0 +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/Update.svg

@@ -0,0 +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/burgerMenu.json

@@ -0,0 +1,4 @@
+{
+  "aliases": [],
+  "description": "AppBar menu icon"
+}

package/svg/editCalendar.json

@@ -0,0 +1,4 @@
+{
+  "aliases": [],
+  "description": ""
+}

package/svg/resetSettings.json

@@ -0,0 +1,4 @@
+{
+  "aliases": ["reset", "settings"],
+  "description": "Reset settings"
+}

package/svg/update.json

@@ -0,0 +1,4 @@
+{
+  "aliases": [],
+  "description": ""
+}