magick-icons 0.1.41 → 0.1.43
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/README.md +116 -0
- package/index.d.mts +7 -25
- package/index.d.ts +7 -25
- package/index.js +11 -20
- package/index.js.map +1 -1
- package/index.mjs +10 -18
- package/index.mjs.map +1 -1
- package/package.json +26 -2
- package/icons/ChatFullScreen.tsx +0 -31
- package/icons/Finance.tsx +0 -32
- package/index.ts +0 -26
- package/types.ts +0 -11
package/README.md
ADDED
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
# Magick Icons
|
|
2
|
+
|
|
3
|
+
SVG React icon components with TypeScript support.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install magick-icons
|
|
9
|
+
# or
|
|
10
|
+
pnpm add magick-icons
|
|
11
|
+
# or
|
|
12
|
+
yarn add magick-icons
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import { ChatFullScreen, Finance } from 'magick-icons';
|
|
19
|
+
|
|
20
|
+
function App() {
|
|
21
|
+
return (
|
|
22
|
+
<div>
|
|
23
|
+
<ChatFullScreen size={24} className="text-blue-500" />
|
|
24
|
+
<Finance size={32} color="red" />
|
|
25
|
+
</div>
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Available Icons
|
|
31
|
+
|
|
32
|
+
- `ChatFullScreen`
|
|
33
|
+
- `Finance`
|
|
34
|
+
|
|
35
|
+
## Props
|
|
36
|
+
|
|
37
|
+
All icons accept standard SVG props plus:
|
|
38
|
+
|
|
39
|
+
```tsx
|
|
40
|
+
interface IconProps extends React.SVGProps<SVGSVGElement> {
|
|
41
|
+
size?: number | string; // Default: 24
|
|
42
|
+
}
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
## Examples
|
|
46
|
+
|
|
47
|
+
### Basic Usage
|
|
48
|
+
```tsx
|
|
49
|
+
<ChatFullScreen />
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
### Custom Size
|
|
53
|
+
```tsx
|
|
54
|
+
<ChatFullScreen size={48} />
|
|
55
|
+
<ChatFullScreen size="2rem" />
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
### Custom Styling
|
|
59
|
+
```tsx
|
|
60
|
+
<ChatFullScreen
|
|
61
|
+
className="text-blue-500 hover:text-blue-700"
|
|
62
|
+
style={{ cursor: 'pointer' }}
|
|
63
|
+
/>
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
### With Props
|
|
67
|
+
```tsx
|
|
68
|
+
<Finance
|
|
69
|
+
size={32}
|
|
70
|
+
color="currentColor"
|
|
71
|
+
onClick={() => console.log('clicked')}
|
|
72
|
+
aria-label="Finance icon"
|
|
73
|
+
/>
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
## TypeScript
|
|
77
|
+
|
|
78
|
+
Full TypeScript support with prop types:
|
|
79
|
+
|
|
80
|
+
```tsx
|
|
81
|
+
import { ChatFullScreen, ChatFullScreenProps } from 'magick-icons';
|
|
82
|
+
|
|
83
|
+
const props: ChatFullScreenProps = {
|
|
84
|
+
size: 24,
|
|
85
|
+
className: "icon",
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
<ChatFullScreen {...props} />
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
## IDE Autocomplete
|
|
92
|
+
|
|
93
|
+
### VS Code
|
|
94
|
+
Enable auto-imports in settings:
|
|
95
|
+
- `typescript.suggest.autoImports`: true
|
|
96
|
+
- `javascript.suggest.autoImports`: true
|
|
97
|
+
|
|
98
|
+
Then type `<ChatFullScreen` and accept the suggestion to auto-import.
|
|
99
|
+
|
|
100
|
+
### Manual Import
|
|
101
|
+
Type the import first for autocomplete:
|
|
102
|
+
```tsx
|
|
103
|
+
import { ChatFullScreen } from 'magick-icons';
|
|
104
|
+
// Now typing <Chat will autocomplete
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
## Updating
|
|
108
|
+
|
|
109
|
+
To get the latest icons:
|
|
110
|
+
```bash
|
|
111
|
+
pnpm add magick-icons@latest
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
## License
|
|
115
|
+
|
|
116
|
+
MIT
|
package/index.d.mts
CHANGED
|
@@ -1,39 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
|
-
* Props for the
|
|
4
|
+
* Props for the Frame icon component
|
|
5
5
|
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
6
6
|
*/
|
|
7
|
-
interface
|
|
7
|
+
interface FrameProps extends React.SVGProps<SVGSVGElement> {
|
|
8
8
|
size?: number | string;
|
|
9
9
|
}
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Frame icon component
|
|
12
12
|
* @example
|
|
13
13
|
* ```tsx
|
|
14
|
-
* import {
|
|
14
|
+
* import { Frame } from 'magick-icons';
|
|
15
15
|
*
|
|
16
|
-
* <
|
|
16
|
+
* <Frame size={24} className="text-blue-500" />
|
|
17
17
|
* ```
|
|
18
18
|
*/
|
|
19
|
-
declare const
|
|
19
|
+
declare const Frame: React.ForwardRefExoticComponent<Omit<FrameProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
* Props for the Finance icon component
|
|
23
|
-
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
24
|
-
*/
|
|
25
|
-
interface FinanceProps extends React.SVGProps<SVGSVGElement> {
|
|
26
|
-
size?: number | string;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Finance icon component
|
|
30
|
-
* @example
|
|
31
|
-
* ```tsx
|
|
32
|
-
* import { Finance } from 'magick-icons';
|
|
33
|
-
*
|
|
34
|
-
* <Finance size={24} className="text-blue-500" />
|
|
35
|
-
* ```
|
|
36
|
-
*/
|
|
37
|
-
declare const Finance: React.ForwardRefExoticComponent<Omit<FinanceProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
38
|
-
|
|
39
|
-
export { ChatFullScreen, type ChatFullScreenProps, Finance, type FinanceProps };
|
|
21
|
+
export { Frame, type FrameProps };
|
package/index.d.ts
CHANGED
|
@@ -1,39 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
|
-
* Props for the
|
|
4
|
+
* Props for the Frame icon component
|
|
5
5
|
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
6
6
|
*/
|
|
7
|
-
interface
|
|
7
|
+
interface FrameProps extends React.SVGProps<SVGSVGElement> {
|
|
8
8
|
size?: number | string;
|
|
9
9
|
}
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Frame icon component
|
|
12
12
|
* @example
|
|
13
13
|
* ```tsx
|
|
14
|
-
* import {
|
|
14
|
+
* import { Frame } from 'magick-icons';
|
|
15
15
|
*
|
|
16
|
-
* <
|
|
16
|
+
* <Frame size={24} className="text-blue-500" />
|
|
17
17
|
* ```
|
|
18
18
|
*/
|
|
19
|
-
declare const
|
|
19
|
+
declare const Frame: React.ForwardRefExoticComponent<Omit<FrameProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
* Props for the Finance icon component
|
|
23
|
-
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
24
|
-
*/
|
|
25
|
-
interface FinanceProps extends React.SVGProps<SVGSVGElement> {
|
|
26
|
-
size?: number | string;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Finance icon component
|
|
30
|
-
* @example
|
|
31
|
-
* ```tsx
|
|
32
|
-
* import { Finance } from 'magick-icons';
|
|
33
|
-
*
|
|
34
|
-
* <Finance size={24} className="text-blue-500" />
|
|
35
|
-
* ```
|
|
36
|
-
*/
|
|
37
|
-
declare const Finance: React.ForwardRefExoticComponent<Omit<FinanceProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
38
|
-
|
|
39
|
-
export { ChatFullScreen, type ChatFullScreenProps, Finance, type FinanceProps };
|
|
21
|
+
export { Frame, type FrameProps };
|
package/index.js
CHANGED
|
@@ -30,36 +30,27 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
30
30
|
// dist/index.ts
|
|
31
31
|
var index_exports = {};
|
|
32
32
|
__export(index_exports, {
|
|
33
|
-
|
|
34
|
-
Finance: () => Finance
|
|
33
|
+
Frame: () => Frame
|
|
35
34
|
});
|
|
36
35
|
module.exports = __toCommonJS(index_exports);
|
|
37
36
|
|
|
38
|
-
// dist/icons/
|
|
37
|
+
// dist/icons/Frame.tsx
|
|
39
38
|
var import_react = __toESM(require("react"));
|
|
40
39
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
41
|
-
var
|
|
40
|
+
var Frame = import_react.default.forwardRef(
|
|
42
41
|
({ size, ...props }, ref) => {
|
|
43
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
|
|
44
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
45
|
-
|
|
42
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", children: [
|
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "#000", "clip-path": "url(#clip0_7_897)", children: [
|
|
44
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16.734 9.079a1.09 1.09 0 1 0-1.488-1.596l-3.192 2.976-2.976-3.194a1.09 1.09 0 0 0-1.595 1.488l2.977 3.192-3.194 2.976a1.09 1.09 0 1 0 1.488 1.595l3.192-2.974 2.976 3.191a1.091 1.091 0 1 0 1.595-1.487l-2.975-3.191z" }),
|
|
45
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { "fill-rule": "evenodd", d: "M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m12 9.818a9.819 9.819 0 1 1 0-19.637 9.819 9.819 0 0 1 0 19.637", "clip-rule": "evenodd" })
|
|
46
|
+
] }),
|
|
47
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_7_897", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
|
|
46
48
|
] });
|
|
47
49
|
}
|
|
48
50
|
);
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
// dist/icons/Finance.tsx
|
|
52
|
-
var import_react2 = __toESM(require("react"));
|
|
53
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
54
|
-
var Finance = import_react2.default.forwardRef(
|
|
55
|
-
({ size, ...props }, ref) => {
|
|
56
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { id: "Finance", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { id: "Vector", d: "M10.9996 4.99749C10.9408 4.99749 10.8823 4.99903 10.824 5.00136V2.94566C10.824 2.50074 10.5509 1.87789 9.2496 1.43718C8.41714 1.15525 7.32084 1 6.16265 1C5.00392 1 3.90725 1.15525 3.07464 1.43718C1.77318 1.87785 1.5 2.50072 1.5 2.94566V12.3543C1.5 12.7993 1.77318 13.4222 3.07464 13.8628C3.90723 14.1448 5.00392 14.3 6.16265 14.3C7.28449 14.3 8.3372 14.1559 9.15889 13.8927C9.72106 14.1543 10.3442 14.3 10.9996 14.3C13.4811 14.3 15.5 12.2137 15.5 9.64937C15.5 7.08431 13.4811 4.99749 10.9996 4.99749ZM8.28661 5.94091C7.65698 6.07905 6.92556 6.15196 6.16265 6.15196C5.19571 6.15196 4.27177 6.03386 3.56101 5.81939C2.83782 5.60117 2.59244 5.36146 2.5566 5.28512V4.24485C2.70802 4.31787 2.87956 4.38809 3.07464 4.45414C3.90723 4.73605 5.00392 4.8913 6.16265 4.8913C7.32086 4.8913 8.41714 4.73604 9.2496 4.45412C9.4446 4.38808 9.61608 4.31788 9.76745 4.24488V5.17483C9.22532 5.33465 8.72479 5.59738 8.28661 5.94091ZM2.5566 8.9492C2.70802 9.02223 2.87956 9.09244 3.07464 9.15849C3.90723 9.4404 5.00392 9.59565 6.16265 9.59565C6.27576 9.59565 6.38859 9.59366 6.50112 9.59074C6.50089 9.61029 6.5004 9.62977 6.5004 9.64938C6.5004 10.0627 6.55311 10.4635 6.65147 10.8452C6.48951 10.8521 6.32652 10.8563 6.16264 10.8563C5.19571 10.8563 4.27174 10.7382 3.561 10.5237C2.8378 10.3055 2.59243 10.0658 2.55659 9.98947L2.5566 8.9492ZM6.64099 8.4937C6.48267 8.50002 6.32289 8.50349 6.16265 8.50349C5.19571 8.50349 4.27177 8.38539 3.56101 8.17092C2.83782 7.9527 2.59244 7.71299 2.5566 7.63665V6.59767C2.70802 6.67069 2.87956 6.74091 3.07464 6.80696C3.90723 7.08887 5.00392 7.24412 6.16265 7.24412C6.50648 7.24412 6.8454 7.23022 7.17426 7.20334C6.9372 7.59822 6.75553 8.03216 6.64099 8.4937ZM3.56101 2.42475C4.27177 2.21029 5.19571 2.09216 6.16265 2.09216C7.12907 2.09216 8.05265 2.21029 8.76321 2.42473C9.44818 2.63147 9.70451 2.85751 9.76008 2.94566C9.70451 3.03381 9.44818 3.25983 8.76321 3.46657C8.05265 3.68104 7.12907 3.79914 6.16265 3.79914C5.19571 3.79914 4.27177 3.68104 3.56101 3.46657C2.87593 3.25985 2.61956 3.03381 2.56397 2.94566C2.61956 2.85751 2.87593 2.63147 3.56101 2.42475ZM6.16265 13.2078C5.19571 13.2078 4.27175 13.0897 3.56101 12.8753C2.8378 12.6571 2.59243 12.4173 2.5566 12.341V11.302C2.70802 11.3751 2.87956 11.4453 3.07464 11.5113C3.90723 11.7932 5.00392 11.9485 6.16265 11.9485C6.46866 11.9485 6.77294 11.9369 7.07174 11.9151C7.30433 12.3442 7.60076 12.7315 7.94774 13.0632C7.40229 13.1569 6.79042 13.2078 6.16265 13.2078ZM10.9996 13.2078C9.10133 13.2078 7.557 11.6115 7.557 9.64938C7.557 7.68654 9.10133 6.08965 10.9996 6.08965C12.8985 6.08965 14.4434 7.68654 14.4434 9.64938C14.4434 11.6115 12.8985 13.2078 10.9996 13.2078ZM10.5233 8.73096C10.5233 8.9378 10.5233 8.98695 11.1088 9.11447C11.6068 9.22295 12.5337 9.42487 12.5337 10.5678C12.5337 11.1982 12.1143 11.7368 11.5279 11.9428V12.5973H10.4713V11.9426C9.88557 11.7365 9.46671 11.198 9.46671 10.5678H10.5233C10.5233 10.7696 10.7414 10.9401 10.9996 10.9401C11.2584 10.9401 11.4771 10.7696 11.4771 10.5678C11.4771 10.3602 11.4771 10.3109 10.8909 10.1832C10.3932 10.0748 9.46671 9.87294 9.46671 8.73096C9.46671 8.10073 9.88558 7.56224 10.4713 7.35614V6.70017H11.5279V7.35598C12.1143 7.56196 12.5337 8.10057 12.5337 8.73096H11.4771C11.4771 8.52913 11.2584 8.35861 10.9996 8.35861C10.7414 8.35861 10.5233 8.52913 10.5233 8.73096Z", fill: "#334155" }) }) });
|
|
57
|
-
}
|
|
58
|
-
);
|
|
59
|
-
Finance.displayName = "Finance";
|
|
51
|
+
Frame.displayName = "Frame";
|
|
60
52
|
// Annotate the CommonJS export names for ESM import in node:
|
|
61
53
|
0 && (module.exports = {
|
|
62
|
-
|
|
63
|
-
Finance
|
|
54
|
+
Frame
|
|
64
55
|
});
|
|
65
56
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts","icons/
|
|
1
|
+
{"version":3,"sources":["index.ts","icons/Frame.tsx"],"sourcesContent":["// Auto-generated file - do not edit manually\n/**\n * @packageDocumentation\n * Magick Icons - SVG icon components for React\n * \n * @example\n * ```tsx\n * import { Frame } from 'magick-icons';\n * \n * function MyComponent() {\n * return <Frame size={24} className=\"text-blue-500\" />;\n * }\n * ```\n */\n\n/**\n * Frame icon component and its props type\n * @see {@link FrameProps} for available props\n */\nexport { Frame, type FrameProps } from './icons/Frame';\n","import React from 'react';\n\n/**\n * Props for the Frame icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface FrameProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Frame icon component\n * @example\n * ```tsx\n * import { Frame } from 'magick-icons';\n * \n * <Frame size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Frame = React.forwardRef<SVGSVGElement, FrameProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><g fill=\"#000\" clip-path=\"url(#clip0_7_897)\"><path d=\"M16.734 9.079a1.09 1.09 0 1 0-1.488-1.596l-3.192 2.976-2.976-3.194a1.09 1.09 0 0 0-1.595 1.488l2.977 3.192-3.194 2.976a1.09 1.09 0 1 0 1.488 1.595l3.192-2.974 2.976 3.191a1.091 1.091 0 1 0 1.595-1.487l-2.975-3.191z\"/><path fill-rule=\"evenodd\" d=\"M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m12 9.818a9.819 9.819 0 1 1 0-19.637 9.819 9.819 0 0 1 0 19.637\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"clip0_7_897\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>\n );\n }\n);\n\nFrame.displayName = 'Frame';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAsBmF;AAH9F,IAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,6CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY;AAAA,mDAAC,OAAE,MAAK,QAAO,aAAU,qBAAoB;AAAA,oDAAC,UAAK,GAAE,0NAAwN;AAAA,QAAE,4CAAC,UAAK,aAAU,WAAU,GAAE,yIAAwI,aAAU,WAAS;AAAA,SAAE;AAAA,MAAI,4CAAC,UAAK,sDAAC,cAAS,IAAG,eAAc,sDAAC,UAAK,MAAK,QAAO,GAAE,iBAAe,GAAE,GAAW;AAAA,OAAO;AAAA,EAEvoB;AACF;AAEA,MAAM,cAAc;","names":["React"]}
|
package/index.mjs
CHANGED
|
@@ -1,27 +1,19 @@
|
|
|
1
|
-
// dist/icons/
|
|
1
|
+
// dist/icons/Frame.tsx
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
var
|
|
4
|
+
var Frame = React.forwardRef(
|
|
5
5
|
({ size, ...props }, ref) => {
|
|
6
|
-
return /* @__PURE__ */ jsxs("svg", {
|
|
7
|
-
/* @__PURE__ */
|
|
8
|
-
|
|
6
|
+
return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", children: [
|
|
7
|
+
/* @__PURE__ */ jsxs("g", { fill: "#000", "clip-path": "url(#clip0_7_897)", children: [
|
|
8
|
+
/* @__PURE__ */ jsx("path", { d: "M16.734 9.079a1.09 1.09 0 1 0-1.488-1.596l-3.192 2.976-2.976-3.194a1.09 1.09 0 0 0-1.595 1.488l2.977 3.192-3.194 2.976a1.09 1.09 0 1 0 1.488 1.595l3.192-2.974 2.976 3.191a1.091 1.091 0 1 0 1.595-1.487l-2.975-3.191z" }),
|
|
9
|
+
/* @__PURE__ */ jsx("path", { "fill-rule": "evenodd", d: "M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m12 9.818a9.819 9.819 0 1 1 0-19.637 9.819 9.819 0 0 1 0 19.637", "clip-rule": "evenodd" })
|
|
10
|
+
] }),
|
|
11
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_7_897", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
|
|
9
12
|
] });
|
|
10
13
|
}
|
|
11
14
|
);
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
// dist/icons/Finance.tsx
|
|
15
|
-
import React2 from "react";
|
|
16
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
17
|
-
var Finance = React2.forwardRef(
|
|
18
|
-
({ size, ...props }, ref) => {
|
|
19
|
-
return /* @__PURE__ */ jsx2("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx2("g", { id: "Finance", children: /* @__PURE__ */ jsx2("path", { id: "Vector", d: "M10.9996 4.99749C10.9408 4.99749 10.8823 4.99903 10.824 5.00136V2.94566C10.824 2.50074 10.5509 1.87789 9.2496 1.43718C8.41714 1.15525 7.32084 1 6.16265 1C5.00392 1 3.90725 1.15525 3.07464 1.43718C1.77318 1.87785 1.5 2.50072 1.5 2.94566V12.3543C1.5 12.7993 1.77318 13.4222 3.07464 13.8628C3.90723 14.1448 5.00392 14.3 6.16265 14.3C7.28449 14.3 8.3372 14.1559 9.15889 13.8927C9.72106 14.1543 10.3442 14.3 10.9996 14.3C13.4811 14.3 15.5 12.2137 15.5 9.64937C15.5 7.08431 13.4811 4.99749 10.9996 4.99749ZM8.28661 5.94091C7.65698 6.07905 6.92556 6.15196 6.16265 6.15196C5.19571 6.15196 4.27177 6.03386 3.56101 5.81939C2.83782 5.60117 2.59244 5.36146 2.5566 5.28512V4.24485C2.70802 4.31787 2.87956 4.38809 3.07464 4.45414C3.90723 4.73605 5.00392 4.8913 6.16265 4.8913C7.32086 4.8913 8.41714 4.73604 9.2496 4.45412C9.4446 4.38808 9.61608 4.31788 9.76745 4.24488V5.17483C9.22532 5.33465 8.72479 5.59738 8.28661 5.94091ZM2.5566 8.9492C2.70802 9.02223 2.87956 9.09244 3.07464 9.15849C3.90723 9.4404 5.00392 9.59565 6.16265 9.59565C6.27576 9.59565 6.38859 9.59366 6.50112 9.59074C6.50089 9.61029 6.5004 9.62977 6.5004 9.64938C6.5004 10.0627 6.55311 10.4635 6.65147 10.8452C6.48951 10.8521 6.32652 10.8563 6.16264 10.8563C5.19571 10.8563 4.27174 10.7382 3.561 10.5237C2.8378 10.3055 2.59243 10.0658 2.55659 9.98947L2.5566 8.9492ZM6.64099 8.4937C6.48267 8.50002 6.32289 8.50349 6.16265 8.50349C5.19571 8.50349 4.27177 8.38539 3.56101 8.17092C2.83782 7.9527 2.59244 7.71299 2.5566 7.63665V6.59767C2.70802 6.67069 2.87956 6.74091 3.07464 6.80696C3.90723 7.08887 5.00392 7.24412 6.16265 7.24412C6.50648 7.24412 6.8454 7.23022 7.17426 7.20334C6.9372 7.59822 6.75553 8.03216 6.64099 8.4937ZM3.56101 2.42475C4.27177 2.21029 5.19571 2.09216 6.16265 2.09216C7.12907 2.09216 8.05265 2.21029 8.76321 2.42473C9.44818 2.63147 9.70451 2.85751 9.76008 2.94566C9.70451 3.03381 9.44818 3.25983 8.76321 3.46657C8.05265 3.68104 7.12907 3.79914 6.16265 3.79914C5.19571 3.79914 4.27177 3.68104 3.56101 3.46657C2.87593 3.25985 2.61956 3.03381 2.56397 2.94566C2.61956 2.85751 2.87593 2.63147 3.56101 2.42475ZM6.16265 13.2078C5.19571 13.2078 4.27175 13.0897 3.56101 12.8753C2.8378 12.6571 2.59243 12.4173 2.5566 12.341V11.302C2.70802 11.3751 2.87956 11.4453 3.07464 11.5113C3.90723 11.7932 5.00392 11.9485 6.16265 11.9485C6.46866 11.9485 6.77294 11.9369 7.07174 11.9151C7.30433 12.3442 7.60076 12.7315 7.94774 13.0632C7.40229 13.1569 6.79042 13.2078 6.16265 13.2078ZM10.9996 13.2078C9.10133 13.2078 7.557 11.6115 7.557 9.64938C7.557 7.68654 9.10133 6.08965 10.9996 6.08965C12.8985 6.08965 14.4434 7.68654 14.4434 9.64938C14.4434 11.6115 12.8985 13.2078 10.9996 13.2078ZM10.5233 8.73096C10.5233 8.9378 10.5233 8.98695 11.1088 9.11447C11.6068 9.22295 12.5337 9.42487 12.5337 10.5678C12.5337 11.1982 12.1143 11.7368 11.5279 11.9428V12.5973H10.4713V11.9426C9.88557 11.7365 9.46671 11.198 9.46671 10.5678H10.5233C10.5233 10.7696 10.7414 10.9401 10.9996 10.9401C11.2584 10.9401 11.4771 10.7696 11.4771 10.5678C11.4771 10.3602 11.4771 10.3109 10.8909 10.1832C10.3932 10.0748 9.46671 9.87294 9.46671 8.73096C9.46671 8.10073 9.88558 7.56224 10.4713 7.35614V6.70017H11.5279V7.35598C12.1143 7.56196 12.5337 8.10057 12.5337 8.73096H11.4771C11.4771 8.52913 11.2584 8.35861 10.9996 8.35861C10.7414 8.35861 10.5233 8.52913 10.5233 8.73096Z", fill: "#334155" }) }) });
|
|
20
|
-
}
|
|
21
|
-
);
|
|
22
|
-
Finance.displayName = "Finance";
|
|
15
|
+
Frame.displayName = "Frame";
|
|
23
16
|
export {
|
|
24
|
-
|
|
25
|
-
Finance
|
|
17
|
+
Frame
|
|
26
18
|
};
|
|
27
19
|
//# sourceMappingURL=index.mjs.map
|
package/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["icons/
|
|
1
|
+
{"version":3,"sources":["icons/Frame.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * Props for the Frame icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface FrameProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Frame icon component\n * @example\n * ```tsx\n * import { Frame } from 'magick-icons';\n * \n * <Frame size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Frame = React.forwardRef<SVGSVGElement, FrameProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><g fill=\"#000\" clip-path=\"url(#clip0_7_897)\"><path d=\"M16.734 9.079a1.09 1.09 0 1 0-1.488-1.596l-3.192 2.976-2.976-3.194a1.09 1.09 0 0 0-1.595 1.488l2.977 3.192-3.194 2.976a1.09 1.09 0 1 0 1.488 1.595l3.192-2.974 2.976 3.191a1.091 1.091 0 1 0 1.595-1.487l-2.975-3.191z\"/><path fill-rule=\"evenodd\" d=\"M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m12 9.818a9.819 9.819 0 1 1 0-19.637 9.819 9.819 0 0 1 0 19.637\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"clip0_7_897\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>\n );\n }\n);\n\nFrame.displayName = 'Frame';\n"],"mappings":";AAAA,OAAO,WAAW;AAsBmF,SAA6C,KAA7C;AAH9F,IAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,qBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY;AAAA,2BAAC,OAAE,MAAK,QAAO,aAAU,qBAAoB;AAAA,4BAAC,UAAK,GAAE,0NAAwN;AAAA,QAAE,oBAAC,UAAK,aAAU,WAAU,GAAE,yIAAwI,aAAU,WAAS;AAAA,SAAE;AAAA,MAAI,oBAAC,UAAK,8BAAC,cAAS,IAAG,eAAc,8BAAC,UAAK,MAAK,QAAO,GAAE,iBAAe,GAAE,GAAW;AAAA,OAAO;AAAA,EAEvoB;AACF;AAEA,MAAM,cAAc;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "magick-icons",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.43",
|
|
4
|
+
"description": "Icon library for company projects",
|
|
4
5
|
"main": "index.js",
|
|
5
6
|
"module": "index.mjs",
|
|
6
7
|
"types": "index.d.ts",
|
|
@@ -12,9 +13,32 @@
|
|
|
12
13
|
},
|
|
13
14
|
"import": "./index.mjs",
|
|
14
15
|
"require": "./index.js"
|
|
15
|
-
}
|
|
16
|
+
},
|
|
17
|
+
"./package.json": "./package.json"
|
|
16
18
|
},
|
|
19
|
+
"files": [
|
|
20
|
+
"index.js",
|
|
21
|
+
"index.mjs",
|
|
22
|
+
"index.d.ts",
|
|
23
|
+
"index.d.mts",
|
|
24
|
+
"index.js.map",
|
|
25
|
+
"index.mjs.map",
|
|
26
|
+
"package.json",
|
|
27
|
+
"README.md"
|
|
28
|
+
],
|
|
17
29
|
"sideEffects": false,
|
|
30
|
+
"keywords": [
|
|
31
|
+
"react",
|
|
32
|
+
"icons",
|
|
33
|
+
"svg",
|
|
34
|
+
"components",
|
|
35
|
+
"typescript",
|
|
36
|
+
"magick"
|
|
37
|
+
],
|
|
38
|
+
"peerDependencies": {
|
|
39
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
40
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
41
|
+
},
|
|
18
42
|
"publishConfig": {
|
|
19
43
|
"access": "public"
|
|
20
44
|
}
|
package/icons/ChatFullScreen.tsx
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Props for the ChatFullScreen icon component
|
|
5
|
-
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
6
|
-
*/
|
|
7
|
-
export interface ChatFullScreenProps extends React.SVGProps<SVGSVGElement> {
|
|
8
|
-
size?: number | string;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* ChatFullScreen icon component
|
|
13
|
-
* @example
|
|
14
|
-
* ```tsx
|
|
15
|
-
* import { ChatFullScreen } from 'magick-icons';
|
|
16
|
-
*
|
|
17
|
-
* <ChatFullScreen size={24} className="text-blue-500" />
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export const ChatFullScreen = React.forwardRef<SVGSVGElement, ChatFullScreenProps>(
|
|
21
|
-
({ size, ...props }, ref) => {
|
|
22
|
-
return (
|
|
23
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
-
<path d="M14.8333 18.125H5.16667C3.35 18.125 1.875 16.65 1.875 14.8333V5.16667C1.875 3.35 3.35 1.875 5.16667 1.875H14.8333C16.65 1.875 18.125 3.35 18.125 5.16667V14.8333C18.125 16.65 16.65 18.125 14.8333 18.125ZM5.16667 3.125C4.04167 3.125 3.125 4.04167 3.125 5.16667V14.8333C3.125 15.9583 4.04167 16.875 5.16667 16.875H14.8333C15.9583 16.875 16.875 15.9583 16.875 14.8333V5.16667C16.875 4.04167 15.9583 3.125 14.8333 3.125H5.16667Z" fill="#1E293B"/>
|
|
25
|
-
<path d="M14.3333 15.625H7.33333C6.625 15.625 6.04167 15.0417 6.04167 14.3333V5.66667C6.04167 4.95833 6.625 4.375 7.33333 4.375H14.3333C15.0417 4.375 15.625 4.95833 15.625 5.66667V14.3333C15.625 15.0417 15.0417 15.625 14.3333 15.625ZM7.33333 5.625C7.33333 5.625 7.29167 5.64167 7.29167 5.66667V14.3333C7.29167 14.3333 7.30833 14.375 7.33333 14.375H14.3333C14.3333 14.375 14.375 14.3583 14.375 14.3333V5.66667C14.375 5.66667 14.3583 5.625 14.3333 5.625H7.33333Z" fill="#1E293B"/>
|
|
26
|
-
</svg>
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
|
|
31
|
-
ChatFullScreen.displayName = 'ChatFullScreen';
|
package/icons/Finance.tsx
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Finance icon component
|
|
5
|
-
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
6
|
-
*/
|
|
7
|
-
export interface FinanceProps extends React.SVGProps<SVGSVGElement> {
|
|
8
|
-
size?: number | string;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Finance icon component
|
|
13
|
-
* @example
|
|
14
|
-
* ```tsx
|
|
15
|
-
* import { Finance } from 'magick-icons';
|
|
16
|
-
*
|
|
17
|
-
* <Finance size={24} className="text-blue-500" />
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export const Finance = React.forwardRef<SVGSVGElement, FinanceProps>(
|
|
21
|
-
({ size, ...props }, ref) => {
|
|
22
|
-
return (
|
|
23
|
-
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
-
<g id="Finance">
|
|
25
|
-
<path id="Vector" d="M10.9996 4.99749C10.9408 4.99749 10.8823 4.99903 10.824 5.00136V2.94566C10.824 2.50074 10.5509 1.87789 9.2496 1.43718C8.41714 1.15525 7.32084 1 6.16265 1C5.00392 1 3.90725 1.15525 3.07464 1.43718C1.77318 1.87785 1.5 2.50072 1.5 2.94566V12.3543C1.5 12.7993 1.77318 13.4222 3.07464 13.8628C3.90723 14.1448 5.00392 14.3 6.16265 14.3C7.28449 14.3 8.3372 14.1559 9.15889 13.8927C9.72106 14.1543 10.3442 14.3 10.9996 14.3C13.4811 14.3 15.5 12.2137 15.5 9.64937C15.5 7.08431 13.4811 4.99749 10.9996 4.99749ZM8.28661 5.94091C7.65698 6.07905 6.92556 6.15196 6.16265 6.15196C5.19571 6.15196 4.27177 6.03386 3.56101 5.81939C2.83782 5.60117 2.59244 5.36146 2.5566 5.28512V4.24485C2.70802 4.31787 2.87956 4.38809 3.07464 4.45414C3.90723 4.73605 5.00392 4.8913 6.16265 4.8913C7.32086 4.8913 8.41714 4.73604 9.2496 4.45412C9.4446 4.38808 9.61608 4.31788 9.76745 4.24488V5.17483C9.22532 5.33465 8.72479 5.59738 8.28661 5.94091ZM2.5566 8.9492C2.70802 9.02223 2.87956 9.09244 3.07464 9.15849C3.90723 9.4404 5.00392 9.59565 6.16265 9.59565C6.27576 9.59565 6.38859 9.59366 6.50112 9.59074C6.50089 9.61029 6.5004 9.62977 6.5004 9.64938C6.5004 10.0627 6.55311 10.4635 6.65147 10.8452C6.48951 10.8521 6.32652 10.8563 6.16264 10.8563C5.19571 10.8563 4.27174 10.7382 3.561 10.5237C2.8378 10.3055 2.59243 10.0658 2.55659 9.98947L2.5566 8.9492ZM6.64099 8.4937C6.48267 8.50002 6.32289 8.50349 6.16265 8.50349C5.19571 8.50349 4.27177 8.38539 3.56101 8.17092C2.83782 7.9527 2.59244 7.71299 2.5566 7.63665V6.59767C2.70802 6.67069 2.87956 6.74091 3.07464 6.80696C3.90723 7.08887 5.00392 7.24412 6.16265 7.24412C6.50648 7.24412 6.8454 7.23022 7.17426 7.20334C6.9372 7.59822 6.75553 8.03216 6.64099 8.4937ZM3.56101 2.42475C4.27177 2.21029 5.19571 2.09216 6.16265 2.09216C7.12907 2.09216 8.05265 2.21029 8.76321 2.42473C9.44818 2.63147 9.70451 2.85751 9.76008 2.94566C9.70451 3.03381 9.44818 3.25983 8.76321 3.46657C8.05265 3.68104 7.12907 3.79914 6.16265 3.79914C5.19571 3.79914 4.27177 3.68104 3.56101 3.46657C2.87593 3.25985 2.61956 3.03381 2.56397 2.94566C2.61956 2.85751 2.87593 2.63147 3.56101 2.42475ZM6.16265 13.2078C5.19571 13.2078 4.27175 13.0897 3.56101 12.8753C2.8378 12.6571 2.59243 12.4173 2.5566 12.341V11.302C2.70802 11.3751 2.87956 11.4453 3.07464 11.5113C3.90723 11.7932 5.00392 11.9485 6.16265 11.9485C6.46866 11.9485 6.77294 11.9369 7.07174 11.9151C7.30433 12.3442 7.60076 12.7315 7.94774 13.0632C7.40229 13.1569 6.79042 13.2078 6.16265 13.2078ZM10.9996 13.2078C9.10133 13.2078 7.557 11.6115 7.557 9.64938C7.557 7.68654 9.10133 6.08965 10.9996 6.08965C12.8985 6.08965 14.4434 7.68654 14.4434 9.64938C14.4434 11.6115 12.8985 13.2078 10.9996 13.2078ZM10.5233 8.73096C10.5233 8.9378 10.5233 8.98695 11.1088 9.11447C11.6068 9.22295 12.5337 9.42487 12.5337 10.5678C12.5337 11.1982 12.1143 11.7368 11.5279 11.9428V12.5973H10.4713V11.9426C9.88557 11.7365 9.46671 11.198 9.46671 10.5678H10.5233C10.5233 10.7696 10.7414 10.9401 10.9996 10.9401C11.2584 10.9401 11.4771 10.7696 11.4771 10.5678C11.4771 10.3602 11.4771 10.3109 10.8909 10.1832C10.3932 10.0748 9.46671 9.87294 9.46671 8.73096C9.46671 8.10073 9.88558 7.56224 10.4713 7.35614V6.70017H11.5279V7.35598C12.1143 7.56196 12.5337 8.10057 12.5337 8.73096H11.4771C11.4771 8.52913 11.2584 8.35861 10.9996 8.35861C10.7414 8.35861 10.5233 8.52913 10.5233 8.73096Z" fill="#334155"/>
|
|
26
|
-
</g>
|
|
27
|
-
</svg>
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
|
|
32
|
-
Finance.displayName = 'Finance';
|
package/index.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Auto-generated file - do not edit manually
|
|
2
|
-
/**
|
|
3
|
-
* @packageDocumentation
|
|
4
|
-
* Magick Icons - SVG icon components for React
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { ChatFullScreen } from 'magick-icons';
|
|
9
|
-
*
|
|
10
|
-
* function MyComponent() {
|
|
11
|
-
* return <ChatFullScreen size={24} className="text-blue-500" />;
|
|
12
|
-
* }
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* ChatFullScreen icon component and its props type
|
|
18
|
-
* @see {@link ChatFullScreenProps} for available props
|
|
19
|
-
*/
|
|
20
|
-
export { ChatFullScreen, type ChatFullScreenProps } from './icons/ChatFullScreen';
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Finance icon component and its props type
|
|
24
|
-
* @see {@link FinanceProps} for available props
|
|
25
|
-
*/
|
|
26
|
-
export { Finance, type FinanceProps } from './icons/Finance';
|
package/types.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// Auto-generated file - do not edit manually
|
|
2
|
-
import type * as React from 'react';
|
|
3
|
-
import type { ChatFullScreenProps } from './icons/ChatFullScreen';
|
|
4
|
-
import type { FinanceProps } from './icons/Finance';
|
|
5
|
-
|
|
6
|
-
export interface IconComponents {
|
|
7
|
-
ChatFullScreen: React.ComponentType<ChatFullScreenProps>;
|
|
8
|
-
Finance: React.ComponentType<FinanceProps>;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export type IconName = 'ChatFullScreen' | 'Finance';
|