@finsweet/webflow-apps-utils 1.0.41 → 1.0.43
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/types/webflow.d.ts +30 -2
- package/dist/types/window.d.ts +2 -1
- package/dist/ui/components/checkbox/Checkbox.svelte +1 -1
- package/dist/ui/components/copy-text/CopyText.svelte +1 -1
- package/dist/ui/components/modal/Modal.svelte +2 -2
- package/dist/ui/icons/AccordionDownArrow.svelte +2 -2
- package/dist/ui/icons/AccordionUpArrow.svelte +2 -2
- package/dist/ui/icons/AccountIcon.svelte +3 -3
- package/dist/ui/icons/AiIcon.svelte +8 -0
- package/dist/ui/icons/{CloseIcon.svelte.d.ts → AiIcon.svelte.d.ts} +3 -3
- package/dist/ui/icons/AnalyticsIcon.svelte +24 -0
- package/dist/ui/icons/AnalyticsIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/ArrowIcon.svelte +7 -1
- package/dist/ui/icons/BackIcon.svelte +7 -1
- package/dist/ui/icons/BodyIcon.svelte +1 -1
- package/dist/ui/icons/BookmarkIcon.svelte +1 -1
- package/dist/ui/icons/BoxAddIcon.svelte +2 -2
- package/dist/ui/icons/BrushIcon.svelte +1 -1
- package/dist/ui/icons/BuilderEditIcon.svelte +1 -1
- package/dist/ui/icons/BuilderIcon.svelte +1 -1
- package/dist/ui/icons/CMSIcon.svelte +1 -1
- package/dist/ui/icons/CalendarIcon.svelte +8 -0
- package/dist/ui/icons/CalendarIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/CheckCircleIcon.svelte +1 -1
- package/dist/ui/icons/CheckCircleOutlinedIcon.svelte +1 -1
- package/dist/ui/icons/CheckIcon.svelte +1 -1
- package/dist/ui/icons/CheckboxCheckedIcon.svelte +2 -2
- package/dist/ui/icons/ChevronIcon.svelte +7 -1
- package/dist/ui/icons/ChevronRightIcon.svelte +7 -1
- package/dist/ui/icons/CircleIcon.svelte +1 -1
- package/dist/ui/icons/CircleTimesIcon.svelte +19 -0
- package/dist/ui/icons/CircleTimesIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/CloseCircleIcon.svelte +2 -2
- package/dist/ui/icons/CodeIcon.svelte +1 -1
- package/dist/ui/icons/ComponentsIcon.svelte +1 -1
- package/dist/ui/icons/CookieBannerIcon.svelte +12 -0
- package/dist/ui/icons/CookieBannerIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/CookieIcon.svelte +1 -1
- package/dist/ui/icons/CopyIcon.svelte +1 -11
- package/dist/ui/icons/CopyIcon.svelte.d.ts +15 -9
- package/dist/ui/icons/CrossIcon.svelte +3 -3
- package/dist/ui/icons/DOMElement.svelte +2 -7
- package/dist/ui/icons/DOMElement.svelte.d.ts +3 -5
- package/dist/ui/icons/DeleteIcon.svelte +1 -1
- package/dist/ui/icons/DeleteOutlinedIcon.svelte +1 -1
- package/dist/ui/icons/Desktop.svelte +1 -12
- package/dist/ui/icons/Desktop.svelte.d.ts +15 -10
- package/dist/ui/icons/DesktopWithStar.svelte +1 -12
- package/dist/ui/icons/DesktopWithStar.svelte.d.ts +15 -10
- package/dist/ui/icons/DivBlock.svelte +2 -7
- package/dist/ui/icons/DivBlock.svelte.d.ts +3 -5
- package/dist/ui/icons/EditIcon.svelte +2 -2
- package/dist/ui/icons/EssentialIcon.svelte +8 -0
- package/dist/ui/icons/EssentialIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/ExpertIcon.svelte +1 -1
- package/dist/ui/icons/EyeCancelIcon.svelte +1 -1
- package/dist/ui/icons/EyeIcon.svelte +1 -1
- package/dist/ui/icons/FavouriteIcon.svelte +1 -1
- package/dist/ui/icons/FileUploadIcon.svelte +3 -3
- package/dist/ui/icons/FilterIcon.svelte +1 -1
- package/dist/ui/icons/FinsweetLibraryIcon.svelte +1 -1
- package/dist/ui/icons/FinsweetLogoIcon.svelte +1 -1
- package/dist/ui/icons/FinsweetLogoOutlineIcon.svelte +1 -1
- package/dist/ui/icons/FolderIcon.svelte +1 -1
- package/dist/ui/icons/FolderOutlinedIcon.svelte +1 -1
- package/dist/ui/icons/FolderPlusIcon.svelte +1 -1
- package/dist/ui/icons/FreeComponentIcon.svelte +1 -1
- package/dist/ui/icons/GlobeCheckedIcon.svelte +14 -0
- package/dist/ui/icons/GlobeCheckedIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/GlobeIcon.svelte +1 -1
- package/dist/ui/icons/GlobeWarningIcon.svelte +12 -0
- package/dist/ui/icons/GlobeWarningIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/HandPointUpIcon.svelte +2 -2
- package/dist/ui/icons/HeartIcon.svelte +1 -1
- package/dist/ui/icons/HeartIconOutlined.svelte +1 -1
- package/dist/ui/icons/HelpAltIcon.svelte +2 -2
- package/dist/ui/icons/HelpIcon.svelte +13 -4
- package/dist/ui/icons/HomeIcon.svelte +1 -1
- package/dist/ui/icons/Icons.stories.js +55 -0
- package/dist/ui/icons/IconsShowcase.svelte +142 -0
- package/dist/ui/icons/IconsShowcase.svelte.d.ts +21 -0
- package/dist/ui/icons/InfoIcon.svelte +1 -1
- package/dist/ui/icons/LineChartIcon.svelte +1 -1
- package/dist/ui/icons/ListIcon.svelte +1 -1
- package/dist/ui/icons/LockIcon.svelte +3 -3
- package/dist/ui/icons/LogoutIcon.svelte +10 -0
- package/dist/ui/icons/LogoutIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/MessageIcon.svelte +7 -1
- package/dist/ui/icons/MobileLandscape.svelte +1 -12
- package/dist/ui/icons/MobileLandscape.svelte.d.ts +15 -10
- package/dist/ui/icons/MobilePortrait.svelte +1 -12
- package/dist/ui/icons/MobilePortrait.svelte.d.ts +15 -10
- package/dist/ui/icons/NavigatorIcon.svelte +1 -1
- package/dist/ui/icons/OpenBookIcon.svelte +1 -1
- package/dist/ui/icons/PageDraftIcon.svelte +2 -2
- package/dist/ui/icons/PageIcon.svelte +1 -1
- package/dist/ui/icons/PageLockedIcon.svelte +2 -2
- package/dist/ui/icons/PageOutlinedIcon.svelte +1 -1
- package/dist/ui/icons/PageSectionIcon.svelte +1 -1
- package/dist/ui/icons/Pencil.svelte +1 -5
- package/dist/ui/icons/Pencil.svelte.d.ts +15 -9
- package/dist/ui/icons/PencilOutlinedIcon.svelte +7 -1
- package/dist/ui/icons/PinIcon.svelte +7 -1
- package/dist/ui/icons/PlayIcon.svelte +1 -1
- package/dist/ui/icons/PlusIcon.svelte +8 -2
- package/dist/ui/icons/PolicyIcon.svelte +7 -0
- package/dist/ui/icons/PolicyIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/PreviewEyeIcon.svelte +3 -3
- package/dist/ui/icons/ProfileIcon.svelte +1 -1
- package/dist/ui/icons/PublishCancelIcon.svelte +1 -1
- package/dist/ui/icons/PublishIcon.svelte +1 -1
- package/dist/ui/icons/ReceiptIcon.svelte +1 -1
- package/dist/ui/icons/RefreshIcon.svelte +1 -1
- package/dist/ui/icons/RepairIcon.svelte +1 -1
- package/dist/ui/icons/SaveIcon.svelte +2 -2
- package/dist/ui/icons/SearchCancelIcon.svelte +12 -0
- package/dist/ui/icons/SearchCancelIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/SearchIcon.svelte +1 -1
- package/dist/ui/icons/SelectIcon.svelte +1 -1
- package/dist/ui/icons/SettingsIcon.svelte +1 -1
- package/dist/ui/icons/ShopIcon.svelte +12 -0
- package/dist/ui/icons/ShopIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/SidebarToggleIcon.svelte +4 -4
- package/dist/ui/icons/SliderAppIcon.svelte +1 -1
- package/dist/ui/icons/SquareCheckIcon.svelte +1 -1
- package/dist/ui/icons/StarIcon.svelte +1 -1
- package/dist/ui/icons/StarOutlinedIcon.svelte +9 -2
- package/dist/ui/icons/StaticContentIcon.svelte +1 -1
- package/dist/ui/icons/TabNewIcon.svelte +7 -1
- package/dist/ui/icons/TableAppIcon.svelte +1 -1
- package/dist/ui/icons/Tablet.svelte +2 -13
- package/dist/ui/icons/Tablet.svelte.d.ts +15 -10
- package/dist/ui/icons/TabletPreview.svelte +1 -12
- package/dist/ui/icons/TabletPreview.svelte.d.ts +15 -10
- package/dist/ui/icons/TabsIcon.svelte +1 -1
- package/dist/ui/icons/ThreeDotsIcon.svelte +1 -1
- package/dist/ui/icons/TimesIcon.svelte +3 -3
- package/dist/ui/icons/ToolTipInfoCircleIcon.svelte +4 -4
- package/dist/ui/icons/TooltipInfoCircleFilled.svelte +2 -2
- package/dist/ui/icons/TooltipInfoSquaredIcon.svelte +13 -4
- package/dist/ui/icons/TriangleDownIcon.svelte +2 -2
- package/dist/ui/icons/TriangleDownIconToggle.svelte +3 -3
- package/dist/ui/icons/UncategorizedIcon.svelte +16 -0
- package/dist/ui/icons/UncategorizedIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/UndoIcon.svelte +1 -1
- package/dist/ui/icons/UpgradeIcon.svelte +26 -0
- package/dist/ui/icons/UpgradeIcon.svelte.d.ts +26 -0
- package/dist/ui/icons/UploadFileIcon.svelte +3 -3
- package/dist/ui/icons/WarningCircleIcon.svelte +1 -1
- package/dist/ui/icons/WarningCircleOutlineIcon.svelte +7 -1
- package/dist/ui/icons/WarningTriangleIcon.svelte +1 -1
- package/dist/ui/icons/WarningTriangleOutlineIcon.svelte +2 -2
- package/dist/ui/icons/WebflowComponentIcon.svelte +1 -1
- package/dist/ui/icons/WebflowComponentOutlinedIcon.svelte +1 -1
- package/dist/ui/icons/WebflowInsightsIcon.svelte +1 -1
- package/dist/ui/icons/WizedLogoIcon.svelte +1 -1
- package/dist/ui/icons/WorkspaceIcon.svelte +1 -1
- package/dist/ui/icons/XL.svelte +1 -12
- package/dist/ui/icons/XL.svelte.d.ts +15 -10
- package/dist/ui/icons/XXL.svelte +1 -12
- package/dist/ui/icons/XXL.svelte.d.ts +15 -10
- package/dist/ui/icons/XXXL.svelte +1 -12
- package/dist/ui/icons/XXXL.svelte.d.ts +15 -10
- package/dist/ui/icons/index.d.ts +15 -3
- package/dist/ui/icons/index.js +15 -3
- package/dist/ui/index.css +6 -0
- package/package.json +1 -1
- package/dist/ui/icons/CloseIcon.svelte +0 -8
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
export default DOMElement;
|
|
2
2
|
type DOMElement = SvelteComponent<{
|
|
3
|
-
|
|
4
|
-
height?: number | undefined;
|
|
3
|
+
[x: string]: never;
|
|
5
4
|
}, {
|
|
6
5
|
[evt: string]: CustomEvent<any>;
|
|
7
6
|
}, {}> & {
|
|
8
7
|
$$bindings?: string | undefined;
|
|
9
8
|
};
|
|
10
9
|
declare const DOMElement: $$__sveltets_2_IsomorphicComponent<{
|
|
11
|
-
|
|
12
|
-
height?: number | undefined;
|
|
10
|
+
[x: string]: never;
|
|
13
11
|
}, {
|
|
14
12
|
[evt: string]: CustomEvent<any>;
|
|
15
13
|
}, {}, {}, string>;
|
|
@@ -17,7 +15,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
|
|
|
17
15
|
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
18
16
|
$$bindings?: Bindings;
|
|
19
17
|
} & Exports;
|
|
20
|
-
(internal: unknown, props:
|
|
18
|
+
(internal: unknown, props: {
|
|
21
19
|
$$events?: Events;
|
|
22
20
|
$$slots?: Slots;
|
|
23
21
|
}): Exports & {
|
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
<
|
|
2
|
-
export let width = 14;
|
|
3
|
-
export let height = 14;
|
|
4
|
-
</script>
|
|
5
|
-
|
|
6
|
-
<svg
|
|
7
|
-
width={`${width}`}
|
|
8
|
-
height={`${height}`}
|
|
9
|
-
viewBox="0 0 14 14"
|
|
10
|
-
fill="none"
|
|
11
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
-
>
|
|
1
|
+
<svg width="100%" height="100%" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
2
|
<path
|
|
14
3
|
fill-rule="evenodd"
|
|
15
4
|
clip-rule="evenodd"
|
|
@@ -1,8 +1,21 @@
|
|
|
1
|
+
export default Desktop;
|
|
2
|
+
type Desktop = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const Desktop: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
1
14
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
-
new (options: import(
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
3
16
|
$$bindings?: Bindings;
|
|
4
17
|
} & Exports;
|
|
5
|
-
(internal: unknown, props:
|
|
18
|
+
(internal: unknown, props: {
|
|
6
19
|
$$events?: Events;
|
|
7
20
|
$$slots?: Slots;
|
|
8
21
|
}): Exports & {
|
|
@@ -11,11 +24,3 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
|
|
|
11
24
|
};
|
|
12
25
|
z_$$bindings?: Bindings;
|
|
13
26
|
}
|
|
14
|
-
declare const Desktop: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
-
width?: number;
|
|
16
|
-
height?: number;
|
|
17
|
-
}, {
|
|
18
|
-
[evt: string]: CustomEvent<any>;
|
|
19
|
-
}, {}, {}, string>;
|
|
20
|
-
type Desktop = InstanceType<typeof Desktop>;
|
|
21
|
-
export default Desktop;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
<
|
|
2
|
-
export let width = 24;
|
|
3
|
-
export let height = 24;
|
|
4
|
-
</script>
|
|
5
|
-
|
|
6
|
-
<svg
|
|
7
|
-
width={`${width}`}
|
|
8
|
-
height={`${height}`}
|
|
9
|
-
viewBox="0 0 24 24"
|
|
10
|
-
fill="none"
|
|
11
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
-
>
|
|
1
|
+
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
2
|
<path
|
|
14
3
|
d="M18 11H19V8.366L21.2811 9.68301L21.7811 8.81699L19.5 7.49999L21.7811 6.18301L21.2811 5.31699L19 6.63399V4H18V6.63395L15.719 5.31699L15.219 6.18301L17.5 7.49999L15.2189 8.81699L15.7189 9.68301L18 8.36604V11Z"
|
|
15
4
|
fill="currentColor"
|
|
@@ -1,8 +1,21 @@
|
|
|
1
|
+
export default DesktopWithStar;
|
|
2
|
+
type DesktopWithStar = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const DesktopWithStar: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
1
14
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
-
new (options: import(
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
3
16
|
$$bindings?: Bindings;
|
|
4
17
|
} & Exports;
|
|
5
|
-
(internal: unknown, props:
|
|
18
|
+
(internal: unknown, props: {
|
|
6
19
|
$$events?: Events;
|
|
7
20
|
$$slots?: Slots;
|
|
8
21
|
}): Exports & {
|
|
@@ -11,11 +24,3 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
|
|
|
11
24
|
};
|
|
12
25
|
z_$$bindings?: Bindings;
|
|
13
26
|
}
|
|
14
|
-
declare const DesktopWithStar: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
-
width?: number;
|
|
16
|
-
height?: number;
|
|
17
|
-
}, {
|
|
18
|
-
[evt: string]: CustomEvent<any>;
|
|
19
|
-
}, {}, {}, string>;
|
|
20
|
-
type DesktopWithStar = InstanceType<typeof DesktopWithStar>;
|
|
21
|
-
export default DesktopWithStar;
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
export default DivBlock;
|
|
2
2
|
type DivBlock = SvelteComponent<{
|
|
3
|
-
|
|
4
|
-
height?: number | undefined;
|
|
3
|
+
[x: string]: never;
|
|
5
4
|
}, {
|
|
6
5
|
[evt: string]: CustomEvent<any>;
|
|
7
6
|
}, {}> & {
|
|
8
7
|
$$bindings?: string | undefined;
|
|
9
8
|
};
|
|
10
9
|
declare const DivBlock: $$__sveltets_2_IsomorphicComponent<{
|
|
11
|
-
|
|
12
|
-
height?: number | undefined;
|
|
10
|
+
[x: string]: never;
|
|
13
11
|
}, {
|
|
14
12
|
[evt: string]: CustomEvent<any>;
|
|
15
13
|
}, {}, {}, string>;
|
|
@@ -17,7 +15,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
|
|
|
17
15
|
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
18
16
|
$$bindings?: Bindings;
|
|
19
17
|
} & Exports;
|
|
20
|
-
(internal: unknown, props:
|
|
18
|
+
(internal: unknown, props: {
|
|
21
19
|
$$events?: Events;
|
|
22
20
|
$$slots?: Slots;
|
|
23
21
|
}): Exports & {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
|
|
2
2
|
<path
|
|
3
3
|
opacity="0.4"
|
|
4
4
|
fill-rule="evenodd"
|
|
5
5
|
clip-rule="evenodd"
|
|
6
6
|
d="M11.1465 7.35359L9.14648 5.35359L9.85359 4.64648L11.8536 6.64648L11.1465 7.35359Z"
|
|
7
|
-
fill="
|
|
7
|
+
fill="currentColor"
|
|
8
8
|
/>
|
|
9
9
|
<path
|
|
10
10
|
fill-rule="evenodd"
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 11" fill="none">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M1 5L1 3C1 1.34315 2.34315 0 4 0C5.65685 0 7 1.34315 7 3V5C7.55228 5 8 5.44772 8 6V10C8 10.5523 7.55228 11 7 11H1C0.447715 11 0 10.5523 0 10V6C0 5.44771 0.447716 5 1 5ZM2 3C2 1.89543 2.89543 1 4 1C5.10457 1 6 1.89543 6 3V5H2V3ZM1 10V6H7V10H1Z"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
/>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default EssentialIcon;
|
|
2
|
+
type EssentialIcon = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const EssentialIcon: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
|
|
2
2
|
<path
|
|
3
3
|
d="M8 9.5C8.82843 9.5 9.5 8.82843 9.5 8C9.5 7.17157 8.82843 6.5 8 6.5C7.17157 6.5 6.5 7.17157 6.5 8C6.5 8.82843 7.17157 9.5 8 9.5Z"
|
|
4
4
|
fill="currentColor"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
|
|
2
2
|
<path
|
|
3
3
|
d="M5.5 1.66671C4.30936 1.66671 3.33334 2.64273 3.33334 3.83338V13.8334C3.33336 13.9254 3.35879 14.0157 3.40681 14.0942C3.45484 14.1727 3.5236 14.2364 3.60552 14.2783C3.68745 14.3203 3.77936 14.3388 3.87113 14.3319C3.9629 14.3249 4.05098 14.2928 4.12565 14.239L8 11.4493L11.8744 14.239C11.949 14.2928 12.0371 14.3249 12.1289 14.3319C12.2206 14.3388 12.3126 14.3203 12.3945 14.2783C12.4764 14.2364 12.5452 14.1727 12.5932 14.0942C12.6412 14.0157 12.6666 13.9254 12.6667 13.8334V3.83338C12.6667 2.64273 11.6906 1.66671 10.5 1.66671H5.5ZM5.5 2.66671H10.5C11.15 2.66671 11.6667 3.18336 11.6667 3.83338V12.8575L8.29232 10.4278C8.20719 10.3664 8.10493 10.3334 8 10.3334C7.89508 10.3334 7.79281 10.3664 7.70768 10.4278L4.33334 12.8575V3.83338C4.33334 3.18336 4.84998 2.66671 5.5 2.66671Z"
|
|
4
4
|
fill="currentColor"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
|
|
2
2
|
<path
|
|
3
3
|
d="M4.12008 5.02383C4.55596 3.2864 6.12738 2 8 2C9.87262 2 11.444 3.2864 11.8799 5.02383C13.3574 5.21056 14.5 6.47184 14.5 8C14.5 9.4865 13.4189 10.7205 12 10.9585V9.93699C12.8626 9.71497 13.5 8.93192 13.5 8C13.5 6.89598 12.6055 6.00089 11.5017 6L11.5 6L11.0314 6.0033L10.9696 5.57101C10.7618 4.11754 9.51099 3 8 3C6.48901 3 5.23817 4.11753 5.03038 5.57101L4.96858 6.00326L4.49835 6C3.39454 6.00089 2.5 6.89598 2.5 8C2.5 8.93192 3.13739 9.71497 4 9.93699V10.9585C2.58114 10.7205 1.5 9.4865 1.5 8C1.5 6.47184 2.64259 5.21055 4.12008 5.02383Z"
|
|
4
4
|
fill="currentColor"
|
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
/>
|
|
10
10
|
<path
|
|
11
11
|
d="M4.12008 5.02383C4.55596 3.2864 6.12738 2 8 2C9.87262 2 11.444 3.2864 11.8799 5.02383C13.3574 5.21056 14.5 6.47184 14.5 8C14.5 9.4865 13.4189 10.7205 12 10.9585V9.93699C12.8626 9.71497 13.5 8.93192 13.5 8C13.5 6.89598 12.6055 6.00089 11.5017 6L11.5 6L11.0314 6.0033L10.9696 5.57101C10.7618 4.11754 9.51099 3 8 3C6.48901 3 5.23817 4.11753 5.03038 5.57101L4.96858 6.00326L4.49835 6C3.39454 6.00089 2.5 6.89598 2.5 8C2.5 8.93192 3.13739 9.71497 4 9.93699V10.9585C2.58114 10.7205 1.5 9.4865 1.5 8C1.5 6.47184 2.64259 5.21055 4.12008 5.02383Z"
|
|
12
|
-
stroke="
|
|
12
|
+
stroke="currentColor"
|
|
13
13
|
/>
|
|
14
14
|
<path
|
|
15
15
|
d="M5.85355 9.85355L7.5 8.20711L7.5 13H8.5L8.5 8.20711L10.1464 9.85355L10.8536 9.14645L8 6.29289L5.14645 9.14645L5.85355 9.85355Z"
|
|
16
|
-
stroke="
|
|
16
|
+
stroke="currentColor"
|
|
17
17
|
/>
|
|
18
18
|
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g id="logo-icon" clip-path="url(#clip0_356_4114)">
|
|
3
3
|
<path id="Back-white" d="M24.5 0.5H0.5V24.5H24.5V0.5Z" fill="#111111" />
|
|
4
4
|
<path
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
|
|
2
2
|
<g clip-path="url(#clip0_5665_3736)">
|
|
3
3
|
<path
|
|
4
4
|
d="M12.7839 6.16037V4.88037H8.15991V12.0924H9.79591V9.30037H12.1599V8.06837H9.79591V6.16037H12.7839Z"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10 10" fill="none">
|
|
2
2
|
<path
|
|
3
3
|
d="M6.34481 3C6.25596 3.10625 6.14962 3.23125 6.01702 3.375C5.69394 3.725 5.26721 4.15 4.77519 4.47C4.44337 4.67813 4.07923 4.86687 3.59933 4.875H0.625V9.25H9.375V3H6.34481ZM3.96413 3.46875C4.19433 3.32001 4.40807 3.15043 4.60221 2.9625C4.72606 2.84563 4.84048 2.72688 4.9475 2.6125L4.07452 1.75H0.625V3.625H3.59731C3.60808 3.63125 3.76894 3.59375 3.96413 3.46875Z"
|
|
4
4
|
fill="currentColor"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 14" fill="none">
|
|
2
2
|
<path
|
|
3
3
|
d="M1.75 3.5C1.75 3.01675 2.14175 2.625 2.625 2.625H5.86872L7.61872 4.375H11.375C11.8582 4.375 12.25 4.76675 12.25 5.25V6.5625H11.375V5.25H7.25628L5.50628 3.5H2.625V10.5H7.4375V11.375H2.625C2.14175 11.375 1.75 10.9832 1.75 10.5V3.5Z"
|
|
4
4
|
fill="currentColor"
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 17" fill="none">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M8.8332 2.5C8.77585 2.50005 8.64177 2.53456 8.44755 2.781C8.25763 3.02199 8.06472 3.4017 7.89346 3.91547C7.58821 4.83124 7.38038 6.08547 7.34037 7.5H8.83334V8.5H7.34037C7.38038 9.91453 7.58821 11.1688 7.89346 12.0845C8.06472 12.5983 8.25763 12.978 8.44755 13.219C8.64192 13.4656 8.77606 13.5 8.83334 13.5V14.5C5.24348 14.5 2.33334 11.5899 2.33334 8C2.33334 4.41015 5.24348 1.5 8.83334 1.5C12.255 1.5 15.0591 4.14378 15.3144 7.5H14.3109C14.1048 5.21221 12.4977 3.32838 10.3541 2.71294C10.4921 2.9781 10.6145 3.27709 10.7219 3.59924C11.067 4.63454 11.2865 5.99982 11.3267 7.5H10.3263C10.2863 6.08547 10.0785 4.83124 9.77321 3.91547C9.60195 3.4017 9.40904 3.02199 9.21912 2.781C9.02475 2.53437 8.89048 2.5 8.8332 2.5ZM6.94478 3.59925C6.59968 4.63454 6.38014 5.99982 6.34 7.5H3.35576C3.56192 5.21221 5.16901 3.32838 7.3126 2.71294C7.17459 2.9781 7.05217 3.27709 6.94478 3.59925ZM6.34 8.5H3.35576C3.56192 10.7878 5.16901 12.6716 7.3126 13.2871C7.17459 13.0219 7.05217 12.7229 6.94478 12.4008C6.59968 11.3655 6.38014 10.0002 6.34 8.5Z"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
/>
|
|
8
|
+
<path
|
|
9
|
+
fill-rule="evenodd"
|
|
10
|
+
clip-rule="evenodd"
|
|
11
|
+
d="M16.187 9.35353L12.1871 13.3541C12.0934 13.4479 11.9662 13.5006 11.8335 13.5006C11.7009 13.5006 11.5737 13.4479 11.48 13.3541L9.47982 11.3535L10.187 10.6465L11.8336 12.2934L15.4798 8.64648L16.187 9.35353Z"
|
|
12
|
+
fill="currentColor"
|
|
13
|
+
/>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default GlobeCheckedIcon;
|
|
2
|
+
type GlobeCheckedIcon = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const GlobeCheckedIcon: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 12 12" fill="none">
|
|
2
|
+
<path
|
|
3
|
+
fill-rule="evenodd"
|
|
4
|
+
clip-rule="evenodd"
|
|
5
|
+
d="M6.375 10.5V9.75C6.33204 9.75 6.23144 9.72423 6.08566 9.53925C5.94322 9.35851 5.79854 9.07373 5.6701 8.6884C5.44115 8.00157 5.28528 7.06089 5.25528 6H6.375V5.25H5.25528C5.28528 4.1891 5.44115 3.24843 5.6701 2.5616C5.79854 2.17627 5.94322 1.89149 6.08566 1.71075C6.23132 1.52592 6.33189 1.50004 6.3749 1.5C6.41786 1.5 6.51856 1.52577 6.66434 1.71075C6.80678 1.89149 6.95146 2.17627 7.0799 2.5616C7.30885 3.24843 7.46472 4.1891 7.49472 5.25H8.245C8.2149 4.12487 8.05024 3.10091 7.79142 2.32443C7.71088 2.08282 7.61906 1.85857 7.51555 1.65971C9.12324 2.12129 10.3286 3.53416 10.4832 5.25H11.2358C11.0443 2.73283 8.94121 0.75 6.375 0.75C3.68261 0.75 1.5 2.93261 1.5 5.625C1.5 8.31739 3.68261 10.5 6.375 10.5ZM4.95858 2.32443C4.69976 3.10091 4.5351 4.12487 4.505 5.25H2.26682C2.42144 3.53416 3.62676 2.12129 5.23445 1.65971C5.13094 1.85857 5.03912 2.08282 4.95858 2.32443ZM4.505 6H2.26682C2.42144 7.71584 3.62676 9.12871 5.23445 9.59029C5.13094 9.39143 5.03912 9.16718 4.95858 8.92557C4.69976 8.14909 4.5351 7.12514 4.505 6Z"
|
|
6
|
+
fill="currentColor"
|
|
7
|
+
/>
|
|
8
|
+
<path
|
|
9
|
+
d="M9.375 9.375C9.78921 9.375 10.125 9.71079 10.125 10.125C10.125 10.5392 9.78921 10.875 9.375 10.875C8.96079 10.875 8.625 10.5392 8.625 10.125C8.625 9.71079 8.96079 9.375 9.375 9.375ZM9.75 8.25H9V6H9.75V8.25Z"
|
|
10
|
+
fill="currentColor"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default GlobeWarningIcon;
|
|
2
|
+
type GlobeWarningIcon = SvelteComponent<{
|
|
3
|
+
[x: string]: never;
|
|
4
|
+
}, {
|
|
5
|
+
[evt: string]: CustomEvent<any>;
|
|
6
|
+
}, {}> & {
|
|
7
|
+
$$bindings?: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
declare const GlobeWarningIcon: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
+
[x: string]: never;
|
|
11
|
+
}, {
|
|
12
|
+
[evt: string]: CustomEvent<any>;
|
|
13
|
+
}, {}, {}, string>;
|
|
14
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
+
$$bindings?: Bindings;
|
|
17
|
+
} & Exports;
|
|
18
|
+
(internal: unknown, props: {
|
|
19
|
+
$$events?: Events;
|
|
20
|
+
$$slots?: Slots;
|
|
21
|
+
}): Exports & {
|
|
22
|
+
$set?: any;
|
|
23
|
+
$on?: any;
|
|
24
|
+
};
|
|
25
|
+
z_$$bindings?: Bindings;
|
|
26
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g id="NoClassStates">
|
|
3
3
|
<path
|
|
4
4
|
id="icon"
|
|
5
5
|
d="M5.06584 10.5153V2.50949C5.07445 2.23869 5.18262 1.98201 5.36752 1.79365C5.55242 1.6053 5.79956 1.5 6.05678 1.5C6.314 1.5 6.56114 1.6053 6.74604 1.79365C6.93094 1.98201 7.03911 2.23869 7.04772 2.50949V5.64396H8.37563C8.74202 5.64396 9.03625 5.95507 9.03625 6.33986H10.3575C10.7239 6.33986 11.0203 6.65097 11.0203 7.03576H12.0118C12.5559 7.03576 13 7.50359 13 8.08019V10.2369C13.0008 10.8838 12.9149 11.5276 12.7446 12.1492L11.6765 15.5H5.72536C4.73387 14.1082 2.14355 10.0463 2.14355 10.0463C2.03652 9.88492 1.98677 9.68908 2.00301 9.493C2.01925 9.29693 2.10044 9.11312 2.23238 8.97375C2.3734 8.82437 2.56293 8.73684 2.76278 8.72881C2.96263 8.72078 3.15794 8.79284 3.30936 8.93048L5.06584 10.5153Z"
|
|
6
|
-
fill="
|
|
6
|
+
fill="currentColor"
|
|
7
7
|
/>
|
|
8
8
|
</g>
|
|
9
9
|
</svg>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 21" fill="none">
|
|
2
2
|
<path
|
|
3
3
|
opacity="0.4"
|
|
4
4
|
d="M10.9375 2.625C6.82988 2.625 3.5 5.95488 3.5 10.0625C3.5 14.1701 6.82988 17.5 10.9375 17.5C15.0451 17.5 18.375 14.1701 18.375 10.0625H17.5C17.5 13.6869 14.5619 16.625 10.9375 16.625C7.31313 16.625 4.375 13.6869 4.375 10.0625C4.375 6.43813 7.31313 3.5 10.9375 3.5V2.625Z"
|
|
5
|
-
fill="
|
|
5
|
+
fill="currentColor"
|
|
6
6
|
/>
|
|
7
7
|
<path
|
|
8
8
|
d="M13.125 2.62524H12.25V3.50024H13.125V4.37524H14V3.50024H14.875V2.62524H14V1.75024H13.125V2.62524Z"
|
|
@@ -1,16 +1,25 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<rect x="0.375" y="2.375" width="11.25" height="11.25" rx="1.125" fill="#2B2B2B" />
|
|
1
|
+
<svg width="100%" height="100%" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
2
|
<rect
|
|
4
3
|
x="0.375"
|
|
5
4
|
y="2.375"
|
|
6
5
|
width="11.25"
|
|
7
6
|
height="11.25"
|
|
8
7
|
rx="1.125"
|
|
9
|
-
|
|
8
|
+
fill="currentColor"
|
|
9
|
+
fill-opacity="0.2"
|
|
10
|
+
/>
|
|
11
|
+
<rect
|
|
12
|
+
x="0.375"
|
|
13
|
+
y="2.375"
|
|
14
|
+
width="11.25"
|
|
15
|
+
height="11.25"
|
|
16
|
+
rx="1.125"
|
|
17
|
+
stroke="currentColor"
|
|
18
|
+
stroke-opacity="0.2"
|
|
10
19
|
stroke-width="0.75"
|
|
11
20
|
/>
|
|
12
21
|
<path
|
|
13
22
|
d="M5.48864 9.36364V9.32955C5.49242 8.9678 5.5303 8.67992 5.60227 8.46591C5.67424 8.25189 5.77652 8.0786 5.90909 7.94602C6.04167 7.81345 6.20076 7.69129 6.38636 7.57955C6.49811 7.51136 6.59848 7.43087 6.6875 7.33807C6.77652 7.24337 6.84659 7.13447 6.89773 7.01136C6.95076 6.88826 6.97727 6.75189 6.97727 6.60227C6.97727 6.41667 6.93371 6.25568 6.84659 6.11932C6.75947 5.98295 6.64299 5.87784 6.49716 5.80398C6.35133 5.73011 6.18939 5.69318 6.01136 5.69318C5.85606 5.69318 5.70644 5.72538 5.5625 5.78977C5.41856 5.85417 5.2983 5.95549 5.2017 6.09375C5.10511 6.23201 5.04924 6.41288 5.03409 6.63636H4.31818C4.33333 6.31439 4.41667 6.03883 4.56818 5.80966C4.72159 5.58049 4.9233 5.4053 5.1733 5.28409C5.42519 5.16288 5.70455 5.10227 6.01136 5.10227C6.3447 5.10227 6.63447 5.16856 6.88068 5.30114C7.12879 5.43371 7.32008 5.61553 7.45455 5.84659C7.59091 6.07765 7.65909 6.34091 7.65909 6.63636C7.65909 6.8447 7.62689 7.03314 7.5625 7.2017C7.5 7.37027 7.40909 7.52083 7.28977 7.65341C7.17235 7.78598 7.0303 7.90341 6.86364 8.00568C6.69697 8.10985 6.56345 8.2197 6.46307 8.33523C6.36269 8.44886 6.28977 8.58428 6.24432 8.74148C6.19886 8.89867 6.17424 9.0947 6.17045 9.32955V9.36364H5.48864ZM5.85227 11.0455C5.71212 11.0455 5.59186 10.9953 5.49148 10.8949C5.3911 10.7945 5.34091 10.6742 5.34091 10.5341C5.34091 10.3939 5.3911 10.2737 5.49148 10.1733C5.59186 10.0729 5.71212 10.0227 5.85227 10.0227C5.99242 10.0227 6.11269 10.0729 6.21307 10.1733C6.31345 10.2737 6.36364 10.3939 6.36364 10.5341C6.36364 10.6269 6.33996 10.7121 6.29261 10.7898C6.24716 10.8674 6.18561 10.9299 6.10795 10.9773C6.0322 11.0227 5.94697 11.0455 5.85227 11.0455Z"
|
|
14
|
-
fill="
|
|
23
|
+
fill="currentColor"
|
|
15
24
|
/>
|
|
16
25
|
</svg>
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import IconsShowcase from './IconsShowcase.svelte';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Ui/Icons',
|
|
4
|
+
component: IconsShowcase,
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: 'fullscreen',
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: 'A comprehensive showcase of all available icons. Use the controls to adjust size and color. Icons use `width="100%"` and `height="100%"` with proper viewBox, so they scale to fill their container.'
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
tags: ['autodocs'],
|
|
14
|
+
argTypes: {
|
|
15
|
+
size: {
|
|
16
|
+
control: { type: 'range', min: 8, max: 128, step: 1 },
|
|
17
|
+
description: 'Icon size in pixels'
|
|
18
|
+
},
|
|
19
|
+
color: {
|
|
20
|
+
control: 'color',
|
|
21
|
+
description: 'Icon color (uses currentColor by default)'
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
export default meta;
|
|
26
|
+
export const Default = {
|
|
27
|
+
args: {
|
|
28
|
+
size: 24,
|
|
29
|
+
color: '#ffffff'
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
export const Small = {
|
|
33
|
+
args: {
|
|
34
|
+
size: 16,
|
|
35
|
+
color: '#ffffff'
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
export const Large = {
|
|
39
|
+
args: {
|
|
40
|
+
size: 48,
|
|
41
|
+
color: '#ffffff'
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
export const Colored = {
|
|
45
|
+
args: {
|
|
46
|
+
size: 24,
|
|
47
|
+
color: '#6366f1'
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
export const ExtraLarge = {
|
|
51
|
+
args: {
|
|
52
|
+
size: 64,
|
|
53
|
+
color: '#22c55e'
|
|
54
|
+
}
|
|
55
|
+
};
|