chromia 0.0.23 → 0.0.24
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/icons/CrownIcon.svelte +94 -0
- package/dist/icons/CrownIcon.svelte.d.ts +23 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/package.json +1 -1
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
<script>export let color = "#000";
|
|
2
|
+
export let gradient = {
|
|
3
|
+
colors: ["", ""],
|
|
4
|
+
direction: "bottom"
|
|
5
|
+
};
|
|
6
|
+
export let size = "1rem";
|
|
7
|
+
export let weight = 1;
|
|
8
|
+
export let fill = "none";
|
|
9
|
+
const getGradientDirection = (direction) => {
|
|
10
|
+
switch (direction) {
|
|
11
|
+
case "top":
|
|
12
|
+
return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
|
|
13
|
+
case "right":
|
|
14
|
+
return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
|
|
15
|
+
case "bottom":
|
|
16
|
+
return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
|
|
17
|
+
case "left":
|
|
18
|
+
return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
|
|
19
|
+
default:
|
|
20
|
+
return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
</script>
|
|
24
|
+
|
|
25
|
+
{#if gradient.colors[1] !== ""}
|
|
26
|
+
<svg
|
|
27
|
+
width="15"
|
|
28
|
+
height="12"
|
|
29
|
+
viewBox="0 0 15 12"
|
|
30
|
+
fill="none"
|
|
31
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
32
|
+
style="width: {size}; height: {size};"
|
|
33
|
+
>
|
|
34
|
+
<path
|
|
35
|
+
d="M7.03271 1.30848C7.22509 1.03137 7.6325 1.02282 7.83583 1.29199C9.45541 3.43598 9.56234 3.85988 11.0219 5.25L13.4285 3.68342C13.8245 3.42565 14.324 3.81024 14.1761 4.25898L11.8718 11.25H2.97208L0.667713 4.25898C0.519801 3.81024 1.01938 3.42565 1.41536 3.68342L3.82192 5.25C4.87364 4.54888 5.2699 3.84775 7.03271 1.30848Z"
|
|
36
|
+
stroke="url(#grad-Triangle)"
|
|
37
|
+
stroke-width={weight}
|
|
38
|
+
stroke-linejoin="round"
|
|
39
|
+
fill="url(#gradFill-Triangle)"
|
|
40
|
+
/>
|
|
41
|
+
|
|
42
|
+
<defs>
|
|
43
|
+
<linearGradient
|
|
44
|
+
id="grad-Triangle"
|
|
45
|
+
x1={getGradientDirection(gradient.direction).x1}
|
|
46
|
+
y1={getGradientDirection(gradient.direction).y1}
|
|
47
|
+
x2={getGradientDirection(gradient.direction).x2}
|
|
48
|
+
y2={getGradientDirection(gradient.direction).y2}
|
|
49
|
+
>
|
|
50
|
+
<stop
|
|
51
|
+
offset="0%"
|
|
52
|
+
style="stop-color:{gradient.colors[0]};stop-opacity:1"
|
|
53
|
+
/>
|
|
54
|
+
<stop
|
|
55
|
+
offset="100%"
|
|
56
|
+
style="stop-color:{gradient.colors[1]};stop-opacity:1"
|
|
57
|
+
/>
|
|
58
|
+
</linearGradient>
|
|
59
|
+
<linearGradient
|
|
60
|
+
id="gradFill-Triangle"
|
|
61
|
+
x1={getGradientDirection(gradient.direction).x1}
|
|
62
|
+
y1={getGradientDirection(gradient.direction).y1}
|
|
63
|
+
x2={getGradientDirection(gradient.direction).x2}
|
|
64
|
+
y2={getGradientDirection(gradient.direction).y2}
|
|
65
|
+
>
|
|
66
|
+
<stop
|
|
67
|
+
offset="0%"
|
|
68
|
+
style="stop-color:{gradient.colors[0]};stop-opacity:1"
|
|
69
|
+
/>
|
|
70
|
+
<stop
|
|
71
|
+
offset="100%"
|
|
72
|
+
style="stop-color:{gradient.colors[1]};stop-opacity:1"
|
|
73
|
+
/>
|
|
74
|
+
</linearGradient>
|
|
75
|
+
</defs>
|
|
76
|
+
</svg>
|
|
77
|
+
{:else}
|
|
78
|
+
<svg
|
|
79
|
+
width="15"
|
|
80
|
+
height="12"
|
|
81
|
+
viewBox="0 0 15 12"
|
|
82
|
+
{fill}
|
|
83
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
84
|
+
style="width: {size}; height: {size};"
|
|
85
|
+
>
|
|
86
|
+
<path
|
|
87
|
+
d="M7.03271 1.30848C7.22509 1.03137 7.6325 1.02282 7.83583 1.29199C9.45541 3.43598 9.56234 3.85988 11.0219 5.25L13.4285 3.68342C13.8245 3.42565 14.324 3.81024 14.1761 4.25898L11.8718 11.25H2.97208L0.667713 4.25898C0.519801 3.81024 1.01938 3.42565 1.41536 3.68342L3.82192 5.25C4.87364 4.54888 5.2699 3.84775 7.03271 1.30848Z"
|
|
88
|
+
stroke={color}
|
|
89
|
+
stroke-width={weight}
|
|
90
|
+
stroke-linejoin="round"
|
|
91
|
+
{fill}
|
|
92
|
+
/>
|
|
93
|
+
</svg>
|
|
94
|
+
{/if}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
color?: string | undefined;
|
|
5
|
+
gradient?: {
|
|
6
|
+
colors: [string, string];
|
|
7
|
+
direction: "top" | "right" | "bottom" | "left";
|
|
8
|
+
} | undefined;
|
|
9
|
+
size?: string | undefined;
|
|
10
|
+
weight?: number | undefined;
|
|
11
|
+
fill?: string | undefined;
|
|
12
|
+
};
|
|
13
|
+
events: {
|
|
14
|
+
[evt: string]: CustomEvent<any>;
|
|
15
|
+
};
|
|
16
|
+
slots: {};
|
|
17
|
+
};
|
|
18
|
+
export type CrownIconProps = typeof __propDef.props;
|
|
19
|
+
export type CrownIconEvents = typeof __propDef.events;
|
|
20
|
+
export type CrownIconSlots = typeof __propDef.slots;
|
|
21
|
+
export default class CrownIcon extends SvelteComponent<CrownIconProps, CrownIconEvents, CrownIconSlots> {
|
|
22
|
+
}
|
|
23
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -67,6 +67,7 @@ import ZoomIcon from "./icons/ZoomIcon.svelte";
|
|
|
67
67
|
import HeartIcon from "./icons/HeartIcon.svelte";
|
|
68
68
|
import PinIcon from "./icons/PinIcon.svelte";
|
|
69
69
|
import StarIcon from "./icons/StarIcon.svelte";
|
|
70
|
+
import CrownIcon from "./icons/CrownIcon.svelte";
|
|
70
71
|
import type IconProps from "./types/IconProps.ts";
|
|
71
|
-
export { AddImageIcon, AddSquareIcon, AlertCircleIcon, AnnotationXIcon, ArrowCalendarIcon, ArrowLeftIcon, ArrowSwitchIcon, ArrowUpIcon, BellIcon, BezierIcon, BoxIcon, BrandIcon, CalendarIcon, CameraIcon, CategoryIcon, CertificateIcon, ChartTrendUp, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseIcon, CollectionIcon, ColumnHorizontal, CopyIcon, DarkIcon, DownloadCloudIcon, DownloadIcon, EditIcon, EyeClosedIcon, EyeOpenIcon, FavoriteIcon, FilterIcon, FlameIcon, FlipLeftIcon, FolderIcon, FolderPlusIcon, GridIcon, HomeIcon, HourglassIcon, Icon, LightBulb01Icon, LightIcon, LockIcon, LogoutIcon, MaterialIcon, MenuIcon, NoFolder, NotificationIcon, OverlapIcon, PlayIcon, ReloadIcon, ReportIcon, SearchIcon, SendIcon, SettingsIcon, TeamUserIcon, TextureIcon, TrashIcon, TrendUpIcon, UpgradeIcon, UploadIcon, UserProfileIcon, ViewModeIcon, ZoomIcon, HeartIcon, PinIcon, StarIcon, };
|
|
72
|
+
export { AddImageIcon, AddSquareIcon, AlertCircleIcon, AnnotationXIcon, ArrowCalendarIcon, ArrowLeftIcon, ArrowSwitchIcon, ArrowUpIcon, BellIcon, BezierIcon, BoxIcon, BrandIcon, CalendarIcon, CameraIcon, CategoryIcon, CertificateIcon, ChartTrendUp, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseIcon, CollectionIcon, ColumnHorizontal, CopyIcon, DarkIcon, DownloadCloudIcon, DownloadIcon, EditIcon, EyeClosedIcon, EyeOpenIcon, FavoriteIcon, FilterIcon, FlameIcon, FlipLeftIcon, FolderIcon, FolderPlusIcon, GridIcon, HomeIcon, HourglassIcon, Icon, LightBulb01Icon, LightIcon, LockIcon, LogoutIcon, MaterialIcon, MenuIcon, NoFolder, NotificationIcon, OverlapIcon, PlayIcon, ReloadIcon, ReportIcon, SearchIcon, SendIcon, SettingsIcon, TeamUserIcon, TextureIcon, TrashIcon, TrendUpIcon, UpgradeIcon, UploadIcon, UserProfileIcon, ViewModeIcon, ZoomIcon, HeartIcon, PinIcon, StarIcon, CrownIcon, };
|
|
72
73
|
export type { IconProps };
|
package/dist/index.js
CHANGED
|
@@ -67,4 +67,5 @@ import ZoomIcon from "./icons/ZoomIcon.svelte";
|
|
|
67
67
|
import HeartIcon from "./icons/HeartIcon.svelte";
|
|
68
68
|
import PinIcon from "./icons/PinIcon.svelte";
|
|
69
69
|
import StarIcon from "./icons/StarIcon.svelte";
|
|
70
|
-
|
|
70
|
+
import CrownIcon from "./icons/CrownIcon.svelte";
|
|
71
|
+
export { AddImageIcon, AddSquareIcon, AlertCircleIcon, AnnotationXIcon, ArrowCalendarIcon, ArrowLeftIcon, ArrowSwitchIcon, ArrowUpIcon, BellIcon, BezierIcon, BoxIcon, BrandIcon, CalendarIcon, CameraIcon, CategoryIcon, CertificateIcon, ChartTrendUp, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseIcon, CollectionIcon, ColumnHorizontal, CopyIcon, DarkIcon, DownloadCloudIcon, DownloadIcon, EditIcon, EyeClosedIcon, EyeOpenIcon, FavoriteIcon, FilterIcon, FlameIcon, FlipLeftIcon, FolderIcon, FolderPlusIcon, GridIcon, HomeIcon, HourglassIcon, Icon, LightBulb01Icon, LightIcon, LockIcon, LogoutIcon, MaterialIcon, MenuIcon, NoFolder, NotificationIcon, OverlapIcon, PlayIcon, ReloadIcon, ReportIcon, SearchIcon, SendIcon, SettingsIcon, TeamUserIcon, TextureIcon, TrashIcon, TrendUpIcon, UpgradeIcon, UploadIcon, UserProfileIcon, ViewModeIcon, ZoomIcon, HeartIcon, PinIcon, StarIcon, CrownIcon, };
|