forstok-ui-lib 8.0.1 → 8.0.3
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/index.js +19 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +49 -49
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/images/navs/left/invoice-active.svg +43 -0
- package/src/assets/images/navs/left/invoice.svg +91 -0
- package/src/components/icon/styles.ts +16 -0
package/package.json
CHANGED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
viewBox="0 0 512 512"
|
|
4
|
+
width="100%"
|
|
5
|
+
height="100%"
|
|
6
|
+
aria-hidden="true"
|
|
7
|
+
focusable="false"
|
|
8
|
+
>
|
|
9
|
+
<g
|
|
10
|
+
transform="translate(0,512) scale(0.1,-0.1)"
|
|
11
|
+
fill="#086de0"
|
|
12
|
+
stroke="none"
|
|
13
|
+
>
|
|
14
|
+
<path d="M960 5106 c-147 -41 -267 -162 -306 -310 -20 -76 -20 -4396 0 -4472
|
|
15
|
+
41 -155 171 -280 324 -313 74 -16 3088 -16 3164 0 157 33 293 170 327 327 8
|
|
16
|
+
38 11 557 11 1846 l0 1793 -29 39 c-35 46 -1055 1064 -1091 1088 -22 15 -127
|
|
17
|
+
16 -1190 15 -900 -1 -1175 -4 -1210 -13z m2240 -543 c0 -263 4 -361 14 -399
|
|
18
|
+
41 -155 171 -280 324 -313 33 -7 179 -11 392 -11 l340 0 0 -1711 c0 -1276 -3
|
|
19
|
+
-1722 -12 -1757 -16 -64 -86 -134 -150 -150 -67 -17 -3029 -17 -3096 0 -64 16
|
|
20
|
+
-134 86 -150 150 -17 67 -17 4309 0 4376 15 60 87 135 144 150 26 6 405 10
|
|
21
|
+
1117 11 l1077 1 0 -347z m673 -511 c-294 -4 -328 2 -393 67 -65 65 -70 92 -70
|
|
22
|
+
388 l0 248 350 -350 350 -350 -237 -3z"/>
|
|
23
|
+
<path d="M1530 4342 c-16 -16 -32 -45 -35 -65 -5 -25 -13 -37 -30 -41 -40 -10
|
|
24
|
+
-122 -94 -152 -154 -24 -48 -28 -70 -28 -137 0 -67 4 -89 28 -137 49 -100 139
|
|
25
|
+
-162 255 -177 80 -10 106 -24 127 -67 19 -40 19 -48 -1 -89 -25 -53 -63 -65
|
|
26
|
+
-208 -65 -71 0 -136 -5 -150 -11 -60 -28 -71 -122 -20 -170 21 -19 38 -24 98
|
|
27
|
+
-27 l73 -4 17 -38 c20 -46 72 -75 116 -65 39 9 78 50 86 92 5 26 15 38 45 53
|
|
28
|
+
53 27 104 81 136 143 24 45 28 63 28 137 -1 77 -4 91 -34 148 -53 98 -139 156
|
|
29
|
+
-248 168 -77 9 -111 28 -129 71 -19 43 -5 93 33 123 23 18 41 20 155 20 89 0
|
|
30
|
+
139 4 163 14 35 15 65 59 65 96 0 37 -30 81 -65 96 -19 8 -59 14 -90 14 -53 0
|
|
31
|
+
-55 1 -69 34 -29 71 -114 90 -166 38z"/>
|
|
32
|
+
<path d="M2379 3381 c-49 -49 -36 -134 25 -166 28 -14 95 -16 703 -13 l671 3
|
|
33
|
+
26 24 c51 48 40 142 -20 170 -18 8 -224 11 -700 11 l-676 0 -29 -29z"/>
|
|
34
|
+
<path d="M1333 2758 c-57 -28 -67 -122 -17 -169 l26 -24 1218 0 1218 0 26 24
|
|
35
|
+
c51 48 40 142 -20 170 -34 15 -2419 14 -2451 -1z"/>
|
|
36
|
+
<path d="M1333 2118 c-57 -28 -67 -122 -17 -169 l26 -24 1218 0 1218 0 26 24
|
|
37
|
+
c51 48 40 142 -20 170 -34 15 -2419 14 -2451 -1z"/>
|
|
38
|
+
<path d="M1333 1478 c-57 -28 -67 -122 -17 -169 l26 -24 1218 0 1218 0 26 24
|
|
39
|
+
c51 48 40 142 -20 170 -34 15 -2419 14 -2451 -1z"/>
|
|
40
|
+
<path d="M1333 838 c-57 -28 -67 -122 -17 -169 l26 -24 671 -3 c493 -2 679 1
|
|
41
|
+
700 9 61 26 77 121 28 170 l-29 29 -679 -1 c-448 0 -685 -4 -700 -11z"/>
|
|
42
|
+
</g>
|
|
43
|
+
</svg>
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
viewBox="0 0 512 512"
|
|
4
|
+
width="100%"
|
|
5
|
+
height="100%"
|
|
6
|
+
aria-hidden="true"
|
|
7
|
+
focusable="false"
|
|
8
|
+
>
|
|
9
|
+
<g
|
|
10
|
+
transform="translate(0,512) scale(0.1,-0.1)"
|
|
11
|
+
fill="currentColor"
|
|
12
|
+
stroke="none"
|
|
13
|
+
>
|
|
14
|
+
<path d="M960 5106 c-147 -41 -267 -162 -306 -310 -20 -76 -20 -4396 0 -4472
|
|
15
|
+
41 -155 171 -280 324 -313 74 -16 3088 -16 3164 0 157 33 293 170 327 327
|
|
16
|
+
8 38 11 557 11 1846 l0 1793 -29 39 c-35 46 -1055 1064 -1091 1088
|
|
17
|
+
-22 15 -127 16 -1190 15 -900 -1 -1175 -4 -1210 -13z
|
|
18
|
+
m2240 -543 c0 -263 4 -361 14 -399 41 -155 171 -280 324 -313
|
|
19
|
+
33 -7 179 -11 392 -11 l340 0 0 -1711
|
|
20
|
+
c0 -1276 -3 -1722 -12 -1757
|
|
21
|
+
-16 -64 -86 -134 -150 -150
|
|
22
|
+
-67 -17 -3029 -17 -3096 0
|
|
23
|
+
-64 16 -134 86 -150 150
|
|
24
|
+
-17 67 -17 4309 0 4376
|
|
25
|
+
15 60 87 135 144 150
|
|
26
|
+
26 6 405 10 1117 11
|
|
27
|
+
l1077 1 0 -347z
|
|
28
|
+
m673 -511 c-294 -4 -328 2 -393 67
|
|
29
|
+
-65 65 -70 92 -70 388
|
|
30
|
+
l0 248 350 -350 350 -350 -237 -3z"/>
|
|
31
|
+
|
|
32
|
+
<path d="M1530 4342 c-16 -16 -32 -45 -35 -65
|
|
33
|
+
-5 -25 -13 -37 -30 -41
|
|
34
|
+
-40 -10 -122 -94 -152 -154
|
|
35
|
+
-24 -48 -28 -70 -28 -137
|
|
36
|
+
0 -67 4 -89 28 -137
|
|
37
|
+
49 -100 139 -162 255 -177
|
|
38
|
+
80 -10 106 -24 127 -67
|
|
39
|
+
19 -40 19 -48 -1 -89
|
|
40
|
+
-25 -53 -63 -65 -208 -65
|
|
41
|
+
-71 0 -136 -5 -150 -11
|
|
42
|
+
-60 -28 -71 -122 -20 -170
|
|
43
|
+
21 -19 38 -24 98 -27
|
|
44
|
+
l73 -4 17 -38
|
|
45
|
+
c20 -46 72 -75 116 -65
|
|
46
|
+
39 9 78 50 86 92
|
|
47
|
+
5 26 15 38 45 53
|
|
48
|
+
53 27 104 81 136 143
|
|
49
|
+
24 45 28 63 28 137
|
|
50
|
+
-1 77 -4 91 -34 148
|
|
51
|
+
-53 98 -139 156 -248 168
|
|
52
|
+
-77 9 -111 28 -129 71
|
|
53
|
+
-19 43 -5 93 33 123
|
|
54
|
+
23 18 41 20 155 20
|
|
55
|
+
89 0 139 4 163 14
|
|
56
|
+
35 15 65 59 65 96
|
|
57
|
+
0 37 -30 81 -65 96
|
|
58
|
+
-19 8 -59 14 -90 14
|
|
59
|
+
-53 0 -55 1 -69 34
|
|
60
|
+
-29 71 -114 90 -166 38z"/>
|
|
61
|
+
|
|
62
|
+
<path d="M2379 3381 c-49 -49 -36 -134 25 -166
|
|
63
|
+
28 -14 95 -16 703 -13
|
|
64
|
+
l671 3 26 24
|
|
65
|
+
c51 48 40 142 -20 170
|
|
66
|
+
-18 8 -224 11 -700 11
|
|
67
|
+
l-676 0 -29 -29z"/>
|
|
68
|
+
|
|
69
|
+
<path d="M1333 2758 c-57 -28 -67 -122 -17 -169
|
|
70
|
+
l26 -24 1218 0 1218 0
|
|
71
|
+
26 24 c51 48 40 142 -20 170
|
|
72
|
+
-34 15 -2419 14 -2451 -1z"/>
|
|
73
|
+
|
|
74
|
+
<path d="M1333 2118 c-57 -28 -67 -122 -17 -169
|
|
75
|
+
l26 -24 1218 0 1218 0
|
|
76
|
+
26 24 c51 48 40 142 -20 170
|
|
77
|
+
-34 15 -2419 14 -2451 -1z"/>
|
|
78
|
+
|
|
79
|
+
<path d="M1333 1478 c-57 -28 -67 -122 -17 -169
|
|
80
|
+
l26 -24 1218 0 1218 0
|
|
81
|
+
26 24 c51 48 40 142 -20 170
|
|
82
|
+
-34 15 -2419 14 -2451 -1z"/>
|
|
83
|
+
|
|
84
|
+
<path d="M1333 838 c-57 -28 -67 -122 -17 -169
|
|
85
|
+
l26 -24 671 -3
|
|
86
|
+
c493 -2 679 1 700 9
|
|
87
|
+
61 26 77 121 28 170
|
|
88
|
+
l-29 29 -679 -1
|
|
89
|
+
c-448 0 -685 -4 -700 -11z"/>
|
|
90
|
+
</g>
|
|
91
|
+
</svg>
|
|
@@ -64,6 +64,8 @@ import IconInventoryActiveLeftNav from '../../assets/images/navs/left/inventory-
|
|
|
64
64
|
import IconOrderActiveLeftNav from '../../assets/images/navs/left/order-active.svg'
|
|
65
65
|
import IconPriceLeftNav from '../../assets/images/navs/left/price.svg';
|
|
66
66
|
import IconPriceActiveLeftNav from '../../assets/images/navs/left/price-active.svg';
|
|
67
|
+
import IconInvoiceLeftNav from '../../assets/images/navs/left/invoice.svg';
|
|
68
|
+
import IconInvoiceActiveLeftNav from '../../assets/images/navs/left/invoice-active.svg';
|
|
67
69
|
import IconWarningChat from '../../assets/images/icons/warning-agent.svg';
|
|
68
70
|
import IconCheckChat from '../../assets/images/icons/check.svg';
|
|
69
71
|
import IconCheckChatBlue from '../../assets/images/icons/check-blue.svg';
|
|
@@ -567,6 +569,20 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
|
|
|
567
569
|
}
|
|
568
570
|
`
|
|
569
571
|
break;
|
|
572
|
+
case 'invoice-left-nav':
|
|
573
|
+
style += `
|
|
574
|
+
&:before {
|
|
575
|
+
content: url(${IconInvoiceLeftNav});
|
|
576
|
+
}
|
|
577
|
+
`
|
|
578
|
+
break;
|
|
579
|
+
case 'invoice-active-left-nav':
|
|
580
|
+
style += `
|
|
581
|
+
&:before {
|
|
582
|
+
content: url(${IconInvoiceActiveLeftNav});
|
|
583
|
+
}
|
|
584
|
+
`
|
|
585
|
+
break;
|
|
570
586
|
case 'warning-chat':
|
|
571
587
|
style += `
|
|
572
588
|
&:before {
|