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

Comparing version 1.1.3 to 1.1.4

CHANGELOG.md

 # @steeze-ui/svelte-icon
 
+## 1.1.3
+
+### Patch Changes
+
+- add missing tags and attributes
+
+## 1.1.3
+
+### Patch Changes
+
+- fix types export
+
 ## 1.1.2
@@ -4,0 +16,0 @@

Icon.svelte.d.ts

@@ -9,3 +9,2 @@ import { SvelteComponentTyped } from "svelte";
         theme?: string;
-        class?: string;
     };
@@ -12,0 +11,0 @@ events: {

package.json

 {
   "name": "@steeze-ui/svelte-icon",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "devDependencies": {
+    "@steeze-ui/heroicons": "^1.0.1",
+    "@steeze-ui/iconic-free": "^1.0.1",
+    "@steeze-ui/radix-icons": "^1.0.3",
     "@sveltejs/adapter-auto": "next",
@@ -12,5 +15,5 @@ "@sveltejs/kit": "next",
     "svelte-preprocess": "^4.9.4",
+    "svelte2tsx": "^0.4.11",
     "tslib": "^2.3.1",
-    "typescript": "^4.4.3",
-    "svelte2tsx": "^0.4.11"
+    "typescript": "^4.4.3"
   },
@@ -47,4 +50,5 @@ "type": "module",
   },
+  "main": "./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"
 }

types/index.d.ts

 export interface IconSource {
-	default: {
-		a: {
-			[key: string]: string
-		}
-		p: {
-			[key: string]: string
-		}[]
+	default: IconSourceThemeAttrs
+	[key: string]: IconSourceThemeAttrs
+}
+
+interface IconSourceThemeAttrs {
+	a: {
+		[key: string]: string
 	}
-	[key: string]: {
-		a: {
-			[key: string]: string
-		}
-		p: {
-			[key: string]: string
-		}[]
-	}
+	path?: {
+		[key: string]: string
+	}[]
+	rect?: {
+		[key: string]: string
+	}[]
+	circle?: {
+		[key: string]: string
+	}[]
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8048

increased by28.44%

Number of package files

9

increased by12.5%

Worsened metrics

Dev dependency count

13

increased by30%

Lines of code

40

decreased by-2.44%

No dependency changes