@invopop/popui 0.0.108 → 0.0.110
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/DrawerContext.svelte +1 -1
- package/dist/EmptyStateIllustration.svelte +7 -1
- package/dist/FeedIconStatus.svelte +2 -2
- package/dist/Notification.svelte +2 -2
- package/dist/svg/IconDelivery.svelte +85 -0
- package/dist/svg/IconDelivery.svelte.d.ts +16 -0
- package/dist/svg/IconOrder.svelte +80 -0
- package/dist/svg/IconOrder.svelte.d.ts +16 -0
- package/dist/svg/IconPayment.svelte +85 -0
- package/dist/svg/IconPayment.svelte.d.ts +16 -0
- package/dist/types.d.ts +1 -1
- package/package.json +2 -2
|
@@ -20,7 +20,7 @@ function updateItem(event) {
|
|
|
20
20
|
</script>
|
|
21
21
|
|
|
22
22
|
<div
|
|
23
|
-
class="{widthClass} border border-neutral-200 py-
|
|
23
|
+
class="{widthClass} border border-neutral-200 py-0.5 rounded-2xl shadow-lg space-y-0.5 bg-white max-h-80 overflow-y-auto"
|
|
24
24
|
>
|
|
25
25
|
<slot />
|
|
26
26
|
<ul class="space-y-0.5 max-h-80 overflow-y-auto">
|
|
@@ -5,6 +5,9 @@ import IconProduct from "./svg/IconProduct.svelte";
|
|
|
5
5
|
import IconFile from "./svg/IconFile.svelte";
|
|
6
6
|
import IconPdf from "./svg/IconPdf.svelte";
|
|
7
7
|
import IconNoResults from "./svg/IconNoResults.svelte";
|
|
8
|
+
import IconDelivery from "./svg/IconDelivery.svelte";
|
|
9
|
+
import IconOrder from "./svg/IconOrder.svelte";
|
|
10
|
+
import IconPayment from "./svg/IconPayment.svelte";
|
|
8
11
|
export let icon = void 0;
|
|
9
12
|
export let title = "";
|
|
10
13
|
export let description = "";
|
|
@@ -17,6 +20,9 @@ function getComponent(icon2) {
|
|
|
17
20
|
invoices: IconInvoice,
|
|
18
21
|
contacts: IconContact,
|
|
19
22
|
products: IconProduct,
|
|
23
|
+
deliveries: IconDelivery,
|
|
24
|
+
orders: IconOrder,
|
|
25
|
+
payments: IconPayment,
|
|
20
26
|
file: IconFile,
|
|
21
27
|
pdf: IconPdf,
|
|
22
28
|
"no-results": IconNoResults
|
|
@@ -51,7 +57,7 @@ function getComponent(icon2) {
|
|
|
51
57
|
</div>
|
|
52
58
|
{/if}
|
|
53
59
|
<div class="space-y-0.5">
|
|
54
|
-
<h4 class="font-medium text-
|
|
60
|
+
<h4 class="font-medium text-neutral-800 text-base tracking-tight">{title}</h4>
|
|
55
61
|
<p class="max-w-xs text-base text-neutral-500 tracking-normal">{description}</p>
|
|
56
62
|
<p><slot /></p>
|
|
57
63
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script>import { Icon } from "@steeze-ui/svelte-icon";
|
|
2
|
-
import {
|
|
2
|
+
import { Warning, Failure, Queue, Running, Success, CheckBadge, Skip } from "@invopop/ui-icons";
|
|
3
3
|
export let status;
|
|
4
4
|
$:
|
|
5
5
|
iconStatus = getIconStatus(status);
|
|
@@ -9,7 +9,7 @@ function getIconStatus(status2) {
|
|
|
9
9
|
success: Success,
|
|
10
10
|
run: Running,
|
|
11
11
|
queued: Queue,
|
|
12
|
-
alert:
|
|
12
|
+
alert: Warning,
|
|
13
13
|
skip: Skip,
|
|
14
14
|
signed: CheckBadge
|
|
15
15
|
};
|
package/dist/Notification.svelte
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script>import clsx from "clsx";
|
|
2
|
-
import {
|
|
2
|
+
import { Warning, Failure, Success } from "@invopop/ui-icons";
|
|
3
3
|
import { Icon } from "@steeze-ui/svelte-icon";
|
|
4
4
|
export let message = "";
|
|
5
5
|
export let type = "success";
|
|
@@ -24,7 +24,7 @@ function getIcon(type2) {
|
|
|
24
24
|
case "error":
|
|
25
25
|
return Failure;
|
|
26
26
|
case "warning":
|
|
27
|
-
return
|
|
27
|
+
return Warning;
|
|
28
28
|
default:
|
|
29
29
|
return null;
|
|
30
30
|
}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
<script>export let classes = "";
|
|
2
|
+
</script>
|
|
3
|
+
|
|
4
|
+
<svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
|
|
5
|
+
<g filter="url(#a)">
|
|
6
|
+
<foreignObject width="97" height="119" x="0" y="-2">
|
|
7
|
+
<div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
|
|
8
|
+
</foreignObject>
|
|
9
|
+
<g data-figma-bg-blur-radius="20">
|
|
10
|
+
<rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />
|
|
11
|
+
<rect width="57" height="79" x="20" y="18" fill="#169958" fill-opacity=".02" rx="6" />
|
|
12
|
+
<rect
|
|
13
|
+
width="56.2"
|
|
14
|
+
height="78.2"
|
|
15
|
+
x="20.4"
|
|
16
|
+
y="18.4"
|
|
17
|
+
stroke="#169958"
|
|
18
|
+
stroke-opacity=".6"
|
|
19
|
+
stroke-width=".8"
|
|
20
|
+
rx="5.6"
|
|
21
|
+
/>
|
|
22
|
+
</g>
|
|
23
|
+
<rect
|
|
24
|
+
width="50.4"
|
|
25
|
+
height="72.4"
|
|
26
|
+
x="23.3"
|
|
27
|
+
y="21.3"
|
|
28
|
+
stroke="#018551"
|
|
29
|
+
stroke-opacity=".2"
|
|
30
|
+
stroke-width=".6"
|
|
31
|
+
rx="3.7"
|
|
32
|
+
/>
|
|
33
|
+
<rect width="19" height="2" x="28" y="45" fill="#018551" rx="1" />
|
|
34
|
+
<rect width="15" height="2" x="28" y="68" fill="#018551" rx="1" />
|
|
35
|
+
<rect width="10" height="2" x="59" y="50" fill="#018551" rx="1" />
|
|
36
|
+
<rect width="12" height="2" x="57" y="73" fill="#018551" rx="1" />
|
|
37
|
+
<rect width="14" height="2" x="55" y="54" fill="#018551" rx="1" />
|
|
38
|
+
<rect width="14" height="2" x="55" y="77" fill="#018551" rx="1" />
|
|
39
|
+
<rect width="10" height="2" x="59" y="58" fill="#018551" rx="1" />
|
|
40
|
+
<rect width="12" height="2" x="57" y="62" fill="#018551" rx="1" />
|
|
41
|
+
<rect width="8" height="2" x="61" y="81" fill="#018551" rx="1" />
|
|
42
|
+
<rect width="16" height="2" x="28" y="50" fill="#018551" fill-opacity=".2" rx="1" />
|
|
43
|
+
<rect width="12" height="2" x="28" y="73" fill="#018551" fill-opacity=".2" rx="1" />
|
|
44
|
+
<rect width="11" height="2" x="28" y="54" fill="#018551" fill-opacity=".2" rx="1" />
|
|
45
|
+
<rect width="16" height="2" x="28" y="77" fill="#018551" fill-opacity=".2" rx="1" />
|
|
46
|
+
<rect width="14" height="2" x="28" y="58" fill="#018551" fill-opacity=".2" rx="1" />
|
|
47
|
+
<rect width="18" height="2" x="28" y="81" fill="#018551" fill-opacity=".2" rx="1" />
|
|
48
|
+
<rect width="16" height="2" x="28" y="62" fill="#018551" fill-opacity=".2" rx="1" />
|
|
49
|
+
<g clip-path="url(#c)">
|
|
50
|
+
<path
|
|
51
|
+
fill="#018551"
|
|
52
|
+
d="M34.973 26.556a2.14 2.14 0 0 1 2.138 2.138v.195h1.131c.465 0 .894.235 1.145.626l1.397 2.171c.142.22.217.476.217.737v1.716a2.14 2.14 0 0 1-2.139 2.138h-.43a1.948 1.948 0 0 1-1.905 1.556c-.938 0-1.723-.67-1.904-1.556h-2.218a1.948 1.948 0 0 1-1.905 1.556 1.947 1.947 0 0 1-1.918-1.63A2.14 2.14 0 0 1 27 34.138v-5.445a2.14 2.14 0 0 1 2.139-2.138h5.834ZM30.5 35.11a.778.778 0 0 0 0 1.556.778.778 0 0 0 0-1.556Zm6.027 0a.779.779 0 0 0 0 1.556.78.78 0 0 0 .779-.778.78.78 0 0 0-.779-.778Zm.584-3.5h2.237l-.943-1.466a.193.193 0 0 0-.163-.09h-1.13v1.556Z"
|
|
53
|
+
/>
|
|
54
|
+
</g>
|
|
55
|
+
</g>
|
|
56
|
+
<defs>
|
|
57
|
+
<clipPath id="b" transform="translate(0 2)">
|
|
58
|
+
<rect width="57" height="79" x="20" y="18" rx="6" />
|
|
59
|
+
</clipPath>
|
|
60
|
+
<clipPath id="c">
|
|
61
|
+
<path fill="#fff" d="M27 25h14v14H27z" />
|
|
62
|
+
</clipPath>
|
|
63
|
+
<filter
|
|
64
|
+
id="a"
|
|
65
|
+
width="97"
|
|
66
|
+
height="119"
|
|
67
|
+
x="0"
|
|
68
|
+
y="0"
|
|
69
|
+
color-interpolation-filters="sRGB"
|
|
70
|
+
filterUnits="userSpaceOnUse"
|
|
71
|
+
>
|
|
72
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
73
|
+
<feColorMatrix
|
|
74
|
+
in="SourceAlpha"
|
|
75
|
+
result="hardAlpha"
|
|
76
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
77
|
+
/>
|
|
78
|
+
<feOffset dy="2" />
|
|
79
|
+
<feGaussianBlur stdDeviation="10" />
|
|
80
|
+
<feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0" />
|
|
81
|
+
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9631_17687" />
|
|
82
|
+
<feBlend in="SourceGraphic" in2="effect1_dropShadow_9631_17687" result="shape" />
|
|
83
|
+
</filter>
|
|
84
|
+
</defs>
|
|
85
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
classes?: string | undefined;
|
|
5
|
+
};
|
|
6
|
+
events: {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
};
|
|
9
|
+
slots: {};
|
|
10
|
+
};
|
|
11
|
+
export type IconDeliveryProps = typeof __propDef.props;
|
|
12
|
+
export type IconDeliveryEvents = typeof __propDef.events;
|
|
13
|
+
export type IconDeliverySlots = typeof __propDef.slots;
|
|
14
|
+
export default class IconDelivery extends SvelteComponent<IconDeliveryProps, IconDeliveryEvents, IconDeliverySlots> {
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
<script>export let classes = "";
|
|
2
|
+
</script>
|
|
3
|
+
|
|
4
|
+
<svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
|
|
5
|
+
<g filter="url(#a)">
|
|
6
|
+
<foreignObject width="97" height="119" x="0" y="-2">
|
|
7
|
+
<div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
|
|
8
|
+
</foreignObject>
|
|
9
|
+
<g data-figma-bg-blur-radius="20">
|
|
10
|
+
<rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />
|
|
11
|
+
<rect width="57" height="79" x="20" y="18" fill="#169958" fill-opacity=".02" rx="6" />
|
|
12
|
+
<rect
|
|
13
|
+
width="56.2"
|
|
14
|
+
height="78.2"
|
|
15
|
+
x="20.4"
|
|
16
|
+
y="18.4"
|
|
17
|
+
stroke="#169958"
|
|
18
|
+
stroke-opacity=".6"
|
|
19
|
+
stroke-width=".8"
|
|
20
|
+
rx="5.6"
|
|
21
|
+
/>
|
|
22
|
+
</g>
|
|
23
|
+
<rect
|
|
24
|
+
width="50.4"
|
|
25
|
+
height="72.4"
|
|
26
|
+
x="23.3"
|
|
27
|
+
y="21.3"
|
|
28
|
+
stroke="#018551"
|
|
29
|
+
stroke-opacity=".2"
|
|
30
|
+
stroke-width=".6"
|
|
31
|
+
rx="3.7"
|
|
32
|
+
/>
|
|
33
|
+
<rect width="19" height="2" x="28" y="45" fill="#018551" rx="1" />
|
|
34
|
+
<rect width="15" height="2" x="28" y="68" fill="#018551" rx="1" />
|
|
35
|
+
<rect width="10" height="2" x="59" y="50" fill="#018551" rx="1" />
|
|
36
|
+
<rect width="12" height="2" x="57" y="73" fill="#018551" rx="1" />
|
|
37
|
+
<rect width="14" height="2" x="55" y="54" fill="#018551" rx="1" />
|
|
38
|
+
<rect width="14" height="2" x="55" y="77" fill="#018551" rx="1" />
|
|
39
|
+
<rect width="10" height="2" x="59" y="58" fill="#018551" rx="1" />
|
|
40
|
+
<rect width="12" height="2" x="57" y="62" fill="#018551" rx="1" />
|
|
41
|
+
<rect width="8" height="2" x="61" y="81" fill="#018551" rx="1" />
|
|
42
|
+
<rect width="16" height="2" x="28" y="50" fill="#018551" fill-opacity=".2" rx="1" />
|
|
43
|
+
<rect width="12" height="2" x="28" y="73" fill="#018551" fill-opacity=".2" rx="1" />
|
|
44
|
+
<rect width="11" height="2" x="28" y="54" fill="#018551" fill-opacity=".2" rx="1" />
|
|
45
|
+
<rect width="16" height="2" x="28" y="77" fill="#018551" fill-opacity=".2" rx="1" />
|
|
46
|
+
<rect width="14" height="2" x="28" y="58" fill="#018551" fill-opacity=".2" rx="1" />
|
|
47
|
+
<rect width="18" height="2" x="28" y="81" fill="#018551" fill-opacity=".2" rx="1" />
|
|
48
|
+
<rect width="16" height="2" x="28" y="62" fill="#018551" fill-opacity=".2" rx="1" />
|
|
49
|
+
<path
|
|
50
|
+
fill="#018551"
|
|
51
|
+
d="M37.306 26.555h-6.612c-1.18 0-2.139.96-2.139 2.14v6.61c0 1.18.96 2.14 2.14 2.14h4.022c.571 0 1.108-.223 1.512-.627l2.589-2.589c.404-.404.626-.94.626-1.512v-4.023c0-1.18-.959-2.139-2.139-2.139Zm-4.667 8.167h-1.167a.583.583 0 0 1 0-1.166h1.167a.583.583 0 0 1 0 1.166Zm.583-2.139h-1.75a.583.583 0 0 1 0-1.166h1.75a.583.583 0 0 1 0 1.166Zm-1.75-2.139a.583.583 0 0 1 0-1.166h5.056a.583.583 0 0 1 0 1.166h-5.056Zm6.52 2.96-2.588 2.589c-.068.068-.153.113-.237.158v-2.79c0-.107.087-.194.194-.194h2.791a.962.962 0 0 1-.16.237Z"
|
|
52
|
+
/>
|
|
53
|
+
</g>
|
|
54
|
+
<defs>
|
|
55
|
+
<clipPath id="b" transform="translate(0 2)">
|
|
56
|
+
<rect width="57" height="79" x="20" y="18" rx="6" />
|
|
57
|
+
</clipPath>
|
|
58
|
+
<filter
|
|
59
|
+
id="a"
|
|
60
|
+
width="97"
|
|
61
|
+
height="119"
|
|
62
|
+
x="0"
|
|
63
|
+
y="0"
|
|
64
|
+
color-interpolation-filters="sRGB"
|
|
65
|
+
filterUnits="userSpaceOnUse"
|
|
66
|
+
>
|
|
67
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
68
|
+
<feColorMatrix
|
|
69
|
+
in="SourceAlpha"
|
|
70
|
+
result="hardAlpha"
|
|
71
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
72
|
+
/>
|
|
73
|
+
<feOffset dy="2" />
|
|
74
|
+
<feGaussianBlur stdDeviation="10" />
|
|
75
|
+
<feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0" />
|
|
76
|
+
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9631_18422" />
|
|
77
|
+
<feBlend in="SourceGraphic" in2="effect1_dropShadow_9631_18422" result="shape" />
|
|
78
|
+
</filter>
|
|
79
|
+
</defs>
|
|
80
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
classes?: string | undefined;
|
|
5
|
+
};
|
|
6
|
+
events: {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
};
|
|
9
|
+
slots: {};
|
|
10
|
+
};
|
|
11
|
+
export type IconOrderProps = typeof __propDef.props;
|
|
12
|
+
export type IconOrderEvents = typeof __propDef.events;
|
|
13
|
+
export type IconOrderSlots = typeof __propDef.slots;
|
|
14
|
+
export default class IconOrder extends SvelteComponent<IconOrderProps, IconOrderEvents, IconOrderSlots> {
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
<script>export let classes = "";
|
|
2
|
+
</script>
|
|
3
|
+
|
|
4
|
+
<svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
|
|
5
|
+
<g filter="url(#a)">
|
|
6
|
+
<foreignObject width="97" height="119" x="0" y="-2">
|
|
7
|
+
<div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
|
|
8
|
+
</foreignObject>
|
|
9
|
+
<g data-figma-bg-blur-radius="20">
|
|
10
|
+
<rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />
|
|
11
|
+
<rect width="57" height="79" x="20" y="18" fill="#169958" fill-opacity=".02" rx="6" />
|
|
12
|
+
<rect
|
|
13
|
+
width="56.2"
|
|
14
|
+
height="78.2"
|
|
15
|
+
x="20.4"
|
|
16
|
+
y="18.4"
|
|
17
|
+
stroke="#169958"
|
|
18
|
+
stroke-opacity=".6"
|
|
19
|
+
stroke-width=".8"
|
|
20
|
+
rx="5.6"
|
|
21
|
+
/>
|
|
22
|
+
</g>
|
|
23
|
+
<rect
|
|
24
|
+
width="50.4"
|
|
25
|
+
height="72.4"
|
|
26
|
+
x="23.3"
|
|
27
|
+
y="21.3"
|
|
28
|
+
stroke="#018551"
|
|
29
|
+
stroke-opacity=".2"
|
|
30
|
+
stroke-width=".6"
|
|
31
|
+
rx="3.7"
|
|
32
|
+
/>
|
|
33
|
+
<rect width="19" height="2" x="28" y="45" fill="#018551" rx="1" />
|
|
34
|
+
<rect width="15" height="2" x="28" y="68" fill="#018551" rx="1" />
|
|
35
|
+
<rect width="10" height="2" x="59" y="50" fill="#018551" rx="1" />
|
|
36
|
+
<rect width="12" height="2" x="57" y="73" fill="#018551" rx="1" />
|
|
37
|
+
<rect width="14" height="2" x="55" y="54" fill="#018551" rx="1" />
|
|
38
|
+
<rect width="14" height="2" x="55" y="77" fill="#018551" rx="1" />
|
|
39
|
+
<rect width="10" height="2" x="59" y="58" fill="#018551" rx="1" />
|
|
40
|
+
<rect width="12" height="2" x="57" y="62" fill="#018551" rx="1" />
|
|
41
|
+
<rect width="8" height="2" x="61" y="81" fill="#018551" rx="1" />
|
|
42
|
+
<rect width="16" height="2" x="28" y="50" fill="#018551" fill-opacity=".2" rx="1" />
|
|
43
|
+
<rect width="12" height="2" x="28" y="73" fill="#018551" fill-opacity=".2" rx="1" />
|
|
44
|
+
<rect width="11" height="2" x="28" y="54" fill="#018551" fill-opacity=".2" rx="1" />
|
|
45
|
+
<rect width="16" height="2" x="28" y="77" fill="#018551" fill-opacity=".2" rx="1" />
|
|
46
|
+
<rect width="14" height="2" x="28" y="58" fill="#018551" fill-opacity=".2" rx="1" />
|
|
47
|
+
<rect width="18" height="2" x="28" y="81" fill="#018551" fill-opacity=".2" rx="1" />
|
|
48
|
+
<rect width="16" height="2" x="28" y="62" fill="#018551" fill-opacity=".2" rx="1" />
|
|
49
|
+
<g clip-path="url(#c)">
|
|
50
|
+
<path
|
|
51
|
+
fill="#018551"
|
|
52
|
+
d="M30.44 31.605c.83-.426 1.794-.433 2.715-.023l2.164.99c.408.184.721.518.88.939.049.132.076.268.091.404l2.335-1.054a1.684 1.684 0 0 1 2.226.842 1.685 1.685 0 0 1-.842 2.226l-5.282 2.383a2.902 2.902 0 0 1-2.088.12l-2.76-.882a1.362 1.362 0 0 1-1.323 1.06h-.195C27.611 38.61 27 38 27 37.25V33.36c0-.75.61-1.361 1.361-1.361h.195c.363 0 .692.145.936.378.267-.312.58-.583.947-.772Zm2.235 1.042c-.596-.265-1.185-.267-1.703-.002a2.1 2.1 0 0 0-1.055 1.381v2.313l3.077.983c.413.133.857.107 1.252-.071l5.282-2.384a.512.512 0 0 0 .27-.288.518.518 0 0 0-.695-.654c-.027.013-3.848 1.74-3.89 1.755a1.686 1.686 0 0 1-1.288-.043l-1.531-.697a.583.583 0 1 1 .481-1.062l1.532.696a.516.516 0 1 0 .428-.94l-2.16-.987ZM35.75 25a2.92 2.92 0 0 1 2.917 2.917 2.92 2.92 0 0 1-2.917 2.916 2.92 2.92 0 0 1-2.917-2.916A2.92 2.92 0 0 1 35.75 25Zm0 1.75a.583.583 0 0 0-.583.583V28.5a.583.583 0 1 0 1.166 0v-1.167a.583.583 0 0 0-.583-.583Z"
|
|
53
|
+
/>
|
|
54
|
+
</g>
|
|
55
|
+
</g>
|
|
56
|
+
<defs>
|
|
57
|
+
<clipPath id="b" transform="translate(0 2)">
|
|
58
|
+
<rect width="57" height="79" x="20" y="18" rx="6" />
|
|
59
|
+
</clipPath>
|
|
60
|
+
<clipPath id="c">
|
|
61
|
+
<path fill="#fff" d="M27 25h14v14H27z" />
|
|
62
|
+
</clipPath>
|
|
63
|
+
<filter
|
|
64
|
+
id="a"
|
|
65
|
+
width="97"
|
|
66
|
+
height="119"
|
|
67
|
+
x="0"
|
|
68
|
+
y="0"
|
|
69
|
+
color-interpolation-filters="sRGB"
|
|
70
|
+
filterUnits="userSpaceOnUse"
|
|
71
|
+
>
|
|
72
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
73
|
+
<feColorMatrix
|
|
74
|
+
in="SourceAlpha"
|
|
75
|
+
result="hardAlpha"
|
|
76
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
77
|
+
/>
|
|
78
|
+
<feOffset dy="2" />
|
|
79
|
+
<feGaussianBlur stdDeviation="10" />
|
|
80
|
+
<feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0" />
|
|
81
|
+
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9631_18244" />
|
|
82
|
+
<feBlend in="SourceGraphic" in2="effect1_dropShadow_9631_18244" result="shape" />
|
|
83
|
+
</filter>
|
|
84
|
+
</defs>
|
|
85
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
classes?: string | undefined;
|
|
5
|
+
};
|
|
6
|
+
events: {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
};
|
|
9
|
+
slots: {};
|
|
10
|
+
};
|
|
11
|
+
export type IconPaymentProps = typeof __propDef.props;
|
|
12
|
+
export type IconPaymentEvents = typeof __propDef.events;
|
|
13
|
+
export type IconPaymentSlots = typeof __propDef.slots;
|
|
14
|
+
export default class IconPayment extends SvelteComponent<IconPaymentProps, IconPaymentEvents, IconPaymentSlots> {
|
|
15
|
+
}
|
|
16
|
+
export {};
|
package/dist/types.d.ts
CHANGED
|
@@ -125,7 +125,7 @@ export type TabItem = {
|
|
|
125
125
|
check?: boolean;
|
|
126
126
|
warning?: boolean;
|
|
127
127
|
};
|
|
128
|
-
export type EmptyStateIcon = 'invoices' | 'contacts' | 'products' | 'pdf' | 'file' | 'no-results';
|
|
128
|
+
export type EmptyStateIcon = 'invoices' | 'contacts' | 'products' | 'deliveries' | 'orders' | 'payments' | 'pdf' | 'file' | 'no-results';
|
|
129
129
|
export type DataListItem = {
|
|
130
130
|
label: string;
|
|
131
131
|
value: string;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@invopop/popui",
|
|
3
3
|
"license": "MIT",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.110",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite dev",
|
|
7
7
|
"build": "vite build && npm run package",
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"dependencies": {
|
|
85
85
|
"@beyonk/svelte-datepicker": "^13.0.3",
|
|
86
86
|
"@floating-ui/core": "^1.5.1",
|
|
87
|
-
"@invopop/ui-icons": "0.0.
|
|
87
|
+
"@invopop/ui-icons": "0.0.71",
|
|
88
88
|
"@steeze-ui/heroicons": "^2.2.3",
|
|
89
89
|
"@steeze-ui/svelte-icon": "1.3.2",
|
|
90
90
|
"@twind/core": "^1.1.3",
|