@selemondev/svgl-svelte 2.9.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,33 +11,9 @@
11
11
  const restAttrs = Object.entries(rest)
12
12
  .map(([k, v]) => `${k}="${v}"`)
13
13
  .join(' ');
14
- return `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 257" width="${width}" height="${height}" ${restAttrs}>
15
- <defs>
16
- <linearGradient x1="25.2%" y1="43.3%" x2="99.2%" y2="67.4%" id="a">
17
- <stop stop-color="#FE2857" offset="21%"/>
18
- <stop stop-color="#293896" offset="100%"/>
19
- </linearGradient>
20
- <linearGradient x1="2.3%" y1="77.1%" x2="90.7%" y2="24.1%" id="b">
21
- <stop stop-color="#FE2857" offset="0%"/>
22
- <stop stop-color="#FE2857" offset="1%"/>
23
- <stop stop-color="#FF318C" offset="86%"/>
24
- </linearGradient>
25
- <linearGradient x1="6.3%" y1="13.9%" x2="94.6%" y2="87.7%" id="c">
26
- <stop stop-color="#FF318C" offset="2%"/>
27
- <stop stop-color="#FE2857" offset="21%"/>
28
- <stop stop-color="#FDB60D" offset="86%"/>
29
- </linearGradient>
30
- <linearGradient x1="91.1%" y1="27.7%" x2="2%" y2="68.6%" id="d">
31
- <stop stop-color="#FDB60D" offset="1%"/>
32
- <stop stop-color="#FCF84A" offset="86%"/>
33
- </linearGradient>
34
- </defs>
35
- <path d="M112.7 117.4 42 57.6a25.6 25.6 0 1 0-24.8 43.9h.3l.7.2 89 27.1a6 6 0 0 0 2 .4 6.4 6.4 0 0 0 3.3-11.8Z" fill="url(#a)"/>
36
- <path d="M126.8 18.7A18.6 18.6 0 0 0 98 3L11.8 55.4a25.6 25.6 0 1 0 30.6 41l77.3-63 .6-.5c4.1-3.6 6.5-8.7 6.5-14.2Z" fill="url(#b)"/>
37
- <path d="M252.2 131.5 121.4 5.5A18.6 18.6 0 1 0 96 32.8l.2.3 139 117a12.6 12.6 0 0 0 17-18.6Z" fill="url(#c)"/>
38
- <path d="M256 140.6a12.6 12.6 0 0 0-20-10.3L77.9 207.7a25.6 25.6 0 1 0 26.4 43.7l146.4-100.5c3.4-2.4 5.4-6.2 5.4-10.3Z" fill="url(#d)"/>
39
- <path d="M75.8 76.9h102.5v102.4H75.8z"/>
40
- <path d="M87 160.1h38.4v6.4H87v-6.4Zm-1.6-56.8 2.8-2.7c.6.9 1.5 1.4 2.6 1.5 1 0 1.8-.8 1.8-2.3v-10H97v10c.1 1.7-.5 3.4-1.6 4.6a6 6 0 0 1-4 1.7H91c-2 0-4-.9-5.4-2.5l-.2-.3ZM99 89.7h12.8v3.8h-8.5v2.4h7.6v3.4h-7.6v2.6h8.6v3.7h-13V89.7Zm19 3.9h-4.7v-3.9h14v3.9h-4.8v12.1h-4.4V93.6ZM87.3 112h7.5a6 6 0 0 1 4.4 1.4c.7.7 1 1.7 1 2.6 0 1.6-1 3-2.5 3.6 2 .4 3.3 2 3.2 4 0 2.8-2.2 4.5-6 4.5h-7.6v-16Zm8.5 5c0-1-.7-1.4-2-1.4h-2.2v2.8h2.1c1.4 0 2.1-.5 2.1-1.4Zm-1.5 4.5h-2.7v3h2.8c1.3 0 2-.6 2-1.5s-.5-1.4-1.8-1.5h-.3Zm17.1 6.6-3.2-4.8h-1.5v4.8h-4.4v-16h7.1a7 7 0 0 1 5.2 1.6 5 5 0 0 1 1.4 3.4v.4c.1 2.1-1.2 4.1-3.3 4.9l3.2 4.7 6.3-15.2h4.3l6.8 16.1h-4.8l-1.1-2.9h-6.2l-1.1 3h-8.7Zm13-11-1.9 4.6h3.6l-1.8-4.5ZM109 116h-2.3v3.8h2.4c1.4 0 2.4-.7 2.4-1.9 0-1.3-1-2-2.5-2Zm25-4h4.3v16H134v-16Zm6 0h4.2l5.7 8.6V112h4.4v16h-3.9l-6-8.8v8.8H140v-16Zm15 13.7 2.5-3a8.3 8.3 0 0 0 5.1 2c1.2 0 1.9-.4 1.9-1.1 0-.5-.3-.9-1.4-1.2l-.4-.2h-.3l-.7-.2h-.3l-.7-.2-.6-.2c-2.6-.8-4.4-1.9-4.4-4.6 0-3 2.4-5.1 6.2-5.1 2.4-.1 4.7.7 6.6 2.1l-2.2 3a7.8 7.8 0 0 0-4.4-1.5c-1.1 0-1.6.4-1.6 1s.3.9 1.3 1.2l.5.1.3.1.7.2c3.6.8 5.9 2 5.9 5 0 3.1-2.4 5-6 5h-.5c-2.5.2-5-.6-7-2l-.5-.4Z" fill="#FFF"/>
14
+ return `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}>
15
+ <path d="M0 0h256v256H0z"/>
16
+ <path d="M28 208h96v16H28v-16ZM24 66l7-7c1 2 4 4 6 4 3 0 5-2 5-6V32h11v25c0 5-1 9-4 12-3 2-6 4-10 4h-1c-5 0-10-2-14-6v-1Zm34-34h32v9H69v7h19v8H69v6h21v10H58V32Zm48 10H94V32h35v10h-12v30h-11V42ZM28 88h19c4-1 8 1 11 3 2 2 3 4 3 7 0 4-3 7-7 9 5 1 8 5 8 10 0 7-5 11-15 11H28V88Zm22 12c0-2-2-3-5-3h-6v7h5c4 0 6-1 6-4Zm-4 11h-7v8h7c3 0 5-1 5-4 0-2-1-3-4-3l-1-1Zm43 17-8-12h-4v12H66V88h18c4-1 9 1 13 4 2 2 3 5 3 9 0 6-3 11-8 13l8 11 16-37h10l17 40h-12l-2-7h-16l-3 7H89Zm32-27-5 11h9l-4-11Zm-38-4h-6v10h6c4 0 6-2 6-5s-2-5-6-5Zm62-9h11v40h-11V88Zm15 0h11l14 21V88h11v40h-10l-15-22v22h-11V88Zm38 34 6-8c4 3 8 5 13 5 3 0 4-1 4-3 0-1 0-2-3-3h-3l-1-1h-2l-2-1c-6-1-10-4-10-11s5-13 15-13c6 0 12 2 16 6l-5 7c-3-2-7-4-11-4-3 0-4 1-4 3l3 3h2l2 1c9 2 15 5 15 12 0 8-6 13-15 13h-1c-7 0-13-2-18-5l-1-1Z" fill="#FFF"/>
41
17
  </svg>
42
18
  `;
43
19
  };
@@ -0,0 +1,18 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const svgContent = () => {
11
+ const restAttrs = Object.entries(rest)
12
+ .map(([k, v]) => `${k}="${v}"`)
13
+ .join(' ');
14
+ return `<svg xmlns="http://www.w3.org/2000/svg" style="flex:none;line-height:1" viewBox="0 0 24 24" width="${width}" height="${height}" ${restAttrs}><title>LangChain</title><path fill="#7fc8ff" d="M7.531 15.976a7.534 7.534 0 0 0 0-10.651L2.206 0A7.54 7.54 0 0 0 0 5.326c0 1.996.794 3.913 2.206 5.325zm11.143.493a7.535 7.535 0 0 0-10.65 0l5.325 5.325a7.536 7.536 0 0 0 10.651 0zM2.218 21.782a7.54 7.54 0 0 0 5.326 2.206v-7.531H.012c0 1.996.795 3.914 2.206 5.325M20.73 8.595a7.534 7.534 0 0 0-10.651.001l5.325 5.326z"/></svg>`;
15
+ };
16
+ </script>
17
+
18
+ {@html svgContent()}
@@ -0,0 +1,18 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const svgContent = () => {
11
+ const restAttrs = Object.entries(rest)
12
+ .map(([k, v]) => `${k}="${v}"`)
13
+ .join(' ');
14
+ return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 918 833" fill="none" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><g clip-path="url(#b)"><path fill="url(#c)" fill-rule="evenodd" d="M369.025 783.591c34.894 62.73 124.503 66.127 164.12 6.222l369.402-558.581c39.174-59.236 1.693-138.655-69.246-146.726L107.232 1.892C29.822-6.916-25.294 74.708 12.358 142.396z" clip-rule="evenodd"/><path fill="url(#d)" d="m389.854 725.08 32.784-48.898L671.66 300.021c21.773-32.888.992-77.007-38.401-81.53L15.25 147.539l320.146 575.543c11.684 20.599 41.227 21.732 54.458 1.998"/></g></g><defs><linearGradient id="c" x1="830.496" x2="239.715" y1="783.548" y2="-235.266" gradientUnits="userSpaceOnUse"><stop offset=".066" stop-color="#8effee"/><stop offset=".45" stop-color="#c9c7ff"/><stop offset="1" stop-color="#7341ff"/></linearGradient><linearGradient id="d" x1="884.537" x2="57.242" y1="-908.44" y2="861.083" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#6d4aff"/><stop offset=".994" stop-color="#00f0c3"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h918v833H0z"/></clipPath><clipPath id="b"><path fill="#fff" d="M.227 1.234h918.147v831.53H.227z"/></clipPath></defs></svg>`;
15
+ };
16
+ </script>
17
+
18
+ {@html svgContent()}
package/dist/index.d.ts CHANGED
@@ -286,6 +286,7 @@ export { default as SvglKokonutUILogo } from './components/KokonutUI.svelte';
286
286
  export { default as SvglKotlinLogo } from './components/Kotlin.svelte';
287
287
  export { default as SvglKrakenJSLogo } from './components/KrakenJS.svelte';
288
288
  export { default as SvglKubernetesLogo } from './components/Kubernetes.svelte';
289
+ export { default as SvglLangChainLogo } from './components/LangChain.svelte';
289
290
  export { default as SvglLaravelLogo } from './components/Laravel.svelte';
290
291
  export { default as SvglLayersLogo } from './components/Layers.svelte';
291
292
  export { default as SvglLeapWalletLogo } from './components/LeapWallet.svelte';
@@ -455,6 +456,7 @@ export { default as SvglPrismaLogo } from './components/Prisma.svelte';
455
456
  export { default as SvglProcureLogo } from './components/Procure.svelte';
456
457
  export { default as SvglProductHuntLogo } from './components/ProductHunt.svelte';
457
458
  export { default as SvglProtonMailLogo } from './components/ProtonMail.svelte';
459
+ export { default as SvglProtonVPNLogo } from './components/ProtonVPN.svelte';
458
460
  export { default as SvglPulumiLogo } from './components/Pulumi.svelte';
459
461
  export { default as SvglPutioLogo } from './components/Putio.svelte';
460
462
  export { default as SvglPyCharmLogo } from './components/PyCharm.svelte';
package/dist/index.js CHANGED
@@ -288,6 +288,7 @@ export { default as SvglKokonutUILogo } from './components/KokonutUI.svelte';
288
288
  export { default as SvglKotlinLogo } from './components/Kotlin.svelte';
289
289
  export { default as SvglKrakenJSLogo } from './components/KrakenJS.svelte';
290
290
  export { default as SvglKubernetesLogo } from './components/Kubernetes.svelte';
291
+ export { default as SvglLangChainLogo } from './components/LangChain.svelte';
291
292
  export { default as SvglLaravelLogo } from './components/Laravel.svelte';
292
293
  export { default as SvglLayersLogo } from './components/Layers.svelte';
293
294
  export { default as SvglLeapWalletLogo } from './components/LeapWallet.svelte';
@@ -457,6 +458,7 @@ export { default as SvglPrismaLogo } from './components/Prisma.svelte';
457
458
  export { default as SvglProcureLogo } from './components/Procure.svelte';
458
459
  export { default as SvglProductHuntLogo } from './components/ProductHunt.svelte';
459
460
  export { default as SvglProtonMailLogo } from './components/ProtonMail.svelte';
461
+ export { default as SvglProtonVPNLogo } from './components/ProtonVPN.svelte';
460
462
  export { default as SvglPulumiLogo } from './components/Pulumi.svelte';
461
463
  export { default as SvglPutioLogo } from './components/Putio.svelte';
462
464
  export { default as SvglPyCharmLogo } from './components/PyCharm.svelte';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@selemondev/svgl-svelte",
3
- "version": "2.9.0",
3
+ "version": "2.11.0",
4
4
  "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
5
  "author": "Selemondev",
6
6
  "private": false,