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.2.1 to 1.2.2

6

CHANGELOG.md
# @steeze-ui/svelte-icon
## 1.2.2
### Patch Changes
- fix types
## 1.2.1

@@ -4,0 +10,0 @@

8

package.json
{
"name": "@steeze-ui/svelte-icon",
"version": "1.2.1",
"version": "1.2.2",
"devDependencies": {
"@steeze-ui/feather-icons": "^1.0.0-next.0",
"@steeze-ui/heroicons": "^1.0.1",
"@steeze-ui/heroicons": "^1.0.2",
"@steeze-ui/iconic-free": "^1.0.1",
"@steeze-ui/octicons": "^1.0.0-beta.1",
"@steeze-ui/octicons": "^1.0.0",
"@steeze-ui/radix-icons": "^1.0.2",

@@ -53,3 +53,3 @@ "@sveltejs/adapter-auto": "next",

"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"
"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 render nothing) |\n| size | 100% | Configures width and height |\n| \\* | - | Any html attribute that is valid (e.g aria-hidden, class or style) |\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"
}

@@ -38,9 +38,8 @@ # READ THIS FIRST

| Attribute | Default | Description |
| --------- | ------- | ------------------------------------------------------------------- |
| src | - | (required) The source of a icon coming from an Icon Pack |
| theme | default | Configures to use a Icon Theme if available (otherwise use default) |
| size | 100% | Configures width and height |
| class | - | Configures width and height |
| \* | - | Any html attribute that is valid (e.g aria-hidden) |
| Attribute | Default | Description |
| --------- | ------- | ---------------------------------------------------------------------- |
| src | - | (required) The source of a icon coming from an Icon Pack |
| theme | default | Configures to use a Icon Theme if available (otherwise render nothing) |
| size | 100% | Configures width and height |
| \* | - | Any html attribute that is valid (e.g aria-hidden, class or style) |

@@ -47,0 +46,0 @@ ### Icon Packs

export interface IconSource {
default: IconSourceThemeAttrs
[key: string]: IconSourceThemeAttrs
default: { [key: string]: any }
[key: string]: { [key: string]: any }
}
interface IconSourceThemeAttrs {
a?: {
[key: string]: string
}
[key: string]: {
[key: string]: string
}[]
}
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