svelte-remix 0.6.1 → 1.0.1

package/dist/ZhihuFillLogos.svelte.d.ts

@@ -4,16 +4,16 @@
 /**
  * [Go to docs](https://svelte-remix.vercel.app/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let role = 'img';
- * @prop export let color = 'currentColor';
+ * @prop export let size = ctx.size || '24';
+ * @prop export let role = ctx.role || 'img';
+ * @prop export let color = ctx.color || 'currentColor';
  * @prop export let ariaLabel = 'zhihu fill';
  */
 export default class ZhihuFillLogos extends SvelteComponentTyped<{
     [x: string]: any;
-    size?: string | undefined;
-    role?: string | undefined;
-    color?: string | undefined;
+    size?: any;
+    role?: any;
+    color?: any;
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
@@ -36,9 +36,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string | undefined;
-        role?: string | undefined;
-        color?: string | undefined;
+        size?: any;
+        role?: any;
+        color?: any;
         ariaLabel?: string | undefined;
     };
     events: {

package/dist/ZhihuLineLogos.svelte

@@ -1,7 +1,9 @@
 <script>
-  export let size = '24';
-  export let role = 'img';
-  export let color = 'currentColor';
+  import { getContext } from 'svelte';
+  const ctx = getContext('iconCtx') ?? {};
+  export let size = ctx.size || '24';
+  export let role = ctx.role || 'img';
+  export let color = ctx.color || 'currentColor';
   export let ariaLabel = 'zhihu line';
 </script>
 
@@ -32,8 +34,8 @@
 @component
 [Go to docs](https://svelte-remix.vercel.app/)
 ## Props
-@prop export let size = '24';
-@prop export let role = 'img';
-@prop export let color = 'currentColor';
+@prop export let size = ctx.size || '24';
+@prop export let role = ctx.role || 'img';
+@prop export let color = ctx.color || 'currentColor';
 @prop export let ariaLabel = 'zhihu line';
 -->

package/dist/ZhihuLineLogos.svelte.d.ts

@@ -4,16 +4,16 @@
 /**
  * [Go to docs](https://svelte-remix.vercel.app/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let role = 'img';
- * @prop export let color = 'currentColor';
+ * @prop export let size = ctx.size || '24';
+ * @prop export let role = ctx.role || 'img';
+ * @prop export let color = ctx.color || 'currentColor';
  * @prop export let ariaLabel = 'zhihu line';
  */
 export default class ZhihuLineLogos extends SvelteComponentTyped<{
     [x: string]: any;
-    size?: string | undefined;
-    role?: string | undefined;
-    color?: string | undefined;
+    size?: any;
+    role?: any;
+    color?: any;
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
@@ -36,9 +36,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string | undefined;
-        role?: string | undefined;
-        color?: string | undefined;
+        size?: any;
+        role?: any;
+        color?: any;
         ariaLabel?: string | undefined;
     };
     events: {

package/dist/ZoomInFillSystem.svelte

@@ -1,7 +1,9 @@
 <script>
-  export let size = '24';
-  export let role = 'img';
-  export let color = 'currentColor';
+  import { getContext } from 'svelte';
+  const ctx = getContext('iconCtx') ?? {};
+  export let size = ctx.size || '24';
+  export let role = ctx.role || 'img';
+  export let color = ctx.color || 'currentColor';
   export let ariaLabel = 'zoom in fill';
 </script>
 
@@ -32,8 +34,8 @@
 @component
 [Go to docs](https://svelte-remix.vercel.app/)
 ## Props
-@prop export let size = '24';
-@prop export let role = 'img';
-@prop export let color = 'currentColor';
+@prop export let size = ctx.size || '24';
+@prop export let role = ctx.role || 'img';
+@prop export let color = ctx.color || 'currentColor';
 @prop export let ariaLabel = 'zoom in fill';
 -->

package/dist/ZoomInFillSystem.svelte.d.ts

@@ -4,16 +4,16 @@
 /**
  * [Go to docs](https://svelte-remix.vercel.app/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let role = 'img';
- * @prop export let color = 'currentColor';
+ * @prop export let size = ctx.size || '24';
+ * @prop export let role = ctx.role || 'img';
+ * @prop export let color = ctx.color || 'currentColor';
  * @prop export let ariaLabel = 'zoom in fill';
  */
 export default class ZoomInFillSystem extends SvelteComponentTyped<{
     [x: string]: any;
-    size?: string | undefined;
-    role?: string | undefined;
-    color?: string | undefined;
+    size?: any;
+    role?: any;
+    color?: any;
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
@@ -36,9 +36,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string | undefined;
-        role?: string | undefined;
-        color?: string | undefined;
+        size?: any;
+        role?: any;
+        color?: any;
         ariaLabel?: string | undefined;
     };
     events: {

package/dist/ZoomInLineSystem.svelte

@@ -1,7 +1,9 @@
 <script>
-  export let size = '24';
-  export let role = 'img';
-  export let color = 'currentColor';
+  import { getContext } from 'svelte';
+  const ctx = getContext('iconCtx') ?? {};
+  export let size = ctx.size || '24';
+  export let role = ctx.role || 'img';
+  export let color = ctx.color || 'currentColor';
   export let ariaLabel = 'zoom in line';
 </script>
 
@@ -32,8 +34,8 @@
 @component
 [Go to docs](https://svelte-remix.vercel.app/)
 ## Props
-@prop export let size = '24';
-@prop export let role = 'img';
-@prop export let color = 'currentColor';
+@prop export let size = ctx.size || '24';
+@prop export let role = ctx.role || 'img';
+@prop export let color = ctx.color || 'currentColor';
 @prop export let ariaLabel = 'zoom in line';
 -->

package/dist/ZoomInLineSystem.svelte.d.ts

@@ -4,16 +4,16 @@
 /**
  * [Go to docs](https://svelte-remix.vercel.app/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let role = 'img';
- * @prop export let color = 'currentColor';
+ * @prop export let size = ctx.size || '24';
+ * @prop export let role = ctx.role || 'img';
+ * @prop export let color = ctx.color || 'currentColor';
  * @prop export let ariaLabel = 'zoom in line';
  */
 export default class ZoomInLineSystem extends SvelteComponentTyped<{
     [x: string]: any;
-    size?: string | undefined;
-    role?: string | undefined;
-    color?: string | undefined;
+    size?: any;
+    role?: any;
+    color?: any;
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
@@ -36,9 +36,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string | undefined;
-        role?: string | undefined;
-        color?: string | undefined;
+        size?: any;
+        role?: any;
+        color?: any;
         ariaLabel?: string | undefined;
     };
     events: {

package/dist/ZoomOutFillSystem.svelte

@@ -1,7 +1,9 @@
 <script>
-  export let size = '24';
-  export let role = 'img';
-  export let color = 'currentColor';
+  import { getContext } from 'svelte';
+  const ctx = getContext('iconCtx') ?? {};
+  export let size = ctx.size || '24';
+  export let role = ctx.role || 'img';
+  export let color = ctx.color || 'currentColor';
   export let ariaLabel = 'zoom out fill';
 </script>
 
@@ -32,8 +34,8 @@
 @component
 [Go to docs](https://svelte-remix.vercel.app/)
 ## Props
-@prop export let size = '24';
-@prop export let role = 'img';
-@prop export let color = 'currentColor';
+@prop export let size = ctx.size || '24';
+@prop export let role = ctx.role || 'img';
+@prop export let color = ctx.color || 'currentColor';
 @prop export let ariaLabel = 'zoom out fill';
 -->

package/dist/ZoomOutFillSystem.svelte.d.ts

@@ -4,16 +4,16 @@
 /**
  * [Go to docs](https://svelte-remix.vercel.app/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let role = 'img';
- * @prop export let color = 'currentColor';
+ * @prop export let size = ctx.size || '24';
+ * @prop export let role = ctx.role || 'img';
+ * @prop export let color = ctx.color || 'currentColor';
  * @prop export let ariaLabel = 'zoom out fill';
  */
 export default class ZoomOutFillSystem extends SvelteComponentTyped<{
     [x: string]: any;
-    size?: string | undefined;
-    role?: string | undefined;
-    color?: string | undefined;
+    size?: any;
+    role?: any;
+    color?: any;
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
@@ -36,9 +36,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string | undefined;
-        role?: string | undefined;
-        color?: string | undefined;
+        size?: any;
+        role?: any;
+        color?: any;
         ariaLabel?: string | undefined;
     };
     events: {

package/dist/ZoomOutLineSystem.svelte

@@ -1,7 +1,9 @@
 <script>
-  export let size = '24';
-  export let role = 'img';
-  export let color = 'currentColor';
+  import { getContext } from 'svelte';
+  const ctx = getContext('iconCtx') ?? {};
+  export let size = ctx.size || '24';
+  export let role = ctx.role || 'img';
+  export let color = ctx.color || 'currentColor';
   export let ariaLabel = 'zoom out line';
 </script>
 
@@ -32,8 +34,8 @@
 @component
 [Go to docs](https://svelte-remix.vercel.app/)
 ## Props
-@prop export let size = '24';
-@prop export let role = 'img';
-@prop export let color = 'currentColor';
+@prop export let size = ctx.size || '24';
+@prop export let role = ctx.role || 'img';
+@prop export let color = ctx.color || 'currentColor';
 @prop export let ariaLabel = 'zoom out line';
 -->

package/dist/ZoomOutLineSystem.svelte.d.ts

@@ -4,16 +4,16 @@
 /**
  * [Go to docs](https://svelte-remix.vercel.app/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let role = 'img';
- * @prop export let color = 'currentColor';
+ * @prop export let size = ctx.size || '24';
+ * @prop export let role = ctx.role || 'img';
+ * @prop export let color = ctx.color || 'currentColor';
  * @prop export let ariaLabel = 'zoom out line';
  */
 export default class ZoomOutLineSystem extends SvelteComponentTyped<{
     [x: string]: any;
-    size?: string | undefined;
-    role?: string | undefined;
-    color?: string | undefined;
+    size?: any;
+    role?: any;
+    color?: any;
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
@@ -36,9 +36,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string | undefined;
-        role?: string | undefined;
-        color?: string | undefined;
+        size?: any;
+        role?: any;
+        color?: any;
         ariaLabel?: string | undefined;
     };
     events: {

package/dist/ZzzFillHealthMedical.svelte

@@ -1,7 +1,9 @@
 <script>
-  export let size = '24';
-  export let role = 'img';
-  export let color = 'currentColor';
+  import { getContext } from 'svelte';
+  const ctx = getContext('iconCtx') ?? {};
+  export let size = ctx.size || '24';
+  export let role = ctx.role || 'img';
+  export let color = ctx.color || 'currentColor';
   export let ariaLabel = 'zzz fill';
 </script>
 
@@ -32,8 +34,8 @@
 @component
 [Go to docs](https://svelte-remix.vercel.app/)
 ## Props
-@prop export let size = '24';
-@prop export let role = 'img';
-@prop export let color = 'currentColor';
+@prop export let size = ctx.size || '24';
+@prop export let role = ctx.role || 'img';
+@prop export let color = ctx.color || 'currentColor';
 @prop export let ariaLabel = 'zzz fill';
 -->

package/dist/ZzzFillHealthMedical.svelte.d.ts

@@ -4,16 +4,16 @@
 /**
  * [Go to docs](https://svelte-remix.vercel.app/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let role = 'img';
- * @prop export let color = 'currentColor';
+ * @prop export let size = ctx.size || '24';
+ * @prop export let role = ctx.role || 'img';
+ * @prop export let color = ctx.color || 'currentColor';
  * @prop export let ariaLabel = 'zzz fill';
  */
 export default class ZzzFillHealthMedical extends SvelteComponentTyped<{
     [x: string]: any;
-    size?: string | undefined;
-    role?: string | undefined;
-    color?: string | undefined;
+    size?: any;
+    role?: any;
+    color?: any;
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
@@ -36,9 +36,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string | undefined;
-        role?: string | undefined;
-        color?: string | undefined;
+        size?: any;
+        role?: any;
+        color?: any;
         ariaLabel?: string | undefined;
     };
     events: {

package/dist/ZzzLineHealthMedical.svelte

@@ -1,7 +1,9 @@
 <script>
-  export let size = '24';
-  export let role = 'img';
-  export let color = 'currentColor';
+  import { getContext } from 'svelte';
+  const ctx = getContext('iconCtx') ?? {};
+  export let size = ctx.size || '24';
+  export let role = ctx.role || 'img';
+  export let color = ctx.color || 'currentColor';
   export let ariaLabel = 'zzz line';
 </script>
 
@@ -32,8 +34,8 @@
 @component
 [Go to docs](https://svelte-remix.vercel.app/)
 ## Props
-@prop export let size = '24';
-@prop export let role = 'img';
-@prop export let color = 'currentColor';
+@prop export let size = ctx.size || '24';
+@prop export let role = ctx.role || 'img';
+@prop export let color = ctx.color || 'currentColor';
 @prop export let ariaLabel = 'zzz line';
 -->

package/dist/ZzzLineHealthMedical.svelte.d.ts

@@ -4,16 +4,16 @@
 /**
  * [Go to docs](https://svelte-remix.vercel.app/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let role = 'img';
- * @prop export let color = 'currentColor';
+ * @prop export let size = ctx.size || '24';
+ * @prop export let role = ctx.role || 'img';
+ * @prop export let color = ctx.color || 'currentColor';
  * @prop export let ariaLabel = 'zzz line';
  */
 export default class ZzzLineHealthMedical extends SvelteComponentTyped<{
     [x: string]: any;
-    size?: string | undefined;
-    role?: string | undefined;
-    color?: string | undefined;
+    size?: any;
+    role?: any;
+    color?: any;
     ariaLabel?: string | undefined;
 }, {
     click: MouseEvent;
@@ -36,9 +36,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string | undefined;
-        role?: string | undefined;
-        color?: string | undefined;
+        size?: any;
+        role?: any;
+        color?: any;
         ariaLabel?: string | undefined;
     };
     events: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-remix",
-  "version": "0.6.1",
+  "version": "1.0.1",
   "main": "dist/index.js",
   "description": "Svelte Remix Icon components",
   "author": {
@@ -29,44 +29,45 @@
     "gen:compo-data": "svelte-lib-helpers compo-data",
     "copy:package": "svelte-lib-helpers package",
     "lib-helpers": "npm run format && npm run gen:docs && npm run build && npm run gen:exports && npm run copy:package",
-    "package:publish": "standard-version && git push --follow-tags origin main && npm run lib-helpers && npm publish"
+    "package:publish": "standard-version && git push --follow-tags origin main && npm publish"
   },
   "files": [
     "dist"
   ],
   "peerDependencies": {
-    "svelte": "^3.54.0 || ^4.0.0"
+    "svelte": "^3.54.0 || ^4.0.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@floating-ui/dom": "^1.5.1",
-    "@playwright/test": "^1.37.1",
-    "@sveltejs/adapter-auto": "^2.1.0",
-    "@sveltejs/kit": "^1.23.0",
-    "@sveltejs/package": "^2.2.2",
-    "@typescript-eslint/eslint-plugin": "^6.5.0",
-    "@typescript-eslint/parser": "^6.5.0",
-    "autoprefixer": "^10.4.15",
-    "eslint": "^8.48.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-svelte": "^2.33.0",
-    "flowbite-svelte": "^0.44.4",
+    "@floating-ui/dom": "^1.6.0",
+    "@playwright/test": "^1.41.1",
+    "@sveltejs/adapter-auto": "^3.1.1",
+    "@sveltejs/kit": "^2.5.0",
+    "@sveltejs/package": "^2.2.6",
+    "@sveltejs/vite-plugin-svelte": "^3.0.1",
+    "@typescript-eslint/eslint-plugin": "^6.19.1",
+    "@typescript-eslint/parser": "^6.19.1",
+    "autoprefixer": "^10.4.17",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-svelte": "^2.35.1",
+    "flowbite-svelte": "^0.44.22",
     "mdsvex": "^0.11.0",
-    "postcss": "^8.4.28",
-    "postcss-load-config": "^4.0.1",
-    "prettier": "^3.0.2",
-    "prettier-plugin-svelte": "^3.0.3",
-    "publint": "^0.2.2",
-    "svelte": "^4.2.0",
-    "svelte-check": "^3.5.0",
-    "svelte-lib-helpers": "^0.3.8",
-    "svelte-meta-tags": "^3.0.3",
-    "svelte-preprocess": "^5.0.4",
-    "tailwind-merge": "^1.14.0",
-    "tailwindcss": "^3.3.3",
+    "postcss": "^8.4.33",
+    "postcss-load-config": "^5.0.2",
+    "prettier": "^3.2.4",
+    "prettier-plugin-svelte": "^3.1.2",
+    "publint": "^0.2.7",
+    "svelte": "^4.2.9",
+    "svelte-check": "^3.6.3",
+    "svelte-lib-helpers": "^0.3.15",
+    "svelte-meta-tags": "^3.1.0",
+    "svelte-preprocess": "^5.1.3",
+    "tailwind-merge": "^2.2.1",
+    "tailwindcss": "^3.4.1",
     "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "vite": "^4.4.9",
-    "vitest": "^0.34.3"
+    "typescript": "^5.3.3",
+    "vite": "^5.0.12",
+    "vitest": "^1.2.2"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -10240,4 +10241,4 @@
       "svelte": "./dist/ZzzLineHealthMedical.svelte"
     }
   }
-}
+}