@selemondev/svgl-svelte 2.15.0 → 2.16.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.
@@ -0,0 +1,19 @@
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 fill="none" viewBox="0 0 78 25" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="M77.7002 3.89551H54.0762L37.5781 24.3818H32.3486L36.5322 19.1729L51.958 0H77.7002V3.89551ZM21.0898 24.3721H0V20.4766H21.0898V24.3721ZM77.7012 20.4766V24.3721H56.6104V20.4766H77.7012ZM17.7744 14.0537H0V10.1582H17.7744V14.0537ZM77.7012 14.0537H59.9268V10.1582H77.7012V14.0537ZM34.7197 3.89551H0V0H34.7197V3.89551Z" fill="#000"/></svg>
15
+ `;
16
+ };
17
+ </script>
18
+
19
+ {@html svgContent()}
@@ -11,9 +11,33 @@
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 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"/>
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"/>
17
41
  </svg>
18
42
  `;
19
43
  };
package/dist/index.d.ts CHANGED
@@ -162,6 +162,7 @@ export { default as SvglEmberLogo } from './components/Ember.svelte';
162
162
  export { default as SvglEpicGamesLogo } from './components/EpicGames.svelte';
163
163
  export { default as SvglEsbuildLogo } from './components/Esbuild.svelte';
164
164
  export { default as SvglEthereumLogo } from './components/Ethereum.svelte';
165
+ export { default as SvglEveLogo } from './components/Eve.svelte';
165
166
  export { default as SvglExomeLogo } from './components/Exome.svelte';
166
167
  export { default as SvglExperiencePlatformLogo } from './components/ExperiencePlatform.svelte';
167
168
  export { default as SvglExpoLogo } from './components/Expo.svelte';
package/dist/index.js CHANGED
@@ -164,6 +164,7 @@ export { default as SvglEmberLogo } from './components/Ember.svelte';
164
164
  export { default as SvglEpicGamesLogo } from './components/EpicGames.svelte';
165
165
  export { default as SvglEsbuildLogo } from './components/Esbuild.svelte';
166
166
  export { default as SvglEthereumLogo } from './components/Ethereum.svelte';
167
+ export { default as SvglEveLogo } from './components/Eve.svelte';
167
168
  export { default as SvglExomeLogo } from './components/Exome.svelte';
168
169
  export { default as SvglExperiencePlatformLogo } from './components/ExperiencePlatform.svelte';
169
170
  export { default as SvglExpoLogo } from './components/Expo.svelte';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@selemondev/svgl-svelte",
3
- "version": "2.15.0",
3
+ "version": "2.16.0",
4
4
  "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
5
  "author": "Selemondev",
6
6
  "private": false,