@imtf/icons 1.0.0-beta.0 → 1.0.0-beta.1

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

package/lib/icons/ActionDeleteIcon.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 ActionDeleteIcon = ({
+  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, ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11H7v-2h10z" })
+  ] });
+};
+const ForwardRef = react.forwardRef(ActionDeleteIcon);
+exports.ActionDeleteIcon = ForwardRef;

package/lib/icons/ActionDeleteIcon.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 ActionDeleteIcon = ({
+  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, ref, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11H7v-2h10z" })
+  ] });
+};
+const ForwardRef = forwardRef(ActionDeleteIcon);
+export {
+  ForwardRef as ActionDeleteIcon
+};

package/lib/icons/index.d.ts

@@ -1,5 +1,6 @@
 export { ActionAddIcon } from "./ActionAddIcon";
 export { ActionCancelIcon } from "./ActionCancelIcon";
+export { ActionDeleteIcon } from "./ActionDeleteIcon";
 export { ActionDockToRightIcon } from "./ActionDockToRightIcon";
 export { ActionDownloadIcon } from "./ActionDownloadIcon";
 export { ActionEditIcon } from "./ActionEditIcon";

package/lib/index.js

@@ -4,6 +4,7 @@ const Context = require("./providers/IconProvider/Context.js");
 const IconSVG = require("./components/IconSVG.js");
 const ActionAddIcon = require("./icons/ActionAddIcon.js");
 const ActionCancelIcon = require("./icons/ActionCancelIcon.js");
+const ActionDeleteIcon = require("./icons/ActionDeleteIcon.js");
 const ActionDockToRightIcon = require("./icons/ActionDockToRightIcon.js");
 const ActionDownloadIcon = require("./icons/ActionDownloadIcon.js");
 const ActionEditIcon = require("./icons/ActionEditIcon.js");
@@ -176,6 +177,7 @@ exports.withIconContext = Context.withIconContext;
 exports.IconSVG = IconSVG.IconSVG;
 exports.ActionAddIcon = ActionAddIcon.ActionAddIcon;
 exports.ActionCancelIcon = ActionCancelIcon.ActionCancelIcon;
+exports.ActionDeleteIcon = ActionDeleteIcon.ActionDeleteIcon;
 exports.ActionDockToRightIcon = ActionDockToRightIcon.ActionDockToRightIcon;
 exports.ActionDownloadIcon = ActionDownloadIcon.ActionDownloadIcon;
 exports.ActionEditIcon = ActionEditIcon.ActionEditIcon;

package/lib/index.mjs

@@ -3,6 +3,7 @@ import { IconContext, withIconContext } from "./providers/IconProvider/Context.m
 import { IconSVG } from "./components/IconSVG.mjs";
 import { ActionAddIcon } from "./icons/ActionAddIcon.mjs";
 import { ActionCancelIcon } from "./icons/ActionCancelIcon.mjs";
+import { ActionDeleteIcon } from "./icons/ActionDeleteIcon.mjs";
 import { ActionDockToRightIcon } from "./icons/ActionDockToRightIcon.mjs";
 import { ActionDownloadIcon } from "./icons/ActionDownloadIcon.mjs";
 import { ActionEditIcon } from "./icons/ActionEditIcon.mjs";
@@ -172,6 +173,7 @@ import { WarningIcon } from "./icons/WarningIcon.mjs";
 export {
   ActionAddIcon,
   ActionCancelIcon,
+  ActionDeleteIcon,
   ActionDockToRightIcon,
   ActionDownloadIcon,
   ActionEditIcon,

package/package.json

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

package/svg/ActionDelete.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"/></svg>