@selemondev/svgl-svelte 2.12.0 → 2.14.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.
Files changed (6) hide show
  1. package/dist/components/Conductor.svelte +19 -0
  2. package/dist/components/Neon.svelte +5 -1
  3. package/dist/components/Postqued.svelte +18 -0
  4. package/dist/index.d.ts +2 -0
  5. package/dist/index.js +2 -0
  6. package/package.json +1 -1
package/dist/components/Conductor.svelte ADDED
@@ -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 viewBox="0 0 115 174" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g fill="#282423" stroke="#282423"><path d="M4.6 63.7H22.4V37.3H4.6C3.6 37.3 2.8 38.1 2.8 39V61.9C2.8 62.9 3.6 63.7 4.6 63.7Z"/><path d="M36.6 63.7H18.8V37.3H36.6C37.6 37.3 38.4 38.1 38.4 39V61.9C38.4 62.9 37.6 63.7 36.6 63.7Z"/><path d="M4.6 100.3H22.4V73.8H4.6C3.6 73.8 2.8 74.6 2.8 75.6V98.5C2.8 99.5 3.6 100.3 4.6 100.3Z"/><path d="M36.6 100.3H18.8V73.8H36.6C37.6 73.8 38.4 74.6 38.4 75.6V98.5C38.4 99.5 37.6 100.3 36.6 100.3Z"/><path d="M4.6 136.9H22.4V110.4H4.6C3.6 110.4 2.8 111.2 2.8 112.2V135.1C2.8 136.1 3.6 136.9 4.6 136.9Z"/><path d="M36.6 136.9H18.8V110.4H36.6C37.6 110.4 38.4 111.2 38.4 112.2V135.1C38.4 136.1 37.6 136.9 36.6 136.9Z"/><path d="M22.9 173.5H40.7V147H22.9C21.9 147 21.1 147.8 21.1 148.8V171.7C21.1 172.7 21.9 173.5 22.9 173.5Z"/><path d="M37.1 173.5V147H59V173.5H37.1Z"/><path d="M55.4 173.5V147H77.3V173.5H55.4Z"/><path d="M91.5 173.5H73.7V147H91.5C92.5 147 93.3 147.8 93.3 148.8V171.7C93.3 172.7 92.5 173.5 91.5 173.5Z"/><path d="M77.8 136.9H95.6V110.4H77.8C76.8 110.4 76 111.2 76 112.2V135.1C76 136.1 76.8 136.9 77.8 136.9Z"/><path d="M109.8 136.9H92V110.4H109.8C110.8 110.4 111.6 111.2 111.6 112.2V135.1C111.6 136.1 110.8 136.9 109.8 136.9Z"/><path d="M22.9 27.1H40.7V0.7H22.9C21.9 0.7 21.1 1.5 21.1 2.4V25.3C21.1 26.3 21.9 27.1 22.9 27.1Z"/><path d="M37.1 27.1V0.7H59V27.1H37.1Z"/><path d="M55.4 27.1V0.7H77.3V27.1H55.4Z"/><path d="M73.7 27.1V0.7H95.6V27.1H73.7Z"/><path d="M109.8 27.1H92V0.7H109.8C110.8 0.7 111.6 1.5 111.6 2.4V25.3C111.6 26.3 110.8 27.1 109.8 27.1Z"/><path d="M77.8 63.7H95.6V37.3H77.8C76.8 37.3 76 38.1 76 39V61.9C76 62.9 76.8 63.7 77.8 63.7Z"/><path d="M109.8 63.7H92V37.3H109.8C110.8 37.3 111.6 38.1 111.6 39V61.9C111.6 62.9 110.8 63.7 109.8 63.7Z"/></g></svg>
15
+ `;
16
+ };
17
+ </script>
18
+
19
+ {@html svgContent()}
package/dist/components/Neon.svelte CHANGED
@@ -11,7 +11,11 @@
11
11
  const restAttrs = Object.entries(rest)
12
12
  .map(([k, v]) => `${k}="${v}"`)
13
13
  .join(' ');
14
- return `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="100%" x2="12.069%" y1="100%" y2="0%"><stop offset="0%" stop-color="#62F755"/><stop offset="100%" stop-color="#8FF986" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="100%" x2="40.603%" y1="100%" y2="76.897%"><stop offset="0%" stop-opacity=".9"/><stop offset="100%" stop-color="#1A1A1A" stop-opacity="0"/></linearGradient></defs><path fill="#00E0D9" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861V44.14Zm44.139-8.825c-4.879 0-8.825 3.946-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825H44.14Z"/><path fill="url(#a)" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861V44.14Zm44.139-8.825c-4.879 0-8.825 3.946-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825H44.14Z"/><path fill="url(#b)" fill-opacity=".4" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861V44.14Zm44.139-8.825c-4.879 0-8.825 3.946-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825H44.14Z"/><path fill="#63F655" d="M211.861 0C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723a4.409 4.409 0 0 0 4.409-4.409V115.058c0-25.223 31.914-36.167 47.395-16.256l48.391 62.243V8.825c0-4.871-3.953-8.825-8.832-8.825Z"/></svg>`;
14
+ return `<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
15
+ <title>Neon</title>
16
+ <path d="M63 0.0177909V63.5526L38.4178 42.2501V63.5526H0V0L63 0.0177909ZM7.72251 55.8389H30.6953V25.3238L55.2779 47.0476V7.72922L7.72251 7.71559V55.8389Z" fill="#37C38F"/>
17
+ </svg>
18
+ `;
15
19
  };
16
20
  </script>
17
21
 
package/dist/components/Postqued.svelte ADDED
@@ -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 2048 2048" width="${width}" height="${height}" ${restAttrs}><path fill="#1f2223" d="M849.698 475.824c41.409.917 85.138.189 126.682.178l233.7-.026c48.94-.015 101.36-.92 149.75.896 67.96 2.549 146.05 21.421 192.18 74.314 56.76 65.078 62.63 151.287 60.97 233.357-.56 27.473.53 54.204-1.18 82.01-4.59 79.225-31.8 161.977-104.24 204.207-64.45 37.58-135.93 37.2-207.73 37.18l-113.55-.05-372.392.02c-30.744-.08-65.786-1.91-96.012 2.21-35.05 4.78-40.995 43.31-40.437 72.82.822 43.56-3.377 90.83 3.595 134.05 6.823 39.59 60.856 34.94 90.83 34.97l73.142.08c-1.165-68.36.42-138.53-.181-207.21 59.225-.7 123.24 1.66 181.945-.65-1.29 9.27-.74 33.98-.74 43.95l.06 86.01-.05 287.11c-.12 1.36.06.55-1.01 2.29-6.09.87-27.396.21-34.366.15q-32.917-.285-65.835-.18l-129.118-.02c-97.081.1-203.037 2.22-273.211-78.56-43.325-49.86-57.733-116.3-61.246-180.6-1.023-18.72.113-38.02-.338-56.79-2.926-101.53 6.468-227.2 100.622-288.212 62.291-40.362 139.745-40.346 210.998-40.449l114.293.054 371.861-.121c27.91-.072 55.92.322 83.8-.457 11.83-.331 26.86-4.339 35.97-11.98 17.86-14.983 17.65-43.315 18.2-64.748.45-18.754.68-37.514.68-56.274-.05-35.823 4.51-98.333-44.07-102.759-31.07-2.83-64.37-1.677-95.69-1.631q-97.785.445-195.57-.2l.02 202.087c-21.32-1.459-55.18-.633-76.949-.602l-135 .009c-1.304-135.189 1.217-271.169-.383-406.433"/></svg>`;
15
+ };
16
+ </script>
17
+
18
+ {@html svgContent()}
package/dist/index.d.ts CHANGED
@@ -107,6 +107,7 @@ export { default as SvglCohereLogo } from './components/Cohere.svelte';
107
107
  export { default as SvglCoinbaseLogo } from './components/Coinbase.svelte';
108
108
  export { default as SvglColdFusionLogo } from './components/ColdFusion.svelte';
109
109
  export { default as SvglColdFusionBuilderLogo } from './components/ColdFusionBuilder.svelte';
110
+ export { default as SvglConductorLogo } from './components/Conductor.svelte';
110
111
  export { default as SvglConnectLogo } from './components/Connect.svelte';
111
112
  export { default as SvglConvexLogo } from './components/Convex.svelte';
112
113
  export { default as SvglCourseraLogo } from './components/Coursera.svelte';
@@ -443,6 +444,7 @@ export { default as SvglPostCSSLogo } from './components/PostCSS.svelte';
443
444
  export { default as SvglPostHogLogo } from './components/PostHog.svelte';
444
445
  export { default as SvglPostgreSQLLogo } from './components/PostgreSQL.svelte';
445
446
  export { default as SvglPostmanLogo } from './components/Postman.svelte';
447
+ export { default as SvglPostquedLogo } from './components/Postqued.svelte';
446
448
  export { default as SvglPowerShellLogo } from './components/PowerShell.svelte';
447
449
  export { default as SvglPowerSyncLogo } from './components/PowerSync.svelte';
448
450
  export { default as SvglPowerToysLogo } from './components/PowerToys.svelte';
package/dist/index.js CHANGED
@@ -109,6 +109,7 @@ export { default as SvglCohereLogo } from './components/Cohere.svelte';
109
109
  export { default as SvglCoinbaseLogo } from './components/Coinbase.svelte';
110
110
  export { default as SvglColdFusionLogo } from './components/ColdFusion.svelte';
111
111
  export { default as SvglColdFusionBuilderLogo } from './components/ColdFusionBuilder.svelte';
112
+ export { default as SvglConductorLogo } from './components/Conductor.svelte';
112
113
  export { default as SvglConnectLogo } from './components/Connect.svelte';
113
114
  export { default as SvglConvexLogo } from './components/Convex.svelte';
114
115
  export { default as SvglCourseraLogo } from './components/Coursera.svelte';
@@ -445,6 +446,7 @@ export { default as SvglPostCSSLogo } from './components/PostCSS.svelte';
445
446
  export { default as SvglPostHogLogo } from './components/PostHog.svelte';
446
447
  export { default as SvglPostgreSQLLogo } from './components/PostgreSQL.svelte';
447
448
  export { default as SvglPostmanLogo } from './components/Postman.svelte';
449
+ export { default as SvglPostquedLogo } from './components/Postqued.svelte';
448
450
  export { default as SvglPowerShellLogo } from './components/PowerShell.svelte';
449
451
  export { default as SvglPowerSyncLogo } from './components/PowerSync.svelte';
450
452
  export { default as SvglPowerToysLogo } from './components/PowerToys.svelte';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@selemondev/svgl-svelte",
3
- "version": "2.12.0",
3
+ "version": "2.14.0",
4
4
  "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
5
  "author": "Selemondev",
6
6
  "private": false,