@selemondev/svgl-svelte 2.4.0 → 2.6.0

package/dist/components/Zyft.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 160 62" version="1.1" viewBox="0 0 160 62" width="${width}" height="${height}" ${restAttrs}><style>.st0{fill:#ce2626}</style><path d="M2.4 3.1c.1-.8.8-1.4 1.6-1.4h30c1.4 0 2.7.4 3.8 1.2 1.4 1 2.3 2.5 2.7 4.1.3 1.5 0 3.2-.7 4.5-4.6 8-9.2 16.1-13.9 24.1-.7 1.1-.8 2.5-.5 3.8.4 1.5 1.5 2.8 2.9 3.4 1.6.7 3.5.6 4.9-.4.6-.4 1.2-1 1.6-1.6 1.8-2.9 3.6-5.9 5.4-8.8.1-2.2.2-4.4.4-6.7.2-2.1.4-4.2.9-6.3.2-.7.3-1.4.7-2 .2-.4.7-.4 1.1-.3.7.2 1.2.8 1.7 1.4.9 1.3 1.4 2.7 1.7 4.3 1.7-.7 3.6-1 5.3-.4 1.4.4 2.6 1.4 3.3 2.7 1.2 1.8 1.7 3.9 1.9 6 .1.9-.4 1.8-1.1 2.2-1.9 1.1-4 1.8-6.2 2.2.5 3.4 1.6 6.7 3 9.8.5 1.1 1 2.2 1.6 3.3.1.2.3.5.3.8 0 .5-.3 1-.8 1.2-.3.1-.6.1-.8.1H8.7c-.6 0-1.2 0-1.7-.1-1.6-.3-3-1-4-2-1.2-1.2-1.9-2.9-1.9-4.6 0-1.2.3-2.3.9-3.3 4-7 8.1-14 12.1-21 .6-1 1.2-2 1.5-3.1.5-1.7.2-3.6-.7-5.1-.7-1.2-1.8-2.2-3.1-2.7C9 7.2 6.2 6 3.4 4.9c-.7-.3-1.2-1.1-1-1.8zM50 27.4c-.7.2-1.2.8-1.1 1.5 0 .8.8 1.5 1.6 1.5s1.5-.8 1.4-1.7c-.1-.9-1-1.5-1.9-1.3zM121.9 18.2c1.5-.9 3.4-1.2 5.1-1.2 1.5 0 3 .1 4.4.6v6.2c-1-.2-2-.4-3-.2-.9.2-1.8.7-2.1 1.6-.3.7-.3 1.5-.3 2.2h8.6v-5.2c2.7-.9 5.4-1.7 8.1-2.6v7.8h5.5v6h-5.5v7.4c0 .8.2 1.6.7 2.2.6.7 1.5 1 2.4 1.1.8 0 1.6-.1 2.4-.3v6.1c-1 .4-2.2.6-3.3.7-2 .1-4.1-.1-5.9-1-1.4-.7-2.6-2-3.3-3.4-.8-1.6-1.1-3.4-1.1-5.2v-7.5H126v16.8h-8.1V33.5h-4.2v-6h4.2c0-1.9.1-3.8.9-5.5.6-1.6 1.7-3 3.1-3.8zM66.1 27.4h20v5.3c-3.5 3.8-7.1 7.6-10.6 11.4h11v6H66v-5.7c3.4-3.7 6.9-7.4 10.3-11.1H66c.1-1.9.1-3.9.1-5.9zM86.6 27.4H95c1.7 4.4 3.4 8.7 5.1 13.1 1.8-4.4 3.5-8.7 5.3-13.1h8L103.8 49c-.7 1.5-1.3 3-2.1 4.4-.9 1.6-2.1 3-3.6 4.1-2.3 1.7-5.2 2.6-8 2.9-.6-2.1-1.3-4.1-1.9-6.2 1.4-.3 2.8-.6 4.1-1.3 1-.5 1.9-1.2 2.5-2.2.5-.7.8-1.5 1.1-2.2-3.1-7-6.2-14-9.3-21.1zM159 14.7c0 2.6-2 4.6-4.5 4.6h-.1c-2.6 0-4.5-2-4.5-4.5v-.1c0-2.5 2-4.5 4.5-4.5h.1c2.5-.1 4.5 1.9 4.5 4.5zm-1.1 0c0-1.9-1.5-3.4-3.4-3.4h-.1c-1.9 0-3.4 1.5-3.4 3.4v.1c0 1.9 1.5 3.4 3.4 3.4h.1c1.9-.1 3.4-1.6 3.4-3.5zm-5.5 2.3v-4.6h2.2c1.3 0 2 .6 2 1.6 0 .5-.3 1.1-.7 1.3l.9 1.6H155l-.7-1.4h-.3V17h-1.6zm1.6-2.5h.5c.3 0 .6-.2.6-.4s-.2-.4-.6-.4h-.5v.8z" class="st0"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 160 62" version="1.1" viewBox="0 0 160 62" width="${width}" height="${height}" ${restAttrs}><style>.st0{fill:#ce2626}</style><path d="M2.4 3.1c.1-.8.8-1.4 1.6-1.4h30c1.4 0 2.7.4 3.8 1.2 1.4 1 2.3 2.5 2.7 4.1.3 1.5 0 3.2-.7 4.5-4.6 8-9.2 16.1-13.9 24.1-.7 1.1-.8 2.5-.5 3.8.4 1.5 1.5 2.8 2.9 3.4 1.6.7 3.5.6 4.9-.4.6-.4 1.2-1 1.6-1.6 1.8-2.9 3.6-5.9 5.4-8.8.1-2.2.2-4.4.4-6.7.2-2.1.4-4.2.9-6.3.2-.7.3-1.4.7-2 .2-.4.7-.4 1.1-.3.7.2 1.2.8 1.7 1.4.9 1.3 1.4 2.7 1.7 4.3 1.7-.7 3.6-1 5.3-.4 1.4.4 2.6 1.4 3.3 2.7 1.2 1.8 1.7 3.9 1.9 6 .1.9-.4 1.8-1.1 2.2-1.9 1.1-4 1.8-6.2 2.2.5 3.4 1.6 6.7 3 9.8.5 1.1 1 2.2 1.6 3.3.1.2.3.5.3.8 0 .5-.3 1-.8 1.2-.3.1-.6.1-.8.1H8.7c-.6 0-1.2 0-1.7-.1-1.6-.3-3-1-4-2-1.2-1.2-1.9-2.9-1.9-4.6 0-1.2.3-2.3.9-3.3 4-7 8.1-14 12.1-21 .6-1 1.2-2 1.5-3.1.5-1.7.2-3.6-.7-5.1-.7-1.2-1.8-2.2-3.1-2.7C9 7.2 6.2 6 3.4 4.9c-.7-.3-1.2-1.1-1-1.8zM50 27.4c-.7.2-1.2.8-1.1 1.5 0 .8.8 1.5 1.6 1.5s1.5-.8 1.4-1.7c-.1-.9-1-1.5-1.9-1.3zM121.9 18.2c1.5-.9 3.4-1.2 5.1-1.2 1.5 0 3 .1 4.4.6v6.2c-1-.2-2-.4-3-.2-.9.2-1.8.7-2.1 1.6-.3.7-.3 1.5-.3 2.2h8.6v-5.2c2.7-.9 5.4-1.7 8.1-2.6v7.8h5.5v6h-5.5v7.4c0 .8.2 1.6.7 2.2.6.7 1.5 1 2.4 1.1.8 0 1.6-.1 2.4-.3v6.1c-1 .4-2.2.6-3.3.7-2 .1-4.1-.1-5.9-1-1.4-.7-2.6-2-3.3-3.4-.8-1.6-1.1-3.4-1.1-5.2v-7.5H126v16.8h-8.1V33.5h-4.2v-6h4.2c0-1.9.1-3.8.9-5.5.6-1.6 1.7-3 3.1-3.8zM66.1 27.4h20v5.3c-3.5 3.8-7.1 7.6-10.6 11.4h11v6H66v-5.7c3.4-3.7 6.9-7.4 10.3-11.1H66c.1-1.9.1-3.9.1-5.9zM86.6 27.4H95c1.7 4.4 3.4 8.7 5.1 13.1 1.8-4.4 3.5-8.7 5.3-13.1h8L103.8 49c-.7 1.5-1.3 3-2.1 4.4-.9 1.6-2.1 3-3.6 4.1-2.3 1.7-5.2 2.6-8 2.9-.6-2.1-1.3-4.1-1.9-6.2 1.4-.3 2.8-.6 4.1-1.3 1-.5 1.9-1.2 2.5-2.2.5-.7.8-1.5 1.1-2.2-3.1-7-6.2-14-9.3-21.1zM159 14.7c0 2.6-2 4.6-4.5 4.6h-.1c-2.6 0-4.5-2-4.5-4.5v-.1c0-2.5 2-4.5 4.5-4.5h.1c2.5-.1 4.5 1.9 4.5 4.5zm-1.1 0c0-1.9-1.5-3.4-3.4-3.4h-.1c-1.9 0-3.4 1.5-3.4 3.4v.1c0 1.9 1.5 3.4 3.4 3.4h.1c1.9-.1 3.4-1.6 3.4-3.5zm-5.5 2.3v-4.6h2.2c1.3 0 2 .6 2 1.6 0 .5-.3 1.1-.7 1.3l.9 1.6H155l-.7-1.4h-.3V17h-1.6zm1.6-2.5h.5c.3 0 .6-.2.6-.4s-.2-.4-.6-.4h-.5v.8z" class="st0"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/index.d.ts

@@ -336,6 +336,7 @@ export { default as SvglN8nLogo } from './components/N8n.svelte';
 export { default as SvglNHostLogo } from './components/NHost.svelte';
 export { default as SvglNPMLogo } from './components/NPM.svelte';
 export { default as SvglNVIDIALogo } from './components/NVIDIA.svelte';
+export { default as SvglNanoLogo } from './components/Nano.svelte';
 export { default as SvglNeonLogo } from './components/Neon.svelte';
 export { default as SvglNeovimLogo } from './components/Neovim.svelte';
 export { default as SvglNestJSLogo } from './components/NestJS.svelte';
@@ -452,6 +453,7 @@ export { default as SvglRowyLogo } from './components/Rowy.svelte';
 export { default as SvglRsbuildLogo } from './components/Rsbuild.svelte';
 export { default as SvglRspackLogo } from './components/Rspack.svelte';
 export { default as SvglRubyLogo } from './components/Ruby.svelte';
+export { default as SvglRunframeLogo } from './components/Runframe.svelte';
 export { default as SvglRunwayLogo } from './components/Runway.svelte';
 export { default as SvglRustLogo } from './components/Rust.svelte';
 export { default as SvglRxJSLogo } from './components/RxJS.svelte';
@@ -475,6 +477,7 @@ export { default as SvglSkyLogo } from './components/Sky.svelte';
 export { default as SvglSkypeLogo } from './components/Skype.svelte';
 export { default as SvglSlackLogo } from './components/Slack.svelte';
 export { default as SvglSnapchatLogo } from './components/Snapchat.svelte';
+export { default as SvglSocketIOLogo } from './components/SocketIO.svelte';
 export { default as SvglSocketioLogo } from './components/Socketio.svelte';
 export { default as SvglSolanaLogo } from './components/Solana.svelte';
 export { default as SvglSolderaLogo } from './components/Soldera.svelte';
@@ -594,6 +597,7 @@ export { default as SvglYGeekerLogo } from './components/YGeeker.svelte';
 export { default as SvglYarnLogo } from './components/Yarn.svelte';
 export { default as SvglYouTubeLogo } from './components/YouTube.svelte';
 export { default as SvglYoutubeMusicLogo } from './components/YoutubeMusic.svelte';
+export { default as SvglZaiaEndlessLogo } from './components/ZaiaEndless.svelte';
 export { default as SvglZeaburLogo } from './components/Zeabur.svelte';
 export { default as SvglZedLogo } from './components/Zed.svelte';
 export { default as SvglZenBrowserLogo } from './components/ZenBrowser.svelte';

package/dist/index.js

@@ -338,6 +338,7 @@ export { default as SvglN8nLogo } from './components/N8n.svelte';
 export { default as SvglNHostLogo } from './components/NHost.svelte';
 export { default as SvglNPMLogo } from './components/NPM.svelte';
 export { default as SvglNVIDIALogo } from './components/NVIDIA.svelte';
+export { default as SvglNanoLogo } from './components/Nano.svelte';
 export { default as SvglNeonLogo } from './components/Neon.svelte';
 export { default as SvglNeovimLogo } from './components/Neovim.svelte';
 export { default as SvglNestJSLogo } from './components/NestJS.svelte';
@@ -454,6 +455,7 @@ export { default as SvglRowyLogo } from './components/Rowy.svelte';
 export { default as SvglRsbuildLogo } from './components/Rsbuild.svelte';
 export { default as SvglRspackLogo } from './components/Rspack.svelte';
 export { default as SvglRubyLogo } from './components/Ruby.svelte';
+export { default as SvglRunframeLogo } from './components/Runframe.svelte';
 export { default as SvglRunwayLogo } from './components/Runway.svelte';
 export { default as SvglRustLogo } from './components/Rust.svelte';
 export { default as SvglRxJSLogo } from './components/RxJS.svelte';
@@ -477,6 +479,7 @@ export { default as SvglSkyLogo } from './components/Sky.svelte';
 export { default as SvglSkypeLogo } from './components/Skype.svelte';
 export { default as SvglSlackLogo } from './components/Slack.svelte';
 export { default as SvglSnapchatLogo } from './components/Snapchat.svelte';
+export { default as SvglSocketIOLogo } from './components/SocketIO.svelte';
 export { default as SvglSocketioLogo } from './components/Socketio.svelte';
 export { default as SvglSolanaLogo } from './components/Solana.svelte';
 export { default as SvglSolderaLogo } from './components/Soldera.svelte';
@@ -596,6 +599,7 @@ export { default as SvglYGeekerLogo } from './components/YGeeker.svelte';
 export { default as SvglYarnLogo } from './components/Yarn.svelte';
 export { default as SvglYouTubeLogo } from './components/YouTube.svelte';
 export { default as SvglYoutubeMusicLogo } from './components/YoutubeMusic.svelte';
+export { default as SvglZaiaEndlessLogo } from './components/ZaiaEndless.svelte';
 export { default as SvglZeaburLogo } from './components/Zeabur.svelte';
 export { default as SvglZedLogo } from './components/Zed.svelte';
 export { default as SvglZenBrowserLogo } from './components/ZenBrowser.svelte';

package/dist/utils/parseSvgContent.js

@@ -20,9 +20,11 @@ export const parseSvgContent = (content) => {
   }
 
   let { width = 50, height = 50, ...rest }: Props = $props();
-  const restAttrs = Object.entries(rest).map(([k, v]) => \`\${k}="\${v}"\`).join(' ');
-  const svgContent = \`${content}\`;
+  const svgContent = () => {
+	const restAttrs = Object.entries(rest).map(([k, v]) => \`\${k}="\${v}"\`).join(' ');
+	return \`${content}\`;
+  };
 </script>`,
-        templateContent: '{@html svgContent}'
+        templateContent: '{@html svgContent()}'
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selemondev/svgl-svelte",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "description": "An optimized package with SVG logos to be used as Svelte components ✨",
   "author": "Selemondev",
   "private": false,