solid-icons
Advanced tools
Comparing version 1.0.1 to 1.0.2
@@ -1,6 +0,5 @@ | ||
import { spread, insert, memo, effect, setAttribute, style, template } from 'solid-js/web'; | ||
import { spread, insert, isServer, memo, effect, setAttribute, style, template } from 'solid-js/web'; | ||
const _tmpl$ = /*#__PURE__*/template(`<svg fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg"></svg>`, 2), | ||
_tmpl$2 = /*#__PURE__*/template(`<title></title>`, 2); | ||
function IconTemplate(iconSrc, props) { | ||
@@ -14,2 +13,4 @@ return (() => { | ||
insert(_el$, () => isServer && iconSrc.c, null); | ||
insert(_el$, (() => { | ||
@@ -25,3 +26,3 @@ const _c$ = memo(() => !!props.title, true); | ||
})(); | ||
})()); | ||
})(), null); | ||
@@ -32,3 +33,3 @@ effect(_p$ => { | ||
overflow: "visible", | ||
color: props.color | ||
color: props.color || "currentColor" | ||
}, | ||
@@ -35,0 +36,0 @@ _v$3 = props.size || "1em", |
@@ -0,1 +1,2 @@ | ||
import { isServer } from "solid-js/web"; | ||
export function IconTemplate(iconSrc, props) { | ||
@@ -5,6 +6,7 @@ return (<svg stroke={iconSrc.a.stroke} fill="currentColor" stroke-width="0" style={{ | ||
overflow: "visible", | ||
color: props.color, | ||
color: props.color || "currentColor", | ||
}} {...iconSrc.a} {...props} height={props.size || "1em"} width={props.size || "1em"} innerHTML={iconSrc.c} xmlns="http://www.w3.org/2000/svg"> | ||
{isServer && iconSrc.c} | ||
{props.title && <title>{props.title}</title>} | ||
</svg>); | ||
} |
{ | ||
"name": "solid-icons", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"description": "Modern solution for use icons on SolidJS", | ||
@@ -30,3 +30,3 @@ "author": "Ignacio Zsabo", | ||
}, | ||
"homepage": "https://solid-icons.vercel.app/", | ||
"homepage": "https://solid-icons.vercel.app", | ||
"exports": { | ||
@@ -33,0 +33,0 @@ ".": { |
@@ -30,8 +30,8 @@ <p align="center"> | ||
- [16 Icon packs](https://github.com/x64Bits/solid-icons#included-icons-pack) totally ready to use. | ||
- [16 Icon packs](#-included-icons-pack) totally ready to use. | ||
- Compatible with [Solid Start](https://github.com/solidjs/solid-start) static generation and SSR. | ||
- Tree shakeable: What you take is what you get. | ||
- [Customizable](https://github.com/x64Bits/solid-icons#configuration) - receive props to extend their usefulness. | ||
- [Customizable](#%EF%B8%8F-configuration) - receive props to extend their usefulness. | ||
- [Reactivity](https://www.youtube.com/watch?v=J70HXl1KhWE), take advantage of SolidJS to react to changes in props. | ||
- [Just import and declare](https://github.com/x64Bits/solid-icons#usage) in your JSX to work out-the-box | ||
- [Just import and declare](#usage) in your JSX to work out-the-box | ||
- First class TypeScript support | ||
@@ -69,3 +69,3 @@ | ||
| [Feather](https://feathericons.com/) | [MIT](https://github.com/feathericons/feather/blob/master/LICENSE) | 4.28.0 | | ||
| [Font Awesome](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 5.15.4 | | ||
| [Font Awesome](https://fontawesome.com/) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 6.1.2 | | ||
| [Heroicons](https://github.com/refactoringui/heroicons) | [MIT](https://github.com/tailwindlabs/heroicons/blob/master/LICENSE) | 1.0.3 | | ||
@@ -72,0 +72,0 @@ | [IcoMoon Free](https://github.com/Keyamoon/IcoMoon-Free) | [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/) | 1.0.0 | |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
26641851
282442