@imtf/icons 1.0.0 → 1.1.0

package/lib/icons/ActionClearIcon.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 ActionClearIcon };

package/lib/icons/ActionClearIcon.js

@@ -0,0 +1,26 @@
+"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 ActionClearIcon = ({
+  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.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, "data-testid": "ActionClearIcon", ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+  ] });
+};
+const ForwardRef = react.forwardRef(ActionClearIcon);
+exports.ActionClearIcon = ForwardRef;

package/lib/icons/ActionClearIcon.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { jsxs, 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 ActionClearIcon = ({
+  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__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, "data-testid": "ActionClearIcon", ref, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+  ] });
+};
+const ForwardRef = forwardRef(ActionClearIcon);
+export {
+  ForwardRef as ActionClearIcon
+};

package/lib/icons/ActionCloseIcon.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 ActionCloseIcon };

package/lib/icons/ActionCloseIcon.js

@@ -0,0 +1,26 @@
+"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 ActionCloseIcon = ({
+  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.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, "data-testid": "ActionCloseIcon", ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+  ] });
+};
+const ForwardRef = react.forwardRef(ActionCloseIcon);
+exports.ActionCloseIcon = ForwardRef;

package/lib/icons/ActionCloseIcon.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { jsxs, 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 ActionCloseIcon = ({
+  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__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fontSize: defaultValues.fontSize, fill: color, color, "data-testid": "ActionCloseIcon", ref, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+  ] });
+};
+const ForwardRef = forwardRef(ActionCloseIcon);
+export {
+  ForwardRef as ActionCloseIcon
+};

package/lib/icons/index.d.ts

@@ -1,6 +1,8 @@
 export { ActionAddAltIcon } from "./ActionAddAltIcon";
 export { ActionAddIcon } from "./ActionAddIcon";
 export { ActionCancelIcon } from "./ActionCancelIcon";
+export { ActionClearIcon } from "./ActionClearIcon";
+export { ActionCloseIcon } from "./ActionCloseIcon";
 export { ActionDeleteIcon } from "./ActionDeleteIcon";
 export { ActionDockToRightIcon } from "./ActionDockToRightIcon";
 export { ActionDownloadIcon } from "./ActionDownloadIcon";

package/lib/index.js

@@ -5,6 +5,8 @@ const IconSVG = require("./components/IconSVG.js");
 const ActionAddAltIcon = require("./icons/ActionAddAltIcon.js");
 const ActionAddIcon = require("./icons/ActionAddIcon.js");
 const ActionCancelIcon = require("./icons/ActionCancelIcon.js");
+const ActionClearIcon = require("./icons/ActionClearIcon.js");
+const ActionCloseIcon = require("./icons/ActionCloseIcon.js");
 const ActionDeleteIcon = require("./icons/ActionDeleteIcon.js");
 const ActionDockToRightIcon = require("./icons/ActionDockToRightIcon.js");
 const ActionDownloadIcon = require("./icons/ActionDownloadIcon.js");
@@ -196,6 +198,8 @@ exports.IconSVG = IconSVG.IconSVG;
 exports.ActionAddAltIcon = ActionAddAltIcon.ActionAddAltIcon;
 exports.ActionAddIcon = ActionAddIcon.ActionAddIcon;
 exports.ActionCancelIcon = ActionCancelIcon.ActionCancelIcon;
+exports.ActionClearIcon = ActionClearIcon.ActionClearIcon;
+exports.ActionCloseIcon = ActionCloseIcon.ActionCloseIcon;
 exports.ActionDeleteIcon = ActionDeleteIcon.ActionDeleteIcon;
 exports.ActionDockToRightIcon = ActionDockToRightIcon.ActionDockToRightIcon;
 exports.ActionDownloadIcon = ActionDownloadIcon.ActionDownloadIcon;

package/lib/index.mjs

@@ -4,6 +4,8 @@ import { IconSVG } from "./components/IconSVG.mjs";
 import { ActionAddAltIcon } from "./icons/ActionAddAltIcon.mjs";
 import { ActionAddIcon } from "./icons/ActionAddIcon.mjs";
 import { ActionCancelIcon } from "./icons/ActionCancelIcon.mjs";
+import { ActionClearIcon } from "./icons/ActionClearIcon.mjs";
+import { ActionCloseIcon } from "./icons/ActionCloseIcon.mjs";
 import { ActionDeleteIcon } from "./icons/ActionDeleteIcon.mjs";
 import { ActionDockToRightIcon } from "./icons/ActionDockToRightIcon.mjs";
 import { ActionDownloadIcon } from "./icons/ActionDownloadIcon.mjs";
@@ -192,6 +194,8 @@ export {
   ActionAddAltIcon,
   ActionAddIcon,
   ActionCancelIcon,
+  ActionClearIcon,
+  ActionCloseIcon,
   ActionDeleteIcon,
   ActionDockToRightIcon,
   ActionDownloadIcon,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@imtf/icons",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "IMTF library of icons as React components and SVGs.",
   "type": "module",
   "main": "./lib/index.js",

package/svg/ActionClear.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>

package/svg/ActionClose.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>