Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

solid-icons

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

solid-icons - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

9

lib/index.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc