lwe8-icons-react 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- package/.babelrc +29 -0
- package/LICENSE +13 -0
- package/README.md +61 -0
- package/build.js +16 -0
- package/clean.js +15 -0
- package/dist/icons.d.ts +10 -0
- package/dist/icons.js +8 -0
- package/dist/index.d.ts +39 -0
- package/dist/index.js +35 -0
- package/dist/types.d.ts +77 -0
- package/dist/types.js +1 -0
- package/package.json +43 -0
package/.babelrc
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"presets": [
|
|
3
|
+
[
|
|
4
|
+
"@babel/preset-env",
|
|
5
|
+
{
|
|
6
|
+
"targets": {
|
|
7
|
+
"esmodules": true,
|
|
8
|
+
"node": "current"
|
|
9
|
+
},
|
|
10
|
+
"modules": false
|
|
11
|
+
}
|
|
12
|
+
],
|
|
13
|
+
["minify", { "keepFnName": true }],
|
|
14
|
+
["@babel/preset-typescript"],
|
|
15
|
+
["@babel/preset-react"]
|
|
16
|
+
],
|
|
17
|
+
"plugins": [
|
|
18
|
+
"@babel/plugin-transform-typescript",
|
|
19
|
+
"@babel/plugin-transform-react-jsx",
|
|
20
|
+
[
|
|
21
|
+
"@babel/plugin-transform-template-literals",
|
|
22
|
+
{
|
|
23
|
+
"loose": true
|
|
24
|
+
}
|
|
25
|
+
],
|
|
26
|
+
"@babel/plugin-transform-react-inline-elements",
|
|
27
|
+
"@babel/plugin-transform-react-constant-elements"
|
|
28
|
+
]
|
|
29
|
+
}
|
package/LICENSE
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
Copyright 2024 Pho Thin Mg
|
|
2
|
+
|
|
3
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
you may not use this file except in compliance with the License.
|
|
5
|
+
You may obtain a copy of the License at
|
|
6
|
+
|
|
7
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
|
|
9
|
+
Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
See the License for the specific language governing permissions and
|
|
13
|
+
limitations under the License.
|
package/README.md
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
## React Icons from Simple Icons
|
|
2
|
+
|
|
3
|
+
[](https://biomejs.dev)
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm i lwe8-icons-react
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
pnpm i lwe8-icons-react
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
yarn add lwe8-icons-react
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Use
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import ReactIcon from "lwe8-icons-react";
|
|
23
|
+
|
|
24
|
+
export function Home() {
|
|
25
|
+
return (
|
|
26
|
+
<main>
|
|
27
|
+
<ReactIcon
|
|
28
|
+
name="github"
|
|
29
|
+
href="https://github.com"
|
|
30
|
+
size={36}
|
|
31
|
+
fillColor="#673ab8"
|
|
32
|
+
fillOpacity={0.9}
|
|
33
|
+
title="Link to my github profile"
|
|
34
|
+
target="_blank"
|
|
35
|
+
className="My class"
|
|
36
|
+
/>
|
|
37
|
+
</main>
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
## Options
|
|
43
|
+
|
|
44
|
+
| Name | Description | Default |
|
|
45
|
+
| ------------- | -------------------------------------- | :------------: |
|
|
46
|
+
| `name` | Name of icon | |
|
|
47
|
+
| `href` | HTML Anchor Element Attribute "href" | " # " |
|
|
48
|
+
| `target` | HTML Anchor Element Attribute "target" | "\_blank" |
|
|
49
|
+
| `className` | HTML Anchor Element "className" | " " |
|
|
50
|
+
| `title` | Tooltip text for icon | name of icon |
|
|
51
|
+
| `size` | Size for icon | 24 |
|
|
52
|
+
| `fillColor` | Color for icon | "currentcolor" |
|
|
53
|
+
| `fillOpacity` | Opacity of icon. 0.1 to 1 | 0.7 |
|
|
54
|
+
|
|
55
|
+
---
|
|
56
|
+
|
|
57
|
+
All of these icons are from simple icons - https://simpleicons.org/ - https://github.com/simple-icons/simple-icons
|
|
58
|
+
|
|
59
|
+
License - https://github.com/simple-icons/simple-icons?tab=CC0-1.0-1-ov-file#cc0-10-universal
|
|
60
|
+
|
|
61
|
+
Legal Disclaimer : https://github.com/simple-icons/simple-icons/blob/develop/DISCLAIMER.md#disclaimer
|
package/build.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
import $ from "dax-sh";
|
|
3
|
+
import { existsSync } from "node:fs";
|
|
4
|
+
import cleanDirectory from "./clean.js";
|
|
5
|
+
const out = "dist";
|
|
6
|
+
|
|
7
|
+
if (existsSync(out)) {
|
|
8
|
+
await cleanDirectory(out);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
await $.sleep(1000);
|
|
12
|
+
await $`tsc`;
|
|
13
|
+
await $.sleep(2000);
|
|
14
|
+
await $`pnpm babel opt --out-dir ${out}`;
|
|
15
|
+
await $.sleep(2000);
|
|
16
|
+
await $`rm -r opt`;
|
package/clean.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import fs from "node:fs/promises";
|
|
2
|
+
|
|
3
|
+
export default async function cleanDirectory(directory) {
|
|
4
|
+
try {
|
|
5
|
+
await fs
|
|
6
|
+
.readdir(directory)
|
|
7
|
+
.then((files) =>
|
|
8
|
+
Promise.all(
|
|
9
|
+
files.map((file) => fs.rm(`${directory}`, { recursive: true }))
|
|
10
|
+
)
|
|
11
|
+
);
|
|
12
|
+
} catch (err) {
|
|
13
|
+
console.log(err);
|
|
14
|
+
}
|
|
15
|
+
}
|
package/dist/icons.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Icons } from "./types.js";
|
|
2
|
+
/**
|
|
3
|
+
* All of these icons are from simple icons.https://simpleicons.org/ - https://github.com/simple-icons/simple-icons
|
|
4
|
+
*
|
|
5
|
+
* @license CC0 1.0 https://github.com/simple-icons/simple-icons?tab=CC0-1.0-1-ov-file#cc0-10-universal
|
|
6
|
+
*
|
|
7
|
+
* Legal Disclaimer : https://github.com/simple-icons/simple-icons/blob/develop/DISCLAIMER.md#disclaimer
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
export declare const icons: Array<Icons>;
|
package/dist/icons.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,_templateObject26;function _taggedTemplateLiteralLoose(a,b){return b||(b=a.slice(0)),a.raw=b,a}var raw=String.raw;/**
|
|
2
|
+
* All of these icons are from simple icons.https://simpleicons.org/ - https://github.com/simple-icons/simple-icons
|
|
3
|
+
*
|
|
4
|
+
* @license CC0 1.0 https://github.com/simple-icons/simple-icons?tab=CC0-1.0-1-ov-file#cc0-10-universal
|
|
5
|
+
*
|
|
6
|
+
* Legal Disclaimer : https://github.com/simple-icons/simple-icons/blob/develop/DISCLAIMER.md#disclaimer
|
|
7
|
+
*
|
|
8
|
+
*/export var icons=[{name:"github",d:raw(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"])))},{name:"gitlab",d:raw(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["m23.6004 9.5927-.0337-.0862L20.3.9814a.851.851 0 0 0-.3362-.405.8748.8748 0 0 0-.9997.0539.8748.8748 0 0 0-.29.4399l-2.2055 6.748H7.5375l-2.2057-6.748a.8573.8573 0 0 0-.29-.4412.8748.8748 0 0 0-.9997-.0537.8585.8585 0 0 0-.3362.4049L.4332 9.5015l-.0325.0862a6.0657 6.0657 0 0 0 2.0119 7.0105l.0113.0087.03.0213 4.976 3.7264 2.462 1.8633 1.4995 1.1321a1.0085 1.0085 0 0 0 1.2197 0l1.4995-1.1321 2.4619-1.8633 5.006-3.7489.0125-.01a6.0682 6.0682 0 0 0 2.0094-7.003z"])))},{name:"gitbook",d:raw(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["M12.513 1.097c-.645 0-1.233.34-2.407 1.017L3.675 5.82A7.233 7.233 0 0 0 0 12.063v.236a7.233 7.233 0 0 0 3.667 6.238L7.69 20.86c2.354 1.36 3.531 2.042 4.824 2.042 1.292.001 2.47-.678 4.825-2.038l4.251-2.453c1.177-.68 1.764-1.02 2.087-1.579.323-.56.324-1.24.323-2.6v-2.63a1.04 1.04 0 0 0-1.558-.903l-8.728 5.024c-.587.337-.88.507-1.201.507-.323 0-.616-.168-1.204-.506l-5.904-3.393c-.297-.171-.446-.256-.565-.271a.603.603 0 0 0-.634.368c-.045.111-.045.282-.043.625.002.252 0 .378.025.494.053.259.189.493.387.667.089.077.198.14.416.266l6.315 3.65c.589.34.884.51 1.207.51.324 0 .617-.17 1.206-.509l7.74-4.469c.202-.116.302-.172.377-.13.075.044.075.16.075.392v1.193c0 .34.001.51-.08.649-.08.14-.227.224-.522.394l-6.382 3.685c-1.178.68-1.767 1.02-2.413 1.02-.646 0-1.236-.34-2.412-1.022l-5.97-3.452-.043-.025a4.106 4.106 0 0 1-2.031-3.52V11.7c0-.801.427-1.541 1.12-1.944a1.979 1.979 0 0 1 1.982-.001l4.946 2.858c1.174.679 1.762 1.019 2.407 1.02.645 0 1.233-.34 2.41-1.017l7.482-4.306a1.091 1.091 0 0 0 0-1.891L14.92 2.11c-1.175-.675-1.762-1.013-2.406-1.013Z"])))},{name:"codepen",d:raw(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["M18.144 13.067v-2.134L16.55 12zm1.276 1.194a.628.628 0 01-.006.083l-.005.028-.011.053-.01.031c-.005.016-.01.031-.017.047l-.014.03a.78.78 0 01-.021.043l-.019.03a.57.57 0 01-.08.1l-.026.025a.602.602 0 01-.036.03l-.029.022-.01.008-6.782 4.522a.637.637 0 01-.708 0L4.864 14.79l-.01-.008a.599.599 0 01-.065-.052l-.026-.025-.032-.034-.021-.028a.588.588 0 01-.067-.11l-.014-.031a.644.644 0 01-.017-.047l-.01-.03c-.004-.018-.008-.036-.01-.054l-.006-.028a.628.628 0 01-.006-.083V9.739c0-.028.002-.055.006-.083l.005-.027.011-.054.01-.03a.574.574 0 01.12-.217l.031-.034.026-.025a.62.62 0 01.065-.052l.01-.008 6.782-4.521a.638.638 0 01.708 0l6.782 4.521.01.008.03.022.035.03c.01.008.017.016.026.025a.545.545 0 01.08.1l.019.03a.633.633 0 01.021.043l.014.03c.007.016.012.032.017.047l.01.031c.004.018.008.036.01.054l.006.027a.619.619 0 01.006.083zM12 0C5.373 0 0 5.372 0 12 0 18.627 5.373 24 12 24c6.628 0 12-5.372 12-12 0-6.627-5.372-12-12-12m0 10.492L9.745 12 12 13.51 14.255 12zm.638 4.124v2.975l4.996-3.33-2.232-1.493zm-6.272-.356l4.996 3.33v-2.974l-2.764-1.849zm11.268-4.52l-4.996-3.33v2.974l2.764 1.85zm-6.272-.356V6.41L6.366 9.74l2.232 1.493zm-5.506 1.549v2.134L7.45 12Z"])))},{name:"codesandbox",d:raw(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["M0 24H24V0H0V2.45455H21.5455V21.5455H2.45455V0H0Z"])))},{name:"hashnode",d:raw(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["M22.351 8.019l-6.37-6.37a5.63 5.63 0 0 0-7.962 0l-6.37 6.37a5.63 5.63 0 0 0 0 7.962l6.37 6.37a5.63 5.63 0 0 0 7.962 0l6.37-6.37a5.63 5.63 0 0 0 0-7.962zM12 15.953a3.953 3.953 0 1 1 0-7.906 3.953 3.953 0 0 1 0 7.906z"])))},{name:"twitter-X",d:raw(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"])))},{name:"facebook",d:raw(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"])))},{name:"discord",d:raw(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"])))},{name:"linkedin",d:raw(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"])))},{name:"line",d:raw(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"])))},{name:"dev-to",d:raw(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(["M7.42 10.05c-.18-.16-.46-.23-.84-.23H6l.02 2.44.04 2.45.56-.02c.41 0 .63-.07.83-.26.24-.24.26-.36.26-2.2 0-1.91-.02-1.96-.29-2.18zM0 4.94v14.12h24V4.94H0zM8.56 15.3c-.44.58-1.06.77-2.53.77H4.71V8.53h1.4c1.67 0 2.16.18 2.6.9.27.43.29.6.32 2.57.05 2.23-.02 2.73-.47 3.3zm5.09-5.47h-2.47v1.77h1.52v1.28l-.72.04-.75.03v1.77l1.22.03 1.2.04v1.28h-1.6c-1.53 0-1.6-.01-1.87-.3l-.3-.28v-3.16c0-3.02.01-3.18.25-3.48.23-.31.25-.31 1.88-.31h1.64v1.3zm4.68 5.45c-.17.43-.64.79-1 .79-.18 0-.45-.15-.67-.39-.32-.32-.45-.63-.82-2.08l-.9-3.39-.45-1.67h.76c.4 0 .75.02.75.05 0 .06 1.16 4.54 1.26 4.83.04.15.32-.7.73-2.3l.66-2.52.74-.04c.4-.02.73 0 .73.04 0 .14-1.67 6.38-1.8 6.68z"])))},{name:"medium",d:raw(_templateObject13||(_templateObject13=_taggedTemplateLiteralLoose(["M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zM20.96 12c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z"])))},{name:"slack",d:raw(_templateObject14||(_templateObject14=_taggedTemplateLiteralLoose(["M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"])))},{name:"stackoverflow",d:raw(_templateObject15||(_templateObject15=_taggedTemplateLiteralLoose(["M15.725 0l-1.72 1.277 6.39 8.588 1.716-1.277L15.725 0zm-3.94 3.418l-1.369 1.644 8.225 6.85 1.369-1.644-8.225-6.85zm-3.15 4.465l-.905 1.94 9.702 4.517.904-1.94-9.701-4.517zm-1.85 4.86l-.44 2.093 10.473 2.201.44-2.092-10.473-2.203zM1.89 15.47V24h19.19v-8.53h-2.133v6.397H4.021v-6.396H1.89zm4.265 2.133v2.13h10.66v-2.13H6.154Z"])))},{name:"stackedit",d:raw(_templateObject16||(_templateObject16=_taggedTemplateLiteralLoose(["M6 0C2.689 0 0 2.689 0 6v12c0 3.311 2.689 6 6 6h12c3.311 0 6-2.689 6-6V6c0-3.311-2.689-6-6-6H6zm.227 1.871h11.546A3.98 3.98 0 0 1 21.75 5.85v11.545a3.978 3.978 0 0 1-3.977 3.976H6.227a3.978 3.978 0 0 1-3.977-3.976V5.85a3.98 3.98 0 0 1 3.977-3.98zm-.223 2.31V6.01H4.633V7.7h1.37v1.903h-1.37v1.689h1.37v1.828h1.4v-1.828h1.695v1.828h1.398v-1.828h1.371v-1.69h-1.37v-1.9h1.37V6.01h-1.37V4.182h-1.4V6.01H7.403V4.182H6.004zm1.398 3.52h1.696v1.903H7.402V7.7z"])))},{name:"messenger",d:raw(_templateObject17||(_templateObject17=_taggedTemplateLiteralLoose(["M.001 11.639C.001 4.949 5.241 0 12.001 0S24 4.95 24 11.639c0 6.689-5.24 11.638-12 11.638-1.21 0-2.38-.16-3.47-.46a.96.96 0 00-.64.05l-2.39 1.05a.96.96 0 01-1.35-.85l-.07-2.14a.97.97 0 00-.32-.68A11.39 11.389 0 01.002 11.64zm8.32-2.19l-3.52 5.6c-.35.53.32 1.139.82.75l3.79-2.87c.26-.2.6-.2.87 0l2.8 2.1c.84.63 2.04.4 2.6-.48l3.52-5.6c.35-.53-.32-1.13-.82-.75l-3.79 2.87c-.25.2-.6.2-.86 0l-2.8-2.1a1.8 1.8 0 00-2.61.48z"])))},{name:"viber",d:raw(_templateObject18||(_templateObject18=_taggedTemplateLiteralLoose(["M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7.633 9.817.57 12.933.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.812-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.546-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545-.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.153.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188-.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602c-.167 0-.303.135-.304.302 0 .167.133.303.3.305 1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002.167.14.3.307.3.166-.002.3-.138.3-.304-.014-1.984-.618-3.596-1.816-4.764-1.19-1.16-2.692-1.753-4.447-1.765zm-3.96.695c-.19-.032-.4.005-.616.117l-.01.002c-.43.247-.816.562-1.146.932-.002.004-.006.004-.008.008-.267.323-.42.638-.46.948-.008.046-.01.093-.007.14 0 .136.022.27.065.4l.013.01c.135.48.473 1.276 1.205 2.604.42.768.903 1.5 1.446 2.186.27.344.56.673.87.984l.132.132c.31.308.64.6.984.87.686.543 1.418 1.027 2.186 1.447 1.328.733 2.126 1.07 2.604 1.206l.01.014c.13.042.265.064.402.063.046.002.092 0 .138-.008.31-.036.627-.19.948-.46.004 0 .003-.002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.004 0-.698-.58-1.037-.83-.36-.255-.73-.492-1.113-.71-.51-.285-1.032-.106-1.248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248-.217-.383-.454-.756-.71-1.115-.25-.34-.826-1.033-.83-1.035-.137-.165-.31-.265-.502-.297zm4.49.88c-.158.002-.29.124-.3.282-.01.167.115.312.282.324 1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 2.57-.002.168.13.306.3.31.166.003.305-.13.31-.297.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777-1.253-3.05-1.346h-.024zm.463 1.63c-.16.002-.29.127-.3.287-.008.167.12.31.288.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164.01.167.15.295.318.287.167-.008.295-.15.287-.317-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z"])))},{name:"telegram",d:raw(_templateObject19||(_templateObject19=_taggedTemplateLiteralLoose(["M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"])))},{name:"whatsapp",d:raw(_templateObject20||(_templateObject20=_taggedTemplateLiteralLoose(["M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"])))},{name:"wechat",d:raw(_templateObject21||(_templateObject21=_taggedTemplateLiteralLoose(["M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z"])))},{name:"youtube",d:raw(_templateObject22||(_templateObject22=_taggedTemplateLiteralLoose(["M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"])))},{name:"wordpress",d:raw(_templateObject23||(_templateObject23=_taggedTemplateLiteralLoose(["M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"])))},{name:"jsfiddle",d:raw(_templateObject24||(_templateObject24=_taggedTemplateLiteralLoose(["M13.9 3.602c-2.749 0-5.103 1.544-6.35 3.779-.536-.317-1.139-.54-1.806-.54-1.981 0-3.6 1.606-3.6 3.579 0 .263.063.513.118.762C.912 12.09 0 13.602 0 15.344c0 2.763 2.241 5.012 5.008 5.054a.421.421 0 00.008 0h14c2.746.017 4.984-2.206 4.984-4.937 0-1.946-1.153-3.602-2.799-4.41.003-.062.01-.115.01-.184 0-4.008-3.28-7.265-7.31-7.265zm0 .843c3.58 0 6.47 2.872 6.47 6.422 0 .115-.012.242-.02.387a.421.421 0 00.26.414 4.104 4.104 0 012.546 3.793 4.094 4.094 0 01-4.135 4.096.421.421 0 00-.003 0H5.02C2.702 19.52.844 17.653.844 15.344c0-1.545.834-2.883 2.08-3.62a.421.421 0 00.187-.49 2.701 2.701 0 01-.125-.814 2.741 2.741 0 012.758-2.736 2.75 2.75 0 011.686.576.421.421 0 00.636-.15A6.462 6.462 0 0113.9 4.444zm-5.33 6.877c-1.586 0-2.91 1.213-2.91 2.737 0 1.523 1.324 2.736 2.91 2.736 1.411 0 2.182-.931 2.496-1.266a.421.421 0 10-.613-.578c-.378.402-.819 1.002-1.883 1.002-1.162 0-2.068-.86-2.068-1.894 0-1.035.906-1.895 2.068-1.895.533 0 1.105.297 1.686.77.372.303.737.668 1.098 1.043a.421.421 0 00.085.123c.533.552 1.122 1.205 1.774 1.736.652.531 1.386.959 2.217.959 1.586 0 2.91-1.213 2.91-2.736 0-1.524-1.324-2.737-2.91-2.737-1.411 0-2.182.931-2.496 1.266a.421.421 0 10.613.578c.378-.402.819-1.002 1.883-1.002 1.162 0 2.068.86 2.068 1.895 0 1.034-.906 1.894-2.068 1.894-.533 0-1.105-.297-1.686-.77-.372-.303-.737-.67-1.098-1.044a.421.421 0 00-.085-.121c-.533-.552-1.122-1.208-1.774-1.739-.652-.53-1.386-.957-2.217-.957Z"])))},{name:"mastodon",d:raw(_templateObject25||(_templateObject25=_taggedTemplateLiteralLoose(["M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"])))},{name:"rss",d:raw(_templateObject26||(_templateObject26=_taggedTemplateLiteralLoose(["M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"])))}];
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { type JSX } from "react";
|
|
2
|
+
import type { IconName, JsxSocialIconProps } from "./types.js";
|
|
3
|
+
export type { IconName, JsxSocialIconProps };
|
|
4
|
+
/**
|
|
5
|
+
* #### Component for rendering a icon with customizable properties.
|
|
6
|
+
*
|
|
7
|
+
* @param name - The name of the icon to display.
|
|
8
|
+
* @param href - The URL the icon should link to.
|
|
9
|
+
* @param target - The target attribute for the link.
|
|
10
|
+
* @param fillColor - The color to fill the icon.
|
|
11
|
+
* @param fillOpacity - The opacity of the fill color.
|
|
12
|
+
* @param className - Additional CSS class for styling.
|
|
13
|
+
* @param size - The size of the icon.
|
|
14
|
+
* @param title - The title attribute for accessibility.
|
|
15
|
+
*
|
|
16
|
+
* @returns The JSX element representing the social media icon with the specified properties.
|
|
17
|
+
*
|
|
18
|
+
* ```ts
|
|
19
|
+
* import ReactIcon from "lwe8-icons-react";
|
|
20
|
+
|
|
21
|
+
export function Home() {
|
|
22
|
+
return (
|
|
23
|
+
<main>
|
|
24
|
+
<ReactIcon
|
|
25
|
+
name="github"
|
|
26
|
+
href="https://github.com"
|
|
27
|
+
size={36}
|
|
28
|
+
fillColor="#673ab8"
|
|
29
|
+
fillOpacity={0.9}
|
|
30
|
+
title="Link to my github profile"
|
|
31
|
+
target="_blank"
|
|
32
|
+
className="My class"
|
|
33
|
+
/>
|
|
34
|
+
</main>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
export default function ReactIcon({ name, href, target, fillColor, fillOpacity, className, size, title, }: JsxSocialIconProps): JSX.Element;
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use client";import React from"react";import{Suspense,useEffect,useState}from"react";import{icons}from"./icons.js";var getPathd=a=>{var b=icons.find(b=>b.name===a);return b.d};/**
|
|
2
|
+
* #### Component for rendering a icon with customizable properties.
|
|
3
|
+
*
|
|
4
|
+
* @param name - The name of the icon to display.
|
|
5
|
+
* @param href - The URL the icon should link to.
|
|
6
|
+
* @param target - The target attribute for the link.
|
|
7
|
+
* @param fillColor - The color to fill the icon.
|
|
8
|
+
* @param fillOpacity - The opacity of the fill color.
|
|
9
|
+
* @param className - Additional CSS class for styling.
|
|
10
|
+
* @param size - The size of the icon.
|
|
11
|
+
* @param title - The title attribute for accessibility.
|
|
12
|
+
*
|
|
13
|
+
* @returns The JSX element representing the social media icon with the specified properties.
|
|
14
|
+
*
|
|
15
|
+
* ```ts
|
|
16
|
+
* import ReactIcon from "lwe8-icons-react";
|
|
17
|
+
|
|
18
|
+
export function Home() {
|
|
19
|
+
return (
|
|
20
|
+
<main>
|
|
21
|
+
<ReactIcon
|
|
22
|
+
name="github"
|
|
23
|
+
href="https://github.com"
|
|
24
|
+
size={36}
|
|
25
|
+
fillColor="#673ab8"
|
|
26
|
+
fillOpacity={0.9}
|
|
27
|
+
title="Link to my github profile"
|
|
28
|
+
target="_blank"
|
|
29
|
+
className="My class"
|
|
30
|
+
/>
|
|
31
|
+
</main>
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
* ```
|
|
35
|
+
*/export default function ReactIcon(a){var{name:b,href:c="#",target:d="_blank",fillColor:e="currentColor",fillOpacity:f=.7,className:g="",size:h=24,title:i=b}=a,[j,k]=useState(()=>getPathd(b)),[l,m]=useState(f),[n,o]=useState(e),[p,q]=useState(c),[r,s]=useState(d),[t,u]=useState(g),[v,w]=useState(h),[x,y]=useState(i);return useEffect(()=>{k(getPathd(b))},[b]),useEffect(()=>{m(f)},[f]),useEffect(()=>{o(e)},[e]),useEffect(()=>{q(c)},[c]),useEffect(()=>{s(d)},[d]),useEffect(()=>{u(g)},[g]),useEffect(()=>{w(h)},[h]),useEffect(()=>{y(i)},[i]),(/*#__PURE__*/React.createElement(Suspense,{fallback:/*#__PURE__*/React.createElement("p",null,"Loading...")},/*#__PURE__*/React.createElement("a",{href:p,style:{textDecoration:"none",color:"currentcolor"},className:t,target:r},/*#__PURE__*/React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:v,height:v},/*#__PURE__*/React.createElement("title",null,x),/*#__PURE__*/React.createElement("path",{d:j,fill:n,fillOpacity:l})))))}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
export type IconName = "codepen" | "codesandbox" | "dev-to" | "discord" | "facebook" | "gitbook" | "github" | "gitlab" | "hashnode" | "jsfiddle" | "line" | "linkedin" | "mastodon" | "medium" | "messenger" | "slack" | "stackedit" | "stackoverflow" | "telegram" | "viber" | "wechat" | "whatsapp" | "wordpress" | "youtube" | "twitter-X" | "rss";
|
|
2
|
+
export interface Icons {
|
|
3
|
+
name: IconName;
|
|
4
|
+
d: string;
|
|
5
|
+
}
|
|
6
|
+
export interface JsxSocialIconProps {
|
|
7
|
+
/**
|
|
8
|
+
* ```
|
|
9
|
+
* 'Name of icon'
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
12
|
+
name: Icons["name"];
|
|
13
|
+
/**
|
|
14
|
+
* ```
|
|
15
|
+
* 'HTML Anchor Element Attribute "href"'
|
|
16
|
+
* ```
|
|
17
|
+
*
|
|
18
|
+
* ```html
|
|
19
|
+
* <a href=""></a>
|
|
20
|
+
*
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
href?: string;
|
|
24
|
+
/**
|
|
25
|
+
* ```
|
|
26
|
+
* 'HTML Anchor Element Attribute "target"'
|
|
27
|
+
* ```
|
|
28
|
+
*
|
|
29
|
+
* ```html
|
|
30
|
+
* <a href="" target=""></a>
|
|
31
|
+
*
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
target?: "_blank" | "_parent" | "_self" | "_top";
|
|
35
|
+
/**
|
|
36
|
+
* ```
|
|
37
|
+
* 'HTML Anchor Element `className`'
|
|
38
|
+
* ```
|
|
39
|
+
*
|
|
40
|
+
* ```
|
|
41
|
+
* 'Default style - {textDecoration: none, color: currentcolor }'
|
|
42
|
+
* ```
|
|
43
|
+
*
|
|
44
|
+
* ```html
|
|
45
|
+
*
|
|
46
|
+
* <a href="" target="" className=""></a>
|
|
47
|
+
*
|
|
48
|
+
* ```
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
/**
|
|
52
|
+
* ```
|
|
53
|
+
* 'Size for icon - default - 24'
|
|
54
|
+
* ```
|
|
55
|
+
*/
|
|
56
|
+
size?: number;
|
|
57
|
+
/**
|
|
58
|
+
* ```
|
|
59
|
+
* 'Color for icon - default - "currentcolor"'
|
|
60
|
+
* ```
|
|
61
|
+
*/
|
|
62
|
+
fillColor?: string;
|
|
63
|
+
/**
|
|
64
|
+
* ```
|
|
65
|
+
* 'Opacity of icon. 0.1 to 1 > default 0.7'
|
|
66
|
+
* ```
|
|
67
|
+
*/
|
|
68
|
+
fillOpacity?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;
|
|
69
|
+
/**
|
|
70
|
+
* ```
|
|
71
|
+
* 'Tooltip text for icon. default name of icon .'
|
|
72
|
+
* ```
|
|
73
|
+
*
|
|
74
|
+
*
|
|
75
|
+
*/
|
|
76
|
+
title?: string;
|
|
77
|
+
}
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{};
|
package/package.json
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "lwe8-icons-react",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Icons with link for React, from Simple Icons",
|
|
5
|
+
"exports": {
|
|
6
|
+
".": {
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"import": "./dist/index.js"
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"type": "module",
|
|
12
|
+
"keywords": [
|
|
13
|
+
"Icons",
|
|
14
|
+
"Simple Icons",
|
|
15
|
+
"React"
|
|
16
|
+
],
|
|
17
|
+
"author": "Pho Thin Mg",
|
|
18
|
+
"license": "Apache-2.0",
|
|
19
|
+
"dependencies": {
|
|
20
|
+
"react": "^19.0.0"
|
|
21
|
+
},
|
|
22
|
+
"devDependencies": {
|
|
23
|
+
"@babel/cli": "^7.26.4",
|
|
24
|
+
"@babel/core": "^7.26.0",
|
|
25
|
+
"@babel/plugin-transform-react-constant-elements": "^7.25.9",
|
|
26
|
+
"@babel/plugin-transform-react-inline-elements": "^7.25.9",
|
|
27
|
+
"@babel/plugin-transform-react-jsx": "^7.25.9",
|
|
28
|
+
"@babel/plugin-transform-template-literals": "^7.25.9",
|
|
29
|
+
"@babel/plugin-transform-typescript": "^7.26.5",
|
|
30
|
+
"@babel/preset-env": "^7.26.0",
|
|
31
|
+
"@babel/preset-react": "^7.26.3",
|
|
32
|
+
"@babel/preset-typescript": "^7.26.0",
|
|
33
|
+
"@biomejs/biome": "^1.9.4",
|
|
34
|
+
"@types/react": "^19.0.4",
|
|
35
|
+
"babel-preset-minify": "^0.5.2",
|
|
36
|
+
"dax-sh": "^0.42.0",
|
|
37
|
+
"typescript": "^5.7.3"
|
|
38
|
+
},
|
|
39
|
+
"scripts": {
|
|
40
|
+
"check": "biome check --write src && biome format --write src",
|
|
41
|
+
"build": "./build.js"
|
|
42
|
+
}
|
|
43
|
+
}
|