@imtf/icons 1.0.0-beta.1 → 1.0.0-beta.2
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/lib/icons/ActionAddAltIcon.d.ts +4 -0
- package/lib/icons/ActionAddAltIcon.js +23 -0
- package/lib/icons/ActionAddAltIcon.mjs +24 -0
- package/lib/icons/index.d.ts +1 -0
- package/lib/index.js +2 -0
- package/lib/index.mjs +2 -0
- package/package.json +1 -1
- package/svg/ActionAddAlt.json +7 -0
- package/svg/ActionAddAlt.svg +1 -0
|
@@ -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 ActionAddAltIcon };
|
|
@@ -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 ActionAddAltIcon = ({
|
|
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", fill: color, viewBox: "0 -960 960 960", fontSize: defaultValues.fontSize, color, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M440-440H200v-80h240v-240h80v240h240v80H520v240h-80z" }) });
|
|
21
|
+
};
|
|
22
|
+
const ForwardRef = react.forwardRef(ActionAddAltIcon);
|
|
23
|
+
exports.ActionAddAltIcon = 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 ActionAddAltIcon = ({
|
|
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", fill: color, viewBox: "0 -960 960 960", fontSize: defaultValues.fontSize, color, ref, ...props, children: /* @__PURE__ */ jsx("path", { d: "M440-440H200v-80h240v-240h80v240h240v80H520v240h-80z" }) });
|
|
20
|
+
};
|
|
21
|
+
const ForwardRef = forwardRef(ActionAddAltIcon);
|
|
22
|
+
export {
|
|
23
|
+
ForwardRef as ActionAddAltIcon
|
|
24
|
+
};
|
package/lib/icons/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -2,6 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
2
2
|
const IconProvider = require("./providers/IconProvider/IconProvider.js");
|
|
3
3
|
const Context = require("./providers/IconProvider/Context.js");
|
|
4
4
|
const IconSVG = require("./components/IconSVG.js");
|
|
5
|
+
const ActionAddAltIcon = require("./icons/ActionAddAltIcon.js");
|
|
5
6
|
const ActionAddIcon = require("./icons/ActionAddIcon.js");
|
|
6
7
|
const ActionCancelIcon = require("./icons/ActionCancelIcon.js");
|
|
7
8
|
const ActionDeleteIcon = require("./icons/ActionDeleteIcon.js");
|
|
@@ -175,6 +176,7 @@ exports.IconProvider = IconProvider.IconProvider;
|
|
|
175
176
|
exports.IconContext = Context.IconContext;
|
|
176
177
|
exports.withIconContext = Context.withIconContext;
|
|
177
178
|
exports.IconSVG = IconSVG.IconSVG;
|
|
179
|
+
exports.ActionAddAltIcon = ActionAddAltIcon.ActionAddAltIcon;
|
|
178
180
|
exports.ActionAddIcon = ActionAddIcon.ActionAddIcon;
|
|
179
181
|
exports.ActionCancelIcon = ActionCancelIcon.ActionCancelIcon;
|
|
180
182
|
exports.ActionDeleteIcon = ActionDeleteIcon.ActionDeleteIcon;
|
package/lib/index.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { IconProvider } from "./providers/IconProvider/IconProvider.mjs";
|
|
2
2
|
import { IconContext, withIconContext } from "./providers/IconProvider/Context.mjs";
|
|
3
3
|
import { IconSVG } from "./components/IconSVG.mjs";
|
|
4
|
+
import { ActionAddAltIcon } from "./icons/ActionAddAltIcon.mjs";
|
|
4
5
|
import { ActionAddIcon } from "./icons/ActionAddIcon.mjs";
|
|
5
6
|
import { ActionCancelIcon } from "./icons/ActionCancelIcon.mjs";
|
|
6
7
|
import { ActionDeleteIcon } from "./icons/ActionDeleteIcon.mjs";
|
|
@@ -171,6 +172,7 @@ import { ViewTableIcon } from "./icons/ViewTableIcon.mjs";
|
|
|
171
172
|
import { ViewTreeIcon } from "./icons/ViewTreeIcon.mjs";
|
|
172
173
|
import { WarningIcon } from "./icons/WarningIcon.mjs";
|
|
173
174
|
export {
|
|
175
|
+
ActionAddAltIcon,
|
|
174
176
|
ActionAddIcon,
|
|
175
177
|
ActionCancelIcon,
|
|
176
178
|
ActionDeleteIcon,
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>
|