@selemondev/svgl-svelte 2.0.1 → 2.0.3

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.
@@ -10,33 +10,9 @@
10
10
  const restAttrs = Object.entries(rest)
11
11
  .map(([k, v]) => `${k}="${v}"`)
12
12
  .join(' ');
13
- const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 257" width="${width}" height="${height}" ${restAttrs}>
14
- <defs>
15
- <linearGradient x1="25.2%" y1="43.3%" x2="99.2%" y2="67.4%" id="a">
16
- <stop stop-color="#FE2857" offset="21%"/>
17
- <stop stop-color="#293896" offset="100%"/>
18
- </linearGradient>
19
- <linearGradient x1="2.3%" y1="77.1%" x2="90.7%" y2="24.1%" id="b">
20
- <stop stop-color="#FE2857" offset="0%"/>
21
- <stop stop-color="#FE2857" offset="1%"/>
22
- <stop stop-color="#FF318C" offset="86%"/>
23
- </linearGradient>
24
- <linearGradient x1="6.3%" y1="13.9%" x2="94.6%" y2="87.7%" id="c">
25
- <stop stop-color="#FF318C" offset="2%"/>
26
- <stop stop-color="#FE2857" offset="21%"/>
27
- <stop stop-color="#FDB60D" offset="86%"/>
28
- </linearGradient>
29
- <linearGradient x1="91.1%" y1="27.7%" x2="2%" y2="68.6%" id="d">
30
- <stop stop-color="#FDB60D" offset="1%"/>
31
- <stop stop-color="#FCF84A" offset="86%"/>
32
- </linearGradient>
33
- </defs>
34
- <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)"/>
35
- <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)"/>
36
- <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)"/>
37
- <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)"/>
38
- <path d="M75.8 76.9h102.5v102.4H75.8z"/>
39
- <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"/>
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}>
14
+ <path d="M0 0h256v256H0z"/>
15
+ <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"/>
40
16
  </svg>
41
17
  `;
42
18
  </script>
@@ -0,0 +1,16 @@
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 restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="#010101" viewBox="0 0 64 64" width="${width}" height="${height}" ${restAttrs}><path d="M63.988 31.295c-.174-10.7-6.14-21.118-15.37-26.604C41.346.162 32.16-1.057 23.886 1.033 11.433 4.168 1.505 15.446.243 28.3c-1.568 12.14 4.572 24.766 15.065 30.992 10.276 6.444 24.253 6.183 34.3-.6 9.057-5.878 14.674-16.6 14.37-27.388zM33.77 59.25c-14.543 1.437-28.607-10.885-29-25.472-1.1-11.843 6.705-23.556 17.852-27.475C38.254.033 57.456 11.615 59.067 28.38c2.526 15.064-10.014 30.4-25.297 30.87zM24.2 30.38l21.03-17.2-11.364 17.243c-3.222 0-6.444 0-9.666-.044zm5.913 3.18 9.666.044-21.03 17.243L30.113 33.56z"/></svg>`;
14
+ </script>
15
+
16
+ {@html svgContent}
package/package.json CHANGED
@@ -1,84 +1,76 @@
1
1
  {
2
- "name": "@selemondev/svgl-svelte",
3
- "version": "2.0.1",
4
- "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
- "author": "Selemondev",
6
- "private": false,
7
- "license": "MIT",
8
- "packageManager": "pnpm@10.20.0",
9
- "scripts": {
10
- "dev": "vite dev",
11
- "build": "pnpm prepack",
12
- "preview": "vite preview",
13
- "prepare": "svelte-kit sync || echo ''",
14
- "generate:components": "pnpm dlx esno scripts/index.ts && pnpm format",
15
- "generate:release": "pnpm dlx changelogen@latest --release",
16
- "prepack": "svelte-kit sync && svelte-package && publint",
17
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
18
- "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
19
- "format": "prettier --write . && eslint . --fix",
20
- "lint:eslint": "eslint .",
21
- "lint:prettier": "prettier --check .",
22
- "lint": "pnpm lint:eslint && pnpm lint:prettier"
23
- },
24
- "files": [
25
- "dist",
26
- "!dist/components/*.d.ts",
27
- "!dist/types/*.d.ts",
28
- "!dist/utils/*.d.ts",
29
- "!dist/**/*.test.*",
30
- "!dist/**/*.spec.*"
31
- ],
32
- "sideEffects": [
33
- "**/*.css"
34
- ],
35
- "svelte": "./dist/index.js",
36
- "types": "./dist/index.d.ts",
37
- "type": "module",
38
- "exports": {
39
- ".": {
40
- "types": "./dist/index.d.ts",
41
- "svelte": "./dist/index.js"
42
- }
43
- },
44
- "peerDependencies": {
45
- "svelte": "^5.0.0"
46
- },
47
- "devDependencies": {
48
- "@eslint/compat": "^1.4.1",
49
- "@eslint/js": "^9.39.0",
50
- "@sveltejs/adapter-auto": "^6.1.1",
51
- "@sveltejs/kit": "^2.48.4",
52
- "@sveltejs/package": "^2.5.4",
53
- "@sveltejs/vite-plugin-svelte": "^5.1.1",
54
- "@types/node": "^22.18.13",
55
- "eslint": "^9.39.0",
56
- "eslint-config-prettier": "^10.1.8",
57
- "eslint-plugin-svelte": "^3.13.0",
58
- "fs-extra": "^11.3.2",
59
- "globals": "^16.5.0",
60
- "prettier": "^3.6.2",
61
- "prettier-plugin-svelte": "^3.4.0",
62
- "publint": "^0.3.15",
63
- "svelte": "^5.43.2",
64
- "svelte-check": "^4.3.3",
65
- "typescript": "^5.9.3",
66
- "typescript-eslint": "^8.46.2",
67
- "vite": "^6.4.1"
68
- },
69
- "keywords": [
70
- "svgl",
71
- "svgl-svelte",
72
- "logos",
73
- "svg",
74
- "svelte"
75
- ],
76
- "pnpm": {
77
- "onlyBuiltDependencies": [
78
- "esbuild"
79
- ]
80
- },
81
- "publishConfig": {
82
- "access": "public"
83
- }
84
- }
2
+ "name": "@selemondev/svgl-svelte",
3
+ "version": "2.0.3",
4
+ "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
+ "author": "Selemondev",
6
+ "private": false,
7
+ "license": "MIT",
8
+ "files": [
9
+ "dist",
10
+ "!dist/components/*.d.ts",
11
+ "!dist/types/*.d.ts",
12
+ "!dist/utils/*.d.ts",
13
+ "!dist/**/*.test.*",
14
+ "!dist/**/*.spec.*"
15
+ ],
16
+ "sideEffects": [
17
+ "**/*.css"
18
+ ],
19
+ "svelte": "./dist/index.js",
20
+ "types": "./dist/index.d.ts",
21
+ "type": "module",
22
+ "exports": {
23
+ ".": {
24
+ "types": "./dist/index.d.ts",
25
+ "svelte": "./dist/index.js"
26
+ }
27
+ },
28
+ "peerDependencies": {
29
+ "svelte": "^5.0.0"
30
+ },
31
+ "devDependencies": {
32
+ "@eslint/compat": "^1.4.1",
33
+ "@eslint/js": "^9.39.0",
34
+ "@sveltejs/adapter-auto": "^6.1.1",
35
+ "@sveltejs/kit": "^2.48.4",
36
+ "@sveltejs/package": "^2.5.4",
37
+ "@sveltejs/vite-plugin-svelte": "^5.1.1",
38
+ "@types/node": "^22.18.13",
39
+ "eslint": "^9.39.0",
40
+ "eslint-config-prettier": "^10.1.8",
41
+ "eslint-plugin-svelte": "^3.13.0",
42
+ "fs-extra": "^11.3.2",
43
+ "globals": "^16.5.0",
44
+ "prettier": "^3.6.2",
45
+ "prettier-plugin-svelte": "^3.4.0",
46
+ "publint": "^0.3.15",
47
+ "svelte": "^5.43.2",
48
+ "svelte-check": "^4.3.3",
49
+ "typescript": "^5.9.3",
50
+ "typescript-eslint": "^8.46.2",
51
+ "vite": "^6.4.1"
52
+ },
53
+ "keywords": [
54
+ "svgl",
55
+ "svgl-svelte",
56
+ "logos",
57
+ "svg",
58
+ "svelte"
59
+ ],
60
+ "publishConfig": {
61
+ "access": "public"
62
+ },
63
+ "scripts": {
64
+ "dev": "vite dev",
65
+ "build": "pnpm prepack",
66
+ "preview": "vite preview",
67
+ "generate:components": "pnpm dlx esno scripts/index.ts && pnpm format",
68
+ "generate:release": "pnpm dlx changelogen@latest --release",
69
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
70
+ "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
71
+ "format": "prettier --write . && eslint . --fix",
72
+ "lint:eslint": "eslint .",
73
+ "lint:prettier": "prettier --check .",
74
+ "lint": "pnpm lint:eslint && pnpm lint:prettier"
75
+ }
76
+ }