forstok-ui-lib 6.2.7 → 6.2.8
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 +57 -57
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +47 -47
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/images/navs/left/chats-active.svg +1 -14
- package/src/assets/images/navs/left/chats.svg +1 -14
- package/src/assets/images/navs/left/marketing-active.svg +21 -0
- package/src/assets/images/navs/left/marketing.svg +21 -0
- package/src/components/icon/styles.ts +16 -0
package/package.json
CHANGED
|
@@ -1,14 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
-
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
|
|
5
|
-
<style type="text/css">
|
|
6
|
-
.st0{fill:none;stroke:#086de0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
|
7
|
-
.st1{fill:none;stroke:#086de0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
|
8
|
-
.st2{fill:none;stroke:#086de0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5.2066,0;}
|
|
9
|
-
</style>
|
|
10
|
-
<line class="st0" x1="8" y1="8" x2="13" y2="8"/>
|
|
11
|
-
<line class="st0" x1="8" y1="12" x2="10" y2="12"/>
|
|
12
|
-
<path class="st0" d="M5,3C3.9,3,3,3.9,3,5v12v5l7.7-5H19c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2H5z"/>
|
|
13
|
-
<path class="st0" d="M21,10h6c1.1,0,2,0.9,2,2v17l-7.7-5H13c-1.1,0-2-0.9-2-2v-5"/>
|
|
14
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path fill="#086de0" d="M12 3a9 9 0 0 0-9 9c0 2.397.935 4.573 2.463 6.186l.504.532L4.7 21H12a9 9 0 1 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11H1.3l2.22-3.994A10.959 10.959 0 0 1 1 12Z"/></svg>
|
|
@@ -1,14 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
-
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
|
|
5
|
-
<style type="text/css">
|
|
6
|
-
.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
|
7
|
-
.st1{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
|
8
|
-
.st2{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5.2066,0;}
|
|
9
|
-
</style>
|
|
10
|
-
<line class="st0" x1="8" y1="8" x2="13" y2="8"/>
|
|
11
|
-
<line class="st0" x1="8" y1="12" x2="10" y2="12"/>
|
|
12
|
-
<path class="st0" d="M5,3C3.9,3,3,3.9,3,5v12v5l7.7-5H19c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2H5z"/>
|
|
13
|
-
<path class="st0" d="M21,10h6c1.1,0,2,0.9,2,2v17l-7.7-5H13c-1.1,0-2-0.9-2-2v-5"/>
|
|
14
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path fill="#000000" d="M12 3a9 9 0 0 0-9 9c0 2.397.935 4.573 2.463 6.186l.504.532L4.7 21H12a9 9 0 1 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11H1.3l2.22-3.994A10.959 10.959 0 0 1 1 12Z"/></svg>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
3
|
+
<svg fill="#086de0" height="100%" width="100%" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
+
viewBox="0 0 239.563 239.563" xml:space="preserve">
|
|
5
|
+
<g>
|
|
6
|
+
<g>
|
|
7
|
+
<g>
|
|
8
|
+
<path d="M146.962,36.978h-1.953L85.568,69.611H42.605C19.113,69.611,0,88.723,0,112.216c0,21.012,15.301,38.474,35.334,41.943
|
|
9
|
+
L21.56,202.585h47.523l13.584-47.756h2.901l59.443,32.628h1.953c12.585,0,22.826-10.239,22.826-22.826V59.803
|
|
10
|
+
C169.787,47.219,159.546,36.978,146.962,36.978z M57.592,187.366H41.71l8.352-29.364h15.882L57.592,187.366z M109.459,150.581
|
|
11
|
+
l-19.988-10.972H42.605c-15.103,0-27.388-12.29-27.388-27.393c0-15.103,12.285-27.388,27.388-27.388h46.866l19.988-10.974
|
|
12
|
+
V150.581z M154.57,164.631c0,3.637-2.567,6.683-5.978,7.431l-23.916-13.127V65.502l23.916-13.13
|
|
13
|
+
c3.414,0.748,5.978,3.797,5.978,7.434V164.631z"/>
|
|
14
|
+
<path d="M198.989,79.377L188.106,90.26c5.623,7.789,8.976,17.32,8.976,27.637c0,10.32-3.353,19.851-8.976,27.637l10.883,10.883
|
|
15
|
+
c8.326-10.629,13.31-24,13.31-38.52C212.299,103.377,207.315,90.007,198.989,79.377z"/>
|
|
16
|
+
<path d="M218.358,60.009l-10.794,10.794c10.482,12.856,16.782,29.252,16.782,47.094c0,17.845-6.3,34.238-16.782,47.094
|
|
17
|
+
l10.794,10.794c13.216-15.648,21.205-35.849,21.205-57.888S231.574,75.657,218.358,60.009z"/>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
|
+
</g>
|
|
21
|
+
</svg>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
3
|
+
<svg fill="#000000" height="100%" width="100%" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
+
viewBox="0 0 239.563 239.563" xml:space="preserve">
|
|
5
|
+
<g>
|
|
6
|
+
<g>
|
|
7
|
+
<g>
|
|
8
|
+
<path d="M146.962,36.978h-1.953L85.568,69.611H42.605C19.113,69.611,0,88.723,0,112.216c0,21.012,15.301,38.474,35.334,41.943
|
|
9
|
+
L21.56,202.585h47.523l13.584-47.756h2.901l59.443,32.628h1.953c12.585,0,22.826-10.239,22.826-22.826V59.803
|
|
10
|
+
C169.787,47.219,159.546,36.978,146.962,36.978z M57.592,187.366H41.71l8.352-29.364h15.882L57.592,187.366z M109.459,150.581
|
|
11
|
+
l-19.988-10.972H42.605c-15.103,0-27.388-12.29-27.388-27.393c0-15.103,12.285-27.388,27.388-27.388h46.866l19.988-10.974
|
|
12
|
+
V150.581z M154.57,164.631c0,3.637-2.567,6.683-5.978,7.431l-23.916-13.127V65.502l23.916-13.13
|
|
13
|
+
c3.414,0.748,5.978,3.797,5.978,7.434V164.631z"/>
|
|
14
|
+
<path d="M198.989,79.377L188.106,90.26c5.623,7.789,8.976,17.32,8.976,27.637c0,10.32-3.353,19.851-8.976,27.637l10.883,10.883
|
|
15
|
+
c8.326-10.629,13.31-24,13.31-38.52C212.299,103.377,207.315,90.007,198.989,79.377z"/>
|
|
16
|
+
<path d="M218.358,60.009l-10.794,10.794c10.482,12.856,16.782,29.252,16.782,47.094c0,17.845-6.3,34.238-16.782,47.094
|
|
17
|
+
l10.794,10.794c13.216-15.648,21.205-35.849,21.205-57.888S231.574,75.657,218.358,60.009z"/>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
|
+
</g>
|
|
21
|
+
</svg>
|
|
@@ -18,6 +18,8 @@ import IconSettingLeftNav from '../../assets/images/navs/left/settings.svg';
|
|
|
18
18
|
import IconSettingActiveLeftNav from '../../assets/images/navs/left/settings-active.svg';
|
|
19
19
|
import IconCustomerLeftNav from '../../assets/images/navs/left/customers.svg';
|
|
20
20
|
import IconCustomerActiveLeftNav from '../../assets/images/navs/left/customers-active.svg';
|
|
21
|
+
import IconMarketingLeftNav from '../../assets/images/navs/left/marketing.svg';
|
|
22
|
+
import IconMarketingActiveLeftNav from '../../assets/images/navs/left/marketing-active.svg';
|
|
21
23
|
import IconWarningChat from '../../assets/images/icons/warning-agent.svg';
|
|
22
24
|
import IconCheckChat from '../../assets/images/icons/check.svg';
|
|
23
25
|
import IconCheckChatBlue from '../../assets/images/icons/check-blue.svg';
|
|
@@ -392,6 +394,20 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
|
|
|
392
394
|
}
|
|
393
395
|
`
|
|
394
396
|
break;
|
|
397
|
+
case 'marketing-left-nav':
|
|
398
|
+
style += `
|
|
399
|
+
&:before {
|
|
400
|
+
content: url(${IconMarketingLeftNav});
|
|
401
|
+
}
|
|
402
|
+
`
|
|
403
|
+
break;
|
|
404
|
+
case 'marketing-active-left-nav':
|
|
405
|
+
style += `
|
|
406
|
+
&:before {
|
|
407
|
+
content: url(${IconMarketingActiveLeftNav});
|
|
408
|
+
}
|
|
409
|
+
`
|
|
410
|
+
break;
|
|
395
411
|
case 'warning-chat':
|
|
396
412
|
style += `
|
|
397
413
|
&:before {
|