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

@steeze-ui/svelte-icon

Package Overview
Dependencies
Maintainers
1
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@steeze-ui/svelte-icon - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

Icon.svelte

7

CHANGELOG.md
# @steeze-ui/svelte-icon
## 1.0.2
### Patch Changes
- publish correct package
## 1.0.1
### Patch Changes
- make theme reactive

3

index.js

@@ -1,1 +0,2 @@

export { default as Icon } from './package/Icon.svelte'
export {default as Icon} from "./Icon.svelte"
{
"name": "@steeze-ui/svelte-icon",
"version": "1.0.1",
"version": "1.0.2",
"devDependencies": {

@@ -39,15 +39,8 @@ "@sveltejs/adapter-auto": "next",

},
"scripts": {
"dev": "svelte-kit dev",
"build": "svelte-kit build",
"preview": "svelte-kit preview",
"check": "svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. .",
"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. .",
"package": "svelte-kit package",
"release:next": "pnpm release -- --tag=next",
"release": "pnpm package && cd package && pnpm publish"
"exports": {
"./package.json": "./package.json",
".": "./index.js"
},
"svelte": "./index.js",
"readme": "# READ THIS FIRST\n\nThis project is still in experimental development. Expect bugs and breaking changes!\n\n## Overview\n\nEffortless Svelte Icon Component\n\n- Made for SvelteKit & Vite environments\n- Usable with all official [Icon Packs](https://github.com/steeze-ui/icons/)\n- Dynamically change theme on runtime\n\n## Installation\n\n```bash\nnpm i -D @steeze-ui/svelte-icon\n```\n\n## Usage\n\n```svelte\n<script>\n //import icon component\n import {Icon} from '@steeze-ui/svelte-icon'\n\n //import as many icons from a Icon Pack\n import {LightningBolt} from '@steeze-ui/heroicons'\n</script>\n\n<!-- Set Icon Theme via the attribute -->\n<Icon src={LightningBolt} theme='solid' class='color-gray-900'>\n```\n\n## Documentation\n\n### Icon attributes\n\n| Attribute | Default | Description |\n| --------- | ------- | ------------------------------------------------------------------- |\n| src | - | (required) The source of a icon coming from an Icon Pack |\n| theme | default | Configures to use a Icon Theme if available (otherwise use default) |\n| size | 100% | Configures width and height |\n| class | - | Configures width and height |\n| \\* | - | Any html attribute that is valid (e.g aria-hidden) |\n\n### Icon Packs\n\nFor all available Icon Packs visit [steeze-ui/icons](https://github.com/steeze-ui/icons)\n\n## Development\n\nThis repo uses pnpm. To build a new version of the package just run:\n\n```bash\npnpm install && pnpm package\n```\n"
}
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