@selemondev/svgl-svelte 2.11.0 → 2.12.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,21 @@
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 viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
15
+ <path d="M27.0513 0H0.0512695V27.0128C14.9434 27.0128 27.0513 14.9247 27.0513 0Z" fill="#00D18E"/>
16
+ </svg>
17
+ `;
18
+ };
19
+ </script>
20
+
21
+ {@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
@@ -260,6 +260,7 @@ export { default as SvglIntelliJIDEALogo } from './components/IntelliJIDEA.svelt
260
260
  export { default as SvglIntelloLogo } from './components/Intello.svelte';
261
261
  export { default as SvglInterfereLogo } from './components/Interfere.svelte';
262
262
  export { default as SvglIntlayerLogo } from './components/Intlayer.svelte';
263
+ export { default as SvglIvyFrameworkLogo } from './components/IvyFramework.svelte';
263
264
  export { default as SvglJQueryLogo } from './components/JQuery.svelte';
264
265
  export { default as SvglJSONLogo } from './components/JSON.svelte';
265
266
  export { default as SvglJSONSchemaLogo } from './components/JSONSchema.svelte';
package/dist/index.js CHANGED
@@ -262,6 +262,7 @@ export { default as SvglIntelliJIDEALogo } from './components/IntelliJIDEA.svelt
262
262
  export { default as SvglIntelloLogo } from './components/Intello.svelte';
263
263
  export { default as SvglInterfereLogo } from './components/Interfere.svelte';
264
264
  export { default as SvglIntlayerLogo } from './components/Intlayer.svelte';
265
+ export { default as SvglIvyFrameworkLogo } from './components/IvyFramework.svelte';
265
266
  export { default as SvglJQueryLogo } from './components/JQuery.svelte';
266
267
  export { default as SvglJSONLogo } from './components/JSON.svelte';
267
268
  export { default as SvglJSONSchemaLogo } from './components/JSONSchema.svelte';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@selemondev/svgl-svelte",
3
- "version": "2.11.0",
3
+ "version": "2.12.0",
4
4
  "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
5
  "author": "Selemondev",
6
6
  "private": false,