chromia 0.0.22 → 0.0.23
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/HeartIcon.svelte +3 -1
- package/dist/icons/HeartIcon.svelte.d.ts +1 -0
- package/dist/icons/StarIcon.svelte +3 -1
- package/dist/icons/StarIcon.svelte.d.ts +1 -0
- package/package.json +1 -1
- package/.gitignore +0 -11
- package/.npmrc +0 -1
- package/.svelte-kit/__package__/icons/AddImageIcon.svelte +0 -95
- package/.svelte-kit/__package__/icons/AddImageIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/AddSquareIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/AddSquareIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/AlertCircleIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/AlertCircleIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/AnnotationXIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/AnnotationXIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ArrowCalendarIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/ArrowCalendarIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ArrowLeftIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/ArrowLeftIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ArrowSwitchIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/ArrowSwitchIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ArrowUpIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/ArrowUpIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/BellIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/BellIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/BezierIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/BezierIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/BoxIcon.svelte +0 -72
- package/.svelte-kit/__package__/icons/BoxIcon.svelte.d.ts +0 -24
- package/.svelte-kit/__package__/icons/BrandIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/BrandIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CalendarIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/CalendarIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CameraIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/CameraIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CategoryIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/CategoryIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CertificateIcon.svelte +0 -76
- package/.svelte-kit/__package__/icons/CertificateIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ChartTrendUp.svelte +0 -80
- package/.svelte-kit/__package__/icons/ChartTrendUp.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CheckCircleIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/CheckCircleIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CheckIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/CheckIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ChevronDownIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/ChevronDownIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ChevronUpIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/ChevronUpIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ClockIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/ClockIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CloseIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/CloseIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CollectionIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/CollectionIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ColumnHorizontal.svelte +0 -97
- package/.svelte-kit/__package__/icons/ColumnHorizontal.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/CopyIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/CopyIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/DarkIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/DarkIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/DownloadCloudIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/DownloadCloudIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/DownloadIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/DownloadIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/EditIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/EditIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/EyeClosedIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/EyeClosedIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/EyeOpenIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/EyeOpenIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/FavoriteIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/FavoriteIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/FilterIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/FilterIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/FlameIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/FlameIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/FlipLeftIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/FlipLeftIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/FolderIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/FolderIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/FolderPlusIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/FolderPlusIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/GridIcon.svelte +0 -127
- package/.svelte-kit/__package__/icons/GridIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/HeartIcon.svelte +0 -75
- package/.svelte-kit/__package__/icons/HeartIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/HomeIcon.svelte +0 -81
- package/.svelte-kit/__package__/icons/HomeIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/HourglassIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/HourglassIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/Icon.svelte +0 -82
- package/.svelte-kit/__package__/icons/Icon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/LightBulb01Icon.svelte +0 -72
- package/.svelte-kit/__package__/icons/LightBulb01Icon.svelte.d.ts +0 -24
- package/.svelte-kit/__package__/icons/LightIcon.svelte +0 -80
- package/.svelte-kit/__package__/icons/LightIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/LockIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/LockIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/LogoutIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/LogoutIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/MaterialIcon.svelte +0 -95
- package/.svelte-kit/__package__/icons/MaterialIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/MenuIcon.svelte +0 -111
- package/.svelte-kit/__package__/icons/MenuIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/NoFolder.svelte +0 -95
- package/.svelte-kit/__package__/icons/NoFolder.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/NotificationIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/NotificationIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/OverlapIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/OverlapIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/PinIcon.svelte +0 -77
- package/.svelte-kit/__package__/icons/PinIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/PlayIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/PlayIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ReloadIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/ReloadIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ReportIcon.svelte +0 -77
- package/.svelte-kit/__package__/icons/ReportIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/SearchIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/SearchIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/SendIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/SendIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/SettingsIcon.svelte +0 -87
- package/.svelte-kit/__package__/icons/SettingsIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/StarIcon.svelte +0 -92
- package/.svelte-kit/__package__/icons/StarIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/TeamUserIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/TeamUserIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/TextureIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/TextureIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/TrashIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/TrashIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/TrendUpIcon.svelte +0 -79
- package/.svelte-kit/__package__/icons/TrendUpIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/UpgradeIcon.svelte +0 -77
- package/.svelte-kit/__package__/icons/UpgradeIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/UploadIcon.svelte +0 -82
- package/.svelte-kit/__package__/icons/UploadIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/UserProfileIcon.svelte +0 -83
- package/.svelte-kit/__package__/icons/UserProfileIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ViewModeIcon.svelte +0 -75
- package/.svelte-kit/__package__/icons/ViewModeIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/icons/ZoomIcon.svelte +0 -75
- package/.svelte-kit/__package__/icons/ZoomIcon.svelte.d.ts +0 -22
- package/.svelte-kit/__package__/index.d.ts +0 -72
- package/.svelte-kit/__package__/index.js +0 -70
- package/.svelte-kit/__package__/types/IconProps.d.ts +0 -9
- package/.svelte-kit/__package__/types/IconProps.js +0 -1
- package/.svelte-kit/ambient.d.ts +0 -311
- package/.svelte-kit/generated/client/app.js +0 -19
- package/.svelte-kit/generated/client/matchers.js +0 -1
- package/.svelte-kit/generated/client/nodes/0.js +0 -1
- package/.svelte-kit/generated/client/nodes/1.js +0 -1
- package/.svelte-kit/generated/client/nodes/2.js +0 -1
- package/.svelte-kit/generated/root.svelte +0 -57
- package/.svelte-kit/generated/server/internal.js +0 -30
- package/.svelte-kit/non-ambient.d.ts +0 -25
- package/.svelte-kit/tsconfig.json +0 -46
- package/.svelte-kit/types/route_meta_data.json +0 -3
- package/.svelte-kit/types/src/routes/$types.d.ts +0 -22
- package/assets/documentation.png +0 -0
- package/src/app.d.ts +0 -13
- package/src/app.html +0 -12
- package/src/cli/script.js +0 -32
- package/src/iconList.js +0 -348
- package/src/lib/icons/AddImageIcon.svelte +0 -101
- package/src/lib/icons/AddImageIcon.svelte.d.ts +0 -22
- package/src/lib/icons/AddSquareIcon.svelte +0 -88
- package/src/lib/icons/AddSquareIcon.svelte.d.ts +0 -22
- package/src/lib/icons/AlertCircleIcon.svelte +0 -88
- package/src/lib/icons/AlertCircleIcon.svelte.d.ts +0 -22
- package/src/lib/icons/AnnotationXIcon.svelte +0 -85
- package/src/lib/icons/AnnotationXIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ArrowCalendarIcon.svelte +0 -88
- package/src/lib/icons/ArrowCalendarIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ArrowLeftIcon.svelte +0 -88
- package/src/lib/icons/ArrowLeftIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ArrowSwitchIcon.svelte +0 -88
- package/src/lib/icons/ArrowSwitchIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ArrowUpIcon.svelte +0 -88
- package/src/lib/icons/ArrowUpIcon.svelte.d.ts +0 -22
- package/src/lib/icons/BellIcon.svelte +0 -85
- package/src/lib/icons/BellIcon.svelte.d.ts +0 -22
- package/src/lib/icons/BezierIcon.svelte +0 -88
- package/src/lib/icons/BezierIcon.svelte.d.ts +0 -22
- package/src/lib/icons/BoxIcon.svelte +0 -79
- package/src/lib/icons/BoxIcon.svelte.d.ts +0 -24
- package/src/lib/icons/BrandIcon.svelte +0 -85
- package/src/lib/icons/CalendarIcon.svelte +0 -88
- package/src/lib/icons/CalendarIcon.svelte.d.ts +0 -22
- package/src/lib/icons/CameraIcon.svelte +0 -88
- package/src/lib/icons/CameraIcon.svelte.d.ts +0 -22
- package/src/lib/icons/CategoryIcon.svelte +0 -85
- package/src/lib/icons/CertificateIcon.svelte +0 -82
- package/src/lib/icons/CertificateIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ChartTrendUp.svelte +0 -86
- package/src/lib/icons/CheckCircleIcon.svelte +0 -88
- package/src/lib/icons/CheckCircleIcon.svelte.d.ts +0 -22
- package/src/lib/icons/CheckIcon.svelte +0 -88
- package/src/lib/icons/CheckIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ChevronDownIcon.svelte +0 -88
- package/src/lib/icons/ChevronDownIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ChevronUpIcon.svelte +0 -88
- package/src/lib/icons/ChevronUpIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ClockIcon.svelte +0 -88
- package/src/lib/icons/ClockIcon.svelte.d.ts +0 -22
- package/src/lib/icons/CloseIcon.svelte +0 -88
- package/src/lib/icons/CloseIcon.svelte.d.ts +0 -22
- package/src/lib/icons/CollectionIcon.svelte +0 -85
- package/src/lib/icons/CollectionIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ColumnHorizontal.svelte +0 -103
- package/src/lib/icons/CopyIcon.svelte +0 -88
- package/src/lib/icons/CopyIcon.svelte.d.ts +0 -22
- package/src/lib/icons/DarkIcon.svelte +0 -85
- package/src/lib/icons/DownloadCloudIcon.svelte +0 -85
- package/src/lib/icons/DownloadIcon.svelte +0 -85
- package/src/lib/icons/EditIcon.svelte +0 -88
- package/src/lib/icons/EditIcon.svelte.d.ts +0 -22
- package/src/lib/icons/EyeClosedIcon.svelte +0 -88
- package/src/lib/icons/EyeOpenIcon.svelte +0 -88
- package/src/lib/icons/FavoriteIcon.svelte +0 -88
- package/src/lib/icons/FavoriteIcon.svelte.d.ts +0 -22
- package/src/lib/icons/FilterIcon.svelte +0 -88
- package/src/lib/icons/FilterIcon.svelte.d.ts +0 -22
- package/src/lib/icons/FlameIcon.svelte +0 -88
- package/src/lib/icons/FlameIcon.svelte.d.ts +0 -22
- package/src/lib/icons/FlipLeftIcon.svelte +0 -85
- package/src/lib/icons/FolderIcon.svelte +0 -88
- package/src/lib/icons/FolderIcon.svelte.d.ts +0 -22
- package/src/lib/icons/FolderPlusIcon.svelte +0 -88
- package/src/lib/icons/FolderPlusIcon.svelte.d.ts +0 -22
- package/src/lib/icons/GridIcon.svelte +0 -133
- package/src/lib/icons/GridIcon.svelte.d.ts +0 -22
- package/src/lib/icons/HeartIcon.svelte +0 -81
- package/src/lib/icons/HomeIcon.svelte +0 -87
- package/src/lib/icons/HourglassIcon.svelte +0 -88
- package/src/lib/icons/HourglassIcon.svelte.d.ts +0 -22
- package/src/lib/icons/Icon.svelte +0 -88
- package/src/lib/icons/LightBulb01Icon.svelte +0 -79
- package/src/lib/icons/LightBulb01Icon.svelte.d.ts +0 -24
- package/src/lib/icons/LightIcon.svelte +0 -86
- package/src/lib/icons/LockIcon.svelte +0 -88
- package/src/lib/icons/LockIcon.svelte.d.ts +0 -22
- package/src/lib/icons/LogoutIcon.svelte +0 -88
- package/src/lib/icons/LogoutIcon.svelte.d.ts +0 -22
- package/src/lib/icons/MaterialIcon.svelte +0 -101
- package/src/lib/icons/MenuIcon.svelte +0 -117
- package/src/lib/icons/MenuIcon.svelte.d.ts +0 -22
- package/src/lib/icons/NoFolder.svelte +0 -101
- package/src/lib/icons/NoFolder.svelte.d.ts +0 -22
- package/src/lib/icons/NotificationIcon.svelte +0 -88
- package/src/lib/icons/NotificationIcon.svelte.d.ts +0 -22
- package/src/lib/icons/OverlapIcon.svelte +0 -88
- package/src/lib/icons/OverlapIcon.svelte.d.ts +0 -22
- package/src/lib/icons/PinIcon.svelte +0 -83
- package/src/lib/icons/PlayIcon.svelte +0 -85
- package/src/lib/icons/ReloadIcon.svelte +0 -85
- package/src/lib/icons/ReportIcon.svelte +0 -83
- package/src/lib/icons/SearchIcon.svelte +0 -88
- package/src/lib/icons/SearchIcon.svelte.d.ts +0 -22
- package/src/lib/icons/SendIcon.svelte +0 -88
- package/src/lib/icons/SendIcon.svelte.d.ts +0 -22
- package/src/lib/icons/SettingsIcon.svelte +0 -93
- package/src/lib/icons/StarIcon.svelte +0 -98
- package/src/lib/icons/TeamUserIcon.svelte +0 -88
- package/src/lib/icons/TeamUserIcon.svelte.d.ts +0 -22
- package/src/lib/icons/TextureIcon.svelte +0 -85
- package/src/lib/icons/TrashIcon.svelte +0 -88
- package/src/lib/icons/TrashIcon.svelte.d.ts +0 -22
- package/src/lib/icons/TrendUpIcon.svelte +0 -85
- package/src/lib/icons/UpgradeIcon.svelte +0 -83
- package/src/lib/icons/UploadIcon.svelte +0 -88
- package/src/lib/icons/UploadIcon.svelte.d.ts +0 -22
- package/src/lib/icons/UserProfileIcon.svelte +0 -89
- package/src/lib/icons/UserProfileIcon.svelte.d.ts +0 -22
- package/src/lib/icons/ViewModeIcon.svelte +0 -81
- package/src/lib/icons/ZoomIcon.svelte +0 -81
- package/src/lib/index.ts +0 -144
- package/src/lib/types/IconProps.ts +0 -9
- package/src/routes/+page.svelte +0 -32
- package/static/favicon.png +0 -0
- package/svelte.config.js +0 -18
- package/tsconfig.json +0 -15
- package/vite.config.ts +0 -6
- package/yarn.lock +0 -1112
|
@@ -5,6 +5,7 @@ export let gradient = {
|
|
|
5
5
|
};
|
|
6
6
|
export let size = "1rem";
|
|
7
7
|
export let weight = 1;
|
|
8
|
+
export let fill = "none";
|
|
8
9
|
const getGradientDirection = (direction) => {
|
|
9
10
|
switch (direction) {
|
|
10
11
|
case "top":
|
|
@@ -61,7 +62,7 @@ const getGradientDirection = (direction) => {
|
|
|
61
62
|
width="16"
|
|
62
63
|
height="15"
|
|
63
64
|
viewBox="0 0 16 15"
|
|
64
|
-
fill
|
|
65
|
+
{fill}
|
|
65
66
|
xmlns="http://www.w3.org/2000/svg"
|
|
66
67
|
style="width: {size}; height: {size};"
|
|
67
68
|
>
|
|
@@ -69,6 +70,7 @@ const getGradientDirection = (direction) => {
|
|
|
69
70
|
d="M13.1728 1.55738C12.7046 1.32994 11.8008 1.17273 11.2975 1.17273C9.79715 1.17273 8.76648 2.59473 8.04853 3.62048C7.33057 2.59488 6.5552 1.94203 5.6713 1.47374C5.10314 1.17273 3.81814 1.17273 3.15726 1.47374C1.20848 2.36134 -0.0664515 5.496 1.92062 7.96605C4.92119 11.1737 5.29627 11.5583 7.78905 14.044C7.83037 14.067 7.87623 14.2091 7.92146 14.2091C7.96494 14.2091 8.00869 14.1985 8.04853 14.1773C10.9224 11.5583 10.9224 11.5583 14.2981 8.09647C16.1735 5.78856 15.0483 2.46827 13.1728 1.55738Z"
|
|
70
71
|
stroke={color}
|
|
71
72
|
stroke-width={weight}
|
|
73
|
+
{fill}
|
|
72
74
|
stroke-linejoin="round"
|
|
73
75
|
/>
|
|
74
76
|
</svg>
|
|
@@ -5,6 +5,7 @@ export let gradient = {
|
|
|
5
5
|
};
|
|
6
6
|
export let size = "1rem";
|
|
7
7
|
export let weight = 1;
|
|
8
|
+
export let fill = "none";
|
|
8
9
|
const getGradientDirection = (direction) => {
|
|
9
10
|
switch (direction) {
|
|
10
11
|
case "top":
|
|
@@ -78,7 +79,7 @@ const getGradientDirection = (direction) => {
|
|
|
78
79
|
width="17"
|
|
79
80
|
height="16"
|
|
80
81
|
viewBox="0 0 17 16"
|
|
81
|
-
fill
|
|
82
|
+
{fill}
|
|
82
83
|
xmlns="http://www.w3.org/2000/svg"
|
|
83
84
|
style="width: {size}; height: {size};"
|
|
84
85
|
>
|
|
@@ -87,6 +88,7 @@ const getGradientDirection = (direction) => {
|
|
|
87
88
|
stroke={color}
|
|
88
89
|
stroke-width={weight}
|
|
89
90
|
stroke-linejoin="round"
|
|
91
|
+
{fill}
|
|
90
92
|
/>
|
|
91
93
|
</svg>
|
|
92
94
|
{/if}
|
package/package.json
CHANGED
package/.gitignore
DELETED
package/.npmrc
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
engine-strict=true
|
|
@@ -1,95 +0,0 @@
|
|
|
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
|
-
const getGradientDirection = (direction) => {
|
|
9
|
-
switch (direction) {
|
|
10
|
-
case "top":
|
|
11
|
-
return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
|
|
12
|
-
case "right":
|
|
13
|
-
return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
|
|
14
|
-
case "bottom":
|
|
15
|
-
return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
|
|
16
|
-
case "left":
|
|
17
|
-
return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
|
|
18
|
-
default:
|
|
19
|
-
return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
</script>
|
|
23
|
-
|
|
24
|
-
{#if gradient.colors[1] !== ""}
|
|
25
|
-
<svg
|
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
27
|
-
style="width: {size}; height: {size};"
|
|
28
|
-
viewBox="0 0 20 20"
|
|
29
|
-
fill="none"
|
|
30
|
-
>
|
|
31
|
-
<g id="id_AddImage">
|
|
32
|
-
<path
|
|
33
|
-
d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
|
|
34
|
-
id="icon_AddImage"
|
|
35
|
-
stroke="url(#grad-AddImage)"
|
|
36
|
-
stroke-width={weight}
|
|
37
|
-
stroke-linecap="round"
|
|
38
|
-
stroke-linejoin="round"
|
|
39
|
-
/>
|
|
40
|
-
<path
|
|
41
|
-
d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
|
|
42
|
-
id="icon_AddImage"
|
|
43
|
-
stroke="url(#grad-AddImage)"
|
|
44
|
-
stroke-width={weight}
|
|
45
|
-
stroke-linecap="round"
|
|
46
|
-
stroke-linejoin="round"
|
|
47
|
-
/>
|
|
48
|
-
</g>
|
|
49
|
-
|
|
50
|
-
<defs>
|
|
51
|
-
<linearGradient
|
|
52
|
-
id="grad-AddImage"
|
|
53
|
-
x1={getGradientDirection(gradient.direction).x1}
|
|
54
|
-
y1={getGradientDirection(gradient.direction).y1}
|
|
55
|
-
x2={getGradientDirection(gradient.direction).x2}
|
|
56
|
-
y2={getGradientDirection(gradient.direction).y2}
|
|
57
|
-
>
|
|
58
|
-
<stop
|
|
59
|
-
offset="0%"
|
|
60
|
-
style="stop-color:{gradient.colors[0]};stop-opacity:1"
|
|
61
|
-
/>
|
|
62
|
-
<stop
|
|
63
|
-
offset="100%"
|
|
64
|
-
style="stop-color:{gradient.colors[1]};stop-opacity:1"
|
|
65
|
-
/>
|
|
66
|
-
</linearGradient>
|
|
67
|
-
</defs>
|
|
68
|
-
</svg>
|
|
69
|
-
{:else}
|
|
70
|
-
<svg
|
|
71
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
72
|
-
style="width: {size}; height: {size};"
|
|
73
|
-
viewBox="0 0 20 20"
|
|
74
|
-
fill="none"
|
|
75
|
-
>
|
|
76
|
-
<g id="id_AddImage">
|
|
77
|
-
<path
|
|
78
|
-
d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
|
|
79
|
-
id="icon_AddImage"
|
|
80
|
-
stroke={color}
|
|
81
|
-
stroke-width={weight}
|
|
82
|
-
stroke-linecap="round"
|
|
83
|
-
stroke-linejoin="round"
|
|
84
|
-
/>
|
|
85
|
-
<path
|
|
86
|
-
d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
|
|
87
|
-
id="icon_AddImage"
|
|
88
|
-
stroke={color}
|
|
89
|
-
stroke-width={weight}
|
|
90
|
-
stroke-linecap="round"
|
|
91
|
-
stroke-linejoin="round"
|
|
92
|
-
/>
|
|
93
|
-
</g>
|
|
94
|
-
</svg>
|
|
95
|
-
{/if}
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
[evt: string]: CustomEvent<any>;
|
|
14
|
-
};
|
|
15
|
-
slots: {};
|
|
16
|
-
};
|
|
17
|
-
export type AddImageIconProps = typeof __propDef.props;
|
|
18
|
-
export type AddImageIconEvents = typeof __propDef.events;
|
|
19
|
-
export type AddImageIconSlots = typeof __propDef.slots;
|
|
20
|
-
export default class AddImageIcon extends SvelteComponent<AddImageIconProps, AddImageIconEvents, AddImageIconSlots> {
|
|
21
|
-
}
|
|
22
|
-
export {};
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
<script>export let color = "#000";
|
|
3
|
-
export let gradient = {
|
|
4
|
-
colors: ["", ""],
|
|
5
|
-
direction: "bottom"
|
|
6
|
-
};
|
|
7
|
-
export let size = "1rem";
|
|
8
|
-
export let weight = 1;
|
|
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
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
28
|
-
style="width: {size}; height: {size};"
|
|
29
|
-
viewBox="0 0 12 12"
|
|
30
|
-
fill="none"
|
|
31
|
-
>
|
|
32
|
-
<g id="id_AddSquare">
|
|
33
|
-
<path
|
|
34
|
-
id="icon_AddSquare"
|
|
35
|
-
d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
|
|
36
|
-
stroke="url(#grad-AddSquare)"
|
|
37
|
-
stroke-width={weight}
|
|
38
|
-
stroke-linecap="round"
|
|
39
|
-
stroke-linejoin="round"
|
|
40
|
-
/>
|
|
41
|
-
</g>
|
|
42
|
-
|
|
43
|
-
<defs>
|
|
44
|
-
<linearGradient
|
|
45
|
-
id="grad-AddSquare"
|
|
46
|
-
x1={getGradientDirection(gradient.direction).x1}
|
|
47
|
-
y1={getGradientDirection(gradient.direction).y1}
|
|
48
|
-
x2={getGradientDirection(gradient.direction).x2}
|
|
49
|
-
y2={getGradientDirection(gradient.direction).y2}
|
|
50
|
-
>
|
|
51
|
-
<stop
|
|
52
|
-
offset="0%"
|
|
53
|
-
style="stop-color:{gradient.colors[0]};stop-opacity:1"
|
|
54
|
-
/>
|
|
55
|
-
<stop
|
|
56
|
-
offset="100%"
|
|
57
|
-
style="stop-color:{gradient.colors[1]};stop-opacity:1"
|
|
58
|
-
/>
|
|
59
|
-
</linearGradient>
|
|
60
|
-
</defs>
|
|
61
|
-
</svg>
|
|
62
|
-
{:else}
|
|
63
|
-
<svg
|
|
64
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
65
|
-
style="width: {size}; height: {size};"
|
|
66
|
-
viewBox="0 0 12 12"
|
|
67
|
-
fill="none"
|
|
68
|
-
>
|
|
69
|
-
<g id="id_AddSquare">
|
|
70
|
-
<path
|
|
71
|
-
id="icon_AddSquare"
|
|
72
|
-
d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
|
|
73
|
-
stroke={color}
|
|
74
|
-
stroke-width={weight}
|
|
75
|
-
stroke-linecap="round"
|
|
76
|
-
stroke-linejoin="round"
|
|
77
|
-
/>
|
|
78
|
-
</g>
|
|
79
|
-
</svg>
|
|
80
|
-
{/if}
|
|
81
|
-
|
|
82
|
-
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
[evt: string]: CustomEvent<any>;
|
|
14
|
-
};
|
|
15
|
-
slots: {};
|
|
16
|
-
};
|
|
17
|
-
export type AddSquareIconProps = typeof __propDef.props;
|
|
18
|
-
export type AddSquareIconEvents = typeof __propDef.events;
|
|
19
|
-
export type AddSquareIconSlots = typeof __propDef.slots;
|
|
20
|
-
export default class AddSquareIcon extends SvelteComponent<AddSquareIconProps, AddSquareIconEvents, AddSquareIconSlots> {
|
|
21
|
-
}
|
|
22
|
-
export {};
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
<script>export let color = "#000";
|
|
3
|
-
export let gradient = {
|
|
4
|
-
colors: ["", ""],
|
|
5
|
-
direction: "bottom"
|
|
6
|
-
};
|
|
7
|
-
export let size = "1rem";
|
|
8
|
-
export let weight = 1;
|
|
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
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
28
|
-
style="width: {size}; height: {size};"
|
|
29
|
-
viewBox="0 0 16 16"
|
|
30
|
-
fill="none"
|
|
31
|
-
>
|
|
32
|
-
<g id="id_AlertCircle">
|
|
33
|
-
<path
|
|
34
|
-
id="icon_AlertCircle"
|
|
35
|
-
d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
|
|
36
|
-
stroke="url(#grad-AlertCircle)"
|
|
37
|
-
stroke-width={weight}
|
|
38
|
-
stroke-linecap="round"
|
|
39
|
-
stroke-linejoin="round"
|
|
40
|
-
/>
|
|
41
|
-
</g>
|
|
42
|
-
|
|
43
|
-
<defs>
|
|
44
|
-
<linearGradient
|
|
45
|
-
id="grad-AlertCircle"
|
|
46
|
-
x1={getGradientDirection(gradient.direction).x1}
|
|
47
|
-
y1={getGradientDirection(gradient.direction).y1}
|
|
48
|
-
x2={getGradientDirection(gradient.direction).x2}
|
|
49
|
-
y2={getGradientDirection(gradient.direction).y2}
|
|
50
|
-
>
|
|
51
|
-
<stop
|
|
52
|
-
offset="0%"
|
|
53
|
-
style="stop-color:{gradient.colors[0]};stop-opacity:1"
|
|
54
|
-
/>
|
|
55
|
-
<stop
|
|
56
|
-
offset="100%"
|
|
57
|
-
style="stop-color:{gradient.colors[1]};stop-opacity:1"
|
|
58
|
-
/>
|
|
59
|
-
</linearGradient>
|
|
60
|
-
</defs>
|
|
61
|
-
</svg>
|
|
62
|
-
{:else}
|
|
63
|
-
<svg
|
|
64
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
65
|
-
style="width: {size}; height: {size};"
|
|
66
|
-
viewBox="0 0 16 16"
|
|
67
|
-
fill="none"
|
|
68
|
-
>
|
|
69
|
-
<g id="id_AlertCircle">
|
|
70
|
-
<path
|
|
71
|
-
id="icon_AlertCircle"
|
|
72
|
-
d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
|
|
73
|
-
stroke={color}
|
|
74
|
-
stroke-width={weight}
|
|
75
|
-
stroke-linecap="round"
|
|
76
|
-
stroke-linejoin="round"
|
|
77
|
-
/>
|
|
78
|
-
</g>
|
|
79
|
-
</svg>
|
|
80
|
-
{/if}
|
|
81
|
-
|
|
82
|
-
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
[evt: string]: CustomEvent<any>;
|
|
14
|
-
};
|
|
15
|
-
slots: {};
|
|
16
|
-
};
|
|
17
|
-
export type AlertCircleIconProps = typeof __propDef.props;
|
|
18
|
-
export type AlertCircleIconEvents = typeof __propDef.events;
|
|
19
|
-
export type AlertCircleIconSlots = typeof __propDef.slots;
|
|
20
|
-
export default class AlertCircleIcon extends SvelteComponent<AlertCircleIconProps, AlertCircleIconEvents, AlertCircleIconSlots> {
|
|
21
|
-
}
|
|
22
|
-
export {};
|
|
@@ -1,79 +0,0 @@
|
|
|
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 = 2;
|
|
8
|
-
const getGradientDirection = (direction) => {
|
|
9
|
-
switch (direction) {
|
|
10
|
-
case "top":
|
|
11
|
-
return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
|
|
12
|
-
case "right":
|
|
13
|
-
return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
|
|
14
|
-
case "bottom":
|
|
15
|
-
return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
|
|
16
|
-
case "left":
|
|
17
|
-
return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
|
|
18
|
-
default:
|
|
19
|
-
return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
</script>
|
|
23
|
-
|
|
24
|
-
{#if gradient.colors[1] !== ""}
|
|
25
|
-
<svg
|
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
27
|
-
style="width: {size}; height: {size};"
|
|
28
|
-
viewBox="0 0 46 46"
|
|
29
|
-
fill="none"
|
|
30
|
-
>
|
|
31
|
-
<g id="id_AnnotationX">
|
|
32
|
-
<path
|
|
33
|
-
id="icon_AnnotationX"
|
|
34
|
-
d="M27.6 23L23 18.5M23 18.5L18.4 14M23 18.5L18.4 23M23 18.5L27.6 14M28 31.6087L23 41L18.4 31.6087H9.20001C6.6595 31.6087 4.60001 29.594 4.60001 27.1087V9.5C4.60001 7.01472 6.6595 5 9.20001 5H36.8C39.3405 5 41.4 7.01472 41.4 9.5V27.1087C41.4 29.594 39.3405 31.6087 36.8 31.6087H28Z"
|
|
35
|
-
stroke="url(#grad-AnnotationX)"
|
|
36
|
-
stroke-width={weight}
|
|
37
|
-
stroke-linecap="round"
|
|
38
|
-
stroke-linejoin="round"
|
|
39
|
-
/>
|
|
40
|
-
</g>
|
|
41
|
-
|
|
42
|
-
<defs>
|
|
43
|
-
<linearGradient
|
|
44
|
-
id="grad-AnnotationX"
|
|
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
|
-
</defs>
|
|
60
|
-
</svg>
|
|
61
|
-
{:else}
|
|
62
|
-
<svg
|
|
63
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
64
|
-
style="width: {size}; height: {size};"
|
|
65
|
-
viewBox="0 0 46 46"
|
|
66
|
-
fill="none"
|
|
67
|
-
>
|
|
68
|
-
<g id="id_AnnotationX">
|
|
69
|
-
<path
|
|
70
|
-
id="icon_AnnotationX"
|
|
71
|
-
d="M27.6 23L23 18.5M23 18.5L18.4 14M23 18.5L18.4 23M23 18.5L27.6 14M28 31.6087L23 41L18.4 31.6087H9.20001C6.6595 31.6087 4.60001 29.594 4.60001 27.1087V9.5C4.60001 7.01472 6.6595 5 9.20001 5H36.8C39.3405 5 41.4 7.01472 41.4 9.5V27.1087C41.4 29.594 39.3405 31.6087 36.8 31.6087H28Z"
|
|
72
|
-
stroke={color}
|
|
73
|
-
stroke-width={weight}
|
|
74
|
-
stroke-linecap="round"
|
|
75
|
-
stroke-linejoin="round"
|
|
76
|
-
/>
|
|
77
|
-
</g>
|
|
78
|
-
</svg>
|
|
79
|
-
{/if}
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
[evt: string]: CustomEvent<any>;
|
|
14
|
-
};
|
|
15
|
-
slots: {};
|
|
16
|
-
};
|
|
17
|
-
export type AnnotationXIconProps = typeof __propDef.props;
|
|
18
|
-
export type AnnotationXIconEvents = typeof __propDef.events;
|
|
19
|
-
export type AnnotationXIconSlots = typeof __propDef.slots;
|
|
20
|
-
export default class AnnotationXIcon extends SvelteComponent<AnnotationXIconProps, AnnotationXIconEvents, AnnotationXIconSlots> {
|
|
21
|
-
}
|
|
22
|
-
export {};
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
<script>export let color = "#000";
|
|
3
|
-
export let gradient = {
|
|
4
|
-
colors: ["", ""],
|
|
5
|
-
direction: "bottom"
|
|
6
|
-
};
|
|
7
|
-
export let size = "1rem";
|
|
8
|
-
export let weight = 1;
|
|
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
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
28
|
-
style="width: {size}; height: {size};"
|
|
29
|
-
viewBox="0 0 14 14"
|
|
30
|
-
fill="none"
|
|
31
|
-
>
|
|
32
|
-
<g id="id_ArrowCalendar">
|
|
33
|
-
<path
|
|
34
|
-
id="icon_ArrowCalendar"
|
|
35
|
-
d="M8.94447 6.2999L10.5 8.0499M10.5 8.0499L8.94447 9.7999M10.5 8.0499H4.20002M4.20002 3.85024H10.0334M12.6 3.4999V10.4999C12.6 11.6597 11.6598 12.5999 10.5 12.5999H3.50002C2.34023 12.5999 1.40002 11.6597 1.40002 10.4999V3.4999C1.40002 2.3401 2.34023 1.3999 3.50002 1.3999H10.5C11.6598 1.3999 12.6 2.3401 12.6 3.4999Z"
|
|
36
|
-
stroke="url(#grad-ArrowCalendar)"
|
|
37
|
-
stroke-width={weight}
|
|
38
|
-
stroke-linecap="round"
|
|
39
|
-
stroke-linejoin="round"
|
|
40
|
-
/>
|
|
41
|
-
</g>
|
|
42
|
-
|
|
43
|
-
<defs>
|
|
44
|
-
<linearGradient
|
|
45
|
-
id="grad-ArrowCalendar"
|
|
46
|
-
x1={getGradientDirection(gradient.direction).x1}
|
|
47
|
-
y1={getGradientDirection(gradient.direction).y1}
|
|
48
|
-
x2={getGradientDirection(gradient.direction).x2}
|
|
49
|
-
y2={getGradientDirection(gradient.direction).y2}
|
|
50
|
-
>
|
|
51
|
-
<stop
|
|
52
|
-
offset="0%"
|
|
53
|
-
style="stop-color:{gradient.colors[0]};stop-opacity:1"
|
|
54
|
-
/>
|
|
55
|
-
<stop
|
|
56
|
-
offset="100%"
|
|
57
|
-
style="stop-color:{gradient.colors[1]};stop-opacity:1"
|
|
58
|
-
/>
|
|
59
|
-
</linearGradient>
|
|
60
|
-
</defs>
|
|
61
|
-
</svg>
|
|
62
|
-
{:else}
|
|
63
|
-
<svg
|
|
64
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
65
|
-
style="width: {size}; height: {size};"
|
|
66
|
-
viewBox="0 0 14 14"
|
|
67
|
-
fill="none"
|
|
68
|
-
>
|
|
69
|
-
<g id="id_ArrowCalendar">
|
|
70
|
-
<path
|
|
71
|
-
id="icon_ArrowCalendar"
|
|
72
|
-
d="M8.94447 6.2999L10.5 8.0499M10.5 8.0499L8.94447 9.7999M10.5 8.0499H4.20002M4.20002 3.85024H10.0334M12.6 3.4999V10.4999C12.6 11.6597 11.6598 12.5999 10.5 12.5999H3.50002C2.34023 12.5999 1.40002 11.6597 1.40002 10.4999V3.4999C1.40002 2.3401 2.34023 1.3999 3.50002 1.3999H10.5C11.6598 1.3999 12.6 2.3401 12.6 3.4999Z"
|
|
73
|
-
stroke={color}
|
|
74
|
-
stroke-width={weight}
|
|
75
|
-
stroke-linecap="round"
|
|
76
|
-
stroke-linejoin="round"
|
|
77
|
-
/>
|
|
78
|
-
</g>
|
|
79
|
-
</svg>
|
|
80
|
-
{/if}
|
|
81
|
-
|
|
82
|
-
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
[evt: string]: CustomEvent<any>;
|
|
14
|
-
};
|
|
15
|
-
slots: {};
|
|
16
|
-
};
|
|
17
|
-
export type ArrowCalendarIconProps = typeof __propDef.props;
|
|
18
|
-
export type ArrowCalendarIconEvents = typeof __propDef.events;
|
|
19
|
-
export type ArrowCalendarIconSlots = typeof __propDef.slots;
|
|
20
|
-
export default class ArrowCalendarIcon extends SvelteComponent<ArrowCalendarIconProps, ArrowCalendarIconEvents, ArrowCalendarIconSlots> {
|
|
21
|
-
}
|
|
22
|
-
export {};
|