@imtf/icons 0.7.4 → 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/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/index.d.ts

@@ -89,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";

package/lib/index.js

@@ -93,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");
@@ -213,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;

package/lib/index.mjs

@@ -92,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";
@@ -212,6 +213,7 @@ export {
   RefreshIcon,
   RegulatoryReportingIcon,
   RemoveIcon,
+  ResetSettingsIcon,
   RiskScoringIcon,
   RotateRightIcon,
   ScissorsIcon,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@imtf/icons",
   "private": false,
-  "version": "0.7.4",
+  "version": "0.8.0",
   "description": "Library of icons (React components, font and svg)",
   "type": "module",
   "main": "./lib/index.js",

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/resetSettings.json

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