forstok-ui-lib 6.2.5 → 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 +59 -59
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +59 -59
- 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 +22 -6
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>
|
|
@@ -8,8 +8,8 @@ import IconDashboardLeftNav from '../../assets/images/navs/left/dashboard.svg';
|
|
|
8
8
|
import IconDashboardActiveLeftNav from '../../assets/images/navs/left/dashboard-active.svg';
|
|
9
9
|
import IconAiLeftNav from '../../assets/images/navs/left/ai.svg';
|
|
10
10
|
import IconAiActiveLeftNav from '../../assets/images/navs/left/ai-active.svg';
|
|
11
|
-
import
|
|
12
|
-
import
|
|
11
|
+
import IconChatLeftNav from '../../assets/images/navs/left/chats.svg';
|
|
12
|
+
import IconChatActiveLeftNav from '../../assets/images/navs/left/chats-active.svg';
|
|
13
13
|
import IconReportingLeftNav from '../../assets/images/navs/left/reporting.svg';
|
|
14
14
|
import IconReportingActiveLeftNav from '../../assets/images/navs/left/reporting-active.svg';
|
|
15
15
|
import IconIntegrationLeftNav from '../../assets/images/navs/left/integrations.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';
|
|
@@ -308,17 +310,17 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
|
|
|
308
310
|
}
|
|
309
311
|
`
|
|
310
312
|
break;
|
|
311
|
-
case '
|
|
313
|
+
case 'chat-left-nav':
|
|
312
314
|
style += `
|
|
313
315
|
&:before {
|
|
314
|
-
content: url(${
|
|
316
|
+
content: url(${IconChatLeftNav});
|
|
315
317
|
}
|
|
316
318
|
`
|
|
317
319
|
break;
|
|
318
|
-
case '
|
|
320
|
+
case 'chat-active-left-nav':
|
|
319
321
|
style += `
|
|
320
322
|
&:before {
|
|
321
|
-
content: url(${
|
|
323
|
+
content: url(${IconChatActiveLeftNav});
|
|
322
324
|
}
|
|
323
325
|
`
|
|
324
326
|
break;
|
|
@@ -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 {
|