@selemondev/svgl-svelte 2.6.0 → 2.7.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.
- package/dist/components/ClickUp.svelte +32 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,32 @@
|
|
|
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 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
|
|
15
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.43828 50.2095C5.81176 49.4456 5.94882 48.3212 6.71918 47.7027L14.0169 41.8433C14.6535 41.3322 15.5841 41.4476 16.1032 42.0777C21.06 48.0956 26.32 50.8815 32.142 50.8815C37.9238 50.8815 43.0403 48.135 47.7801 42.1839C48.2888 41.5452 49.2172 41.4131 49.8629 41.9129L57.2604 47.6377C58.0415 48.2422 58.1989 49.3637 57.5855 50.1379C50.5775 58.9839 41.9971 63.6446 32.142 63.6446C22.3156 63.6446 13.6586 59.013 6.43828 50.2095Z" fill="url(#paint0_linear_8_569)"/>
|
|
16
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.4953 17.1804C32.2202 16.9368 31.8067 16.9367 31.5314 17.1801L15.663 31.2116C15.0564 31.748 14.1285 31.6857 13.599 31.0731L7.40986 23.9122C6.88774 23.3082 6.95019 22.3961 7.54979 21.8688L31.0527 1.20062C31.6021 0.717503 32.4248 0.717611 32.9741 1.20088L56.4822 21.8847C57.0822 22.4125 57.1439 23.3256 56.6205 23.9294L50.4164 31.0866C49.8862 31.6982 48.9589 31.7594 48.353 31.2229L32.4953 17.1804Z" fill="url(#paint1_linear_8_569)"/>
|
|
17
|
+
<defs>
|
|
18
|
+
<linearGradient id="paint0_linear_8_569" x1="5.3335" y1="32.1624" x2="58.6653" y2="32.1624" gradientUnits="userSpaceOnUse">
|
|
19
|
+
<stop offset="0.225962" stop-color="#6647F0"/>
|
|
20
|
+
<stop offset="0.793269" stop-color="#0091FF"/>
|
|
21
|
+
</linearGradient>
|
|
22
|
+
<linearGradient id="paint1_linear_8_569" x1="5.3335" y1="31.6447" x2="58.6653" y2="31.6447" gradientUnits="userSpaceOnUse">
|
|
23
|
+
<stop stop-color="#FF02F0"/>
|
|
24
|
+
<stop offset="0.778846" stop-color="#F76808"/>
|
|
25
|
+
</linearGradient>
|
|
26
|
+
</defs>
|
|
27
|
+
</svg>
|
|
28
|
+
`;
|
|
29
|
+
};
|
|
30
|
+
</script>
|
|
31
|
+
|
|
32
|
+
{@html svgContent()}
|
package/dist/index.d.ts
CHANGED
|
@@ -80,6 +80,7 @@ export { default as SvglChromiumLogo } from './components/Chromium.svelte';
|
|
|
80
80
|
export { default as SvglCiscoLogo } from './components/Cisco.svelte';
|
|
81
81
|
export { default as SvglClaudeAILogo } from './components/ClaudeAI.svelte';
|
|
82
82
|
export { default as SvglClerkLogo } from './components/Clerk.svelte';
|
|
83
|
+
export { default as SvglClickUpLogo } from './components/ClickUp.svelte';
|
|
83
84
|
export { default as SvglCloudflareLogo } from './components/Cloudflare.svelte';
|
|
84
85
|
export { default as SvglCloudflareWorkersLogo } from './components/CloudflareWorkers.svelte';
|
|
85
86
|
export { default as SvglCloudinaryLogo } from './components/Cloudinary.svelte';
|
package/dist/index.js
CHANGED
|
@@ -82,6 +82,7 @@ export { default as SvglChromiumLogo } from './components/Chromium.svelte';
|
|
|
82
82
|
export { default as SvglCiscoLogo } from './components/Cisco.svelte';
|
|
83
83
|
export { default as SvglClaudeAILogo } from './components/ClaudeAI.svelte';
|
|
84
84
|
export { default as SvglClerkLogo } from './components/Clerk.svelte';
|
|
85
|
+
export { default as SvglClickUpLogo } from './components/ClickUp.svelte';
|
|
85
86
|
export { default as SvglCloudflareLogo } from './components/Cloudflare.svelte';
|
|
86
87
|
export { default as SvglCloudflareWorkersLogo } from './components/CloudflareWorkers.svelte';
|
|
87
88
|
export { default as SvglCloudinaryLogo } from './components/Cloudinary.svelte';
|