forstok-ui-lib 6.2.7 → 6.2.9

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.
Files changed (15) hide show
  1. package/dist/index.js +116 -116
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +121 -121
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/assets/images/navs/left/chats-active.svg +1 -14
  7. package/src/assets/images/navs/left/chats.svg +1 -14
  8. package/src/assets/images/navs/left/inventory-active.svg +45 -0
  9. package/src/assets/images/navs/left/inventory.svg +45 -0
  10. package/src/assets/images/navs/left/marketing-active.svg +21 -0
  11. package/src/assets/images/navs/left/marketing.svg +21 -0
  12. package/src/assets/images/navs/left/order-active.svg +30 -0
  13. package/src/assets/images/navs/left/order.svg +30 -0
  14. package/src/assets/images/navs/left/products-active.svg +46 -0
  15. package/src/components/icon/styles.ts +64 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "forstok-ui-lib",
3
- "version": "6.2.7",
3
+ "version": "6.2.9",
4
4
  "description": "Forstok UI Components Library",
5
5
  "path": "dist",
6
6
  "main": "dist/index.js",
package/src/assets/images/navs/left/chats-active.svg CHANGED
@@ -1,14 +1 @@
1
- <?xml version="1.0" encoding="utf-8"?>
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>
package/src/assets/images/navs/left/chats.svg CHANGED
@@ -1,14 +1 @@
1
- <?xml version="1.0" encoding="utf-8"?>
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>
package/src/assets/images/navs/left/inventory-active.svg ADDED
@@ -0,0 +1,45 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 473.8 473.8" style="enable-background:new 0 0 473.8 473.8;" xml:space="preserve">
5
+ <g>
6
+ <path d="M454.8,111.7c0-1.8-0.4-3.6-1.2-5.3c-1.6-3.4-4.7-5.7-8.1-6.4L241.8,1.2c-3.3-1.6-7.2-1.6-10.5,0L25.6,100.9
7
+ c-4,1.9-6.6,5.9-6.8,10.4v0.1c0,0.1,0,0.2,0,0.4V362c0,4.6,2.6,8.8,6.8,10.8l205.7,99.7c0.1,0,0.1,0,0.2,0.1
8
+ c0.3,0.1,0.6,0.2,0.9,0.4c0.1,0,0.2,0.1,0.4,0.1c0.3,0.1,0.6,0.2,0.9,0.3c0.1,0,0.2,0.1,0.3,0.1c0.3,0.1,0.7,0.1,1,0.2
9
+ c0.1,0,0.2,0,0.3,0c0.4,0,0.9,0.1,1.3,0.1c0.4,0,0.9,0,1.3-0.1c0.1,0,0.2,0,0.3,0c0.3,0,0.7-0.1,1-0.2c0.1,0,0.2-0.1,0.3-0.1
10
+ c0.3-0.1,0.6-0.2,0.9-0.3c0.1,0,0.2-0.1,0.4-0.1c0.3-0.1,0.6-0.2,0.9-0.4c0.1,0,0.1,0,0.2-0.1l206.3-100c4.1-2,6.8-6.2,6.8-10.8
11
+ V112C454.8,111.9,454.8,111.8,454.8,111.7z M236.5,25.3l178.4,86.5l-65.7,31.9L170.8,57.2L236.5,25.3z M236.5,198.3L58.1,111.8
12
+ l85.2-41.3L321.7,157L236.5,198.3z M42.8,131.1l181.7,88.1v223.3L42.8,354.4V131.1z M248.5,442.5V219.2l85.3-41.4v58.4
13
+ c0,6.6,5.4,12,12,12s12-5.4,12-12v-70.1l73-35.4V354L248.5,442.5z" fill="#086de0"/>
14
+ </g>
15
+ <g>
16
+ </g>
17
+ <g>
18
+ </g>
19
+ <g>
20
+ </g>
21
+ <g>
22
+ </g>
23
+ <g>
24
+ </g>
25
+ <g>
26
+ </g>
27
+ <g>
28
+ </g>
29
+ <g>
30
+ </g>
31
+ <g>
32
+ </g>
33
+ <g>
34
+ </g>
35
+ <g>
36
+ </g>
37
+ <g>
38
+ </g>
39
+ <g>
40
+ </g>
41
+ <g>
42
+ </g>
43
+ <g>
44
+ </g>
45
+ </svg>
package/src/assets/images/navs/left/inventory.svg ADDED
@@ -0,0 +1,45 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 473.8 473.8" style="enable-background:new 0 0 473.8 473.8;" xml:space="preserve">
5
+ <g>
6
+ <path d="M454.8,111.7c0-1.8-0.4-3.6-1.2-5.3c-1.6-3.4-4.7-5.7-8.1-6.4L241.8,1.2c-3.3-1.6-7.2-1.6-10.5,0L25.6,100.9
7
+ c-4,1.9-6.6,5.9-6.8,10.4v0.1c0,0.1,0,0.2,0,0.4V362c0,4.6,2.6,8.8,6.8,10.8l205.7,99.7c0.1,0,0.1,0,0.2,0.1
8
+ c0.3,0.1,0.6,0.2,0.9,0.4c0.1,0,0.2,0.1,0.4,0.1c0.3,0.1,0.6,0.2,0.9,0.3c0.1,0,0.2,0.1,0.3,0.1c0.3,0.1,0.7,0.1,1,0.2
9
+ c0.1,0,0.2,0,0.3,0c0.4,0,0.9,0.1,1.3,0.1c0.4,0,0.9,0,1.3-0.1c0.1,0,0.2,0,0.3,0c0.3,0,0.7-0.1,1-0.2c0.1,0,0.2-0.1,0.3-0.1
10
+ c0.3-0.1,0.6-0.2,0.9-0.3c0.1,0,0.2-0.1,0.4-0.1c0.3-0.1,0.6-0.2,0.9-0.4c0.1,0,0.1,0,0.2-0.1l206.3-100c4.1-2,6.8-6.2,6.8-10.8
11
+ V112C454.8,111.9,454.8,111.8,454.8,111.7z M236.5,25.3l178.4,86.5l-65.7,31.9L170.8,57.2L236.5,25.3z M236.5,198.3L58.1,111.8
12
+ l85.2-41.3L321.7,157L236.5,198.3z M42.8,131.1l181.7,88.1v223.3L42.8,354.4V131.1z M248.5,442.5V219.2l85.3-41.4v58.4
13
+ c0,6.6,5.4,12,12,12s12-5.4,12-12v-70.1l73-35.4V354L248.5,442.5z"/>
14
+ </g>
15
+ <g>
16
+ </g>
17
+ <g>
18
+ </g>
19
+ <g>
20
+ </g>
21
+ <g>
22
+ </g>
23
+ <g>
24
+ </g>
25
+ <g>
26
+ </g>
27
+ <g>
28
+ </g>
29
+ <g>
30
+ </g>
31
+ <g>
32
+ </g>
33
+ <g>
34
+ </g>
35
+ <g>
36
+ </g>
37
+ <g>
38
+ </g>
39
+ <g>
40
+ </g>
41
+ <g>
42
+ </g>
43
+ <g>
44
+ </g>
45
+ </svg>
package/src/assets/images/navs/left/marketing-active.svg ADDED
@@ -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>
package/src/assets/images/navs/left/marketing.svg ADDED
@@ -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>
package/src/assets/images/navs/left/order-active.svg ADDED
@@ -0,0 +1,30 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
+ <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
+ viewBox="0 0 512.000000 512.000000"
6
+ preserveAspectRatio="xMidYMid meet">
7
+
8
+ <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9
+ fill="#086de0" stroke="none">
10
+ <path d="M2393 5105 c-357 -65 -653 -318 -768 -656 -28 -80 -55 -228 -55 -296
11
+ l0 -42 -267 -3 c-266 -3 -268 -3 -325 -30 -107 -50 -185 -146 -208 -254 -5
12
+ -27 -62 -708 -126 -1514 -108 -1361 -116 -1472 -106 -1565 37 -341 260 -606
13
+ 599 -712 l88 -28 1335 0 1335 0 88 28 c339 106 561 371 599 712 10 93 3 202
14
+ -106 1565 -64 806 -121 1487 -126 1514 -23 108 -101 204 -208 254 -57 27 -59
15
+ 27 -324 30 l-268 3 0 42 c0 67 -27 216 -53 292 -99 290 -331 523 -618 620
16
+ -154 53 -334 68 -486 40z m304 -301 c271 -56 481 -266 537 -537 9 -42 16 -94
17
+ 16 -117 l0 -40 -690 0 -690 0 0 40 c0 23 7 75 16 117 77 373 441 614 811 537z
18
+ m-1127 -1191 c0 -178 2 -201 21 -239 21 -45 81 -84 129 -84 44 0 105 38 128
19
+ 79 21 36 22 52 22 240 l0 201 690 0 690 0 0 -201 c0 -188 1 -204 22 -240 23
20
+ -41 84 -79 128 -79 48 0 108 39 129 84 19 38 21 61 21 239 l0 197 235 0 c276
21
+ 0 268 3 278 -101 3 -35 57 -701 118 -1479 101 -1274 111 -1422 101 -1485 -34
22
+ -203 -202 -382 -403 -430 -96 -22 -2542 -22 -2638 0 -201 48 -369 227 -403
23
+ 430 -10 63 0 212 101 1485 61 778 115 1444 118 1479 10 104 2 101 278 101
24
+ l235 0 0 -197z"/>
25
+ <path d="M3065 2604 c-16 -8 -183 -168 -370 -354 l-340 -340 -130 130 c-170
26
+ 170 -213 192 -301 149 -31 -15 -48 -32 -63 -63 -26 -53 -26 -86 -2 -134 19
27
+ -36 372 -393 421 -426 28 -18 95 -21 137 -5 41 15 819 794 843 845 26 52 25
28
+ 90 -3 138 -39 68 -125 95 -192 60z"/>
29
+ </g>
30
+ </svg>
package/src/assets/images/navs/left/order.svg ADDED
@@ -0,0 +1,30 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
+ <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
+ viewBox="0 0 512.000000 512.000000"
6
+ preserveAspectRatio="xMidYMid meet">
7
+
8
+ <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9
+ fill="#000000" stroke="none">
10
+ <path d="M2393 5105 c-357 -65 -653 -318 -768 -656 -28 -80 -55 -228 -55 -296
11
+ l0 -42 -267 -3 c-266 -3 -268 -3 -325 -30 -107 -50 -185 -146 -208 -254 -5
12
+ -27 -62 -708 -126 -1514 -108 -1361 -116 -1472 -106 -1565 37 -341 260 -606
13
+ 599 -712 l88 -28 1335 0 1335 0 88 28 c339 106 561 371 599 712 10 93 3 202
14
+ -106 1565 -64 806 -121 1487 -126 1514 -23 108 -101 204 -208 254 -57 27 -59
15
+ 27 -324 30 l-268 3 0 42 c0 67 -27 216 -53 292 -99 290 -331 523 -618 620
16
+ -154 53 -334 68 -486 40z m304 -301 c271 -56 481 -266 537 -537 9 -42 16 -94
17
+ 16 -117 l0 -40 -690 0 -690 0 0 40 c0 23 7 75 16 117 77 373 441 614 811 537z
18
+ m-1127 -1191 c0 -178 2 -201 21 -239 21 -45 81 -84 129 -84 44 0 105 38 128
19
+ 79 21 36 22 52 22 240 l0 201 690 0 690 0 0 -201 c0 -188 1 -204 22 -240 23
20
+ -41 84 -79 128 -79 48 0 108 39 129 84 19 38 21 61 21 239 l0 197 235 0 c276
21
+ 0 268 3 278 -101 3 -35 57 -701 118 -1479 101 -1274 111 -1422 101 -1485 -34
22
+ -203 -202 -382 -403 -430 -96 -22 -2542 -22 -2638 0 -201 48 -369 227 -403
23
+ 430 -10 63 0 212 101 1485 61 778 115 1444 118 1479 10 104 2 101 278 101
24
+ l235 0 0 -197z"/>
25
+ <path d="M3065 2604 c-16 -8 -183 -168 -370 -354 l-340 -340 -130 130 c-170
26
+ 170 -213 192 -301 149 -31 -15 -48 -32 -63 -63 -26 -53 -26 -86 -2 -134 19
27
+ -36 372 -393 421 -426 28 -18 95 -21 137 -5 41 15 819 794 843 845 26 52 25
28
+ 90 -3 138 -39 68 -125 95 -192 60z"/>
29
+ </g>
30
+ </svg>
package/src/assets/images/navs/left/products-active.svg ADDED
@@ -0,0 +1,46 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ viewBox="0 0 230.057 230.057" style="enable-background:new 0 0 230.057 230.057;" xml:space="preserve">
6
+ <g>
7
+ <path d="M228.579,83.315l-32.147-41.258c-7.817-10.032-19.594-15.785-32.312-15.785h-21.204c-2.939,0-5.565,1.836-6.574,4.597
8
+ c-3.257,8.909-11.822,14.895-21.313,14.895s-18.055-5.986-21.313-14.895c-1.009-2.761-3.635-4.597-6.574-4.597H65.937
9
+ c-12.717,0-24.495,5.753-32.312,15.786L1.479,83.315c-1.397,1.793-1.837,4.152-1.179,6.328c0.658,2.176,2.331,3.897,4.488,4.615
10
+ l44.558,14.845v87.682c0,3.866,3.134,7,7,7h117.366c3.866,0,7-3.134,7-7v-87.682l44.558-14.845c2.157-0.718,3.83-2.439,4.488-4.615
11
+ C230.416,87.467,229.976,85.108,228.579,83.315z M180.712,94.347V84.057c0-3.866-3.134-7-7-7s-7,3.134-7,7v105.728H63.345V84.057
12
+ c0-3.866-3.134-7-7-7s-7,3.134-7,7v10.29l-30.736-10.24l26.059-33.444c5.146-6.604,12.897-10.391,21.269-10.391h16.681
13
+ c6.295,11.832,18.761,19.491,32.41,19.491c13.649,0,26.115-7.66,32.411-19.491h16.681c8.371,0,16.123,3.787,21.269,10.39
14
+ l26.06,33.445L180.712,94.347z" fill="#086de0"/>
15
+ </g>
16
+ <g>
17
+ </g>
18
+ <g>
19
+ </g>
20
+ <g>
21
+ </g>
22
+ <g>
23
+ </g>
24
+ <g>
25
+ </g>
26
+ <g>
27
+ </g>
28
+ <g>
29
+ </g>
30
+ <g>
31
+ </g>
32
+ <g>
33
+ </g>
34
+ <g>
35
+ </g>
36
+ <g>
37
+ </g>
38
+ <g>
39
+ </g>
40
+ <g>
41
+ </g>
42
+ <g>
43
+ </g>
44
+ <g>
45
+ </g>
46
+ </svg>
package/src/components/icon/styles.ts CHANGED
@@ -18,6 +18,14 @@ 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';
23
+ import IconProductLeftNav from '../../assets/images/navs/left/products.svg'
24
+ import IconInventoryLeftNav from '../../assets/images/navs/left/inventory.svg'
25
+ import IconOrderLeftNav from '../../assets/images/navs/left/order.svg'
26
+ import IconProductActiveLeftNav from '../../assets/images/navs/left/products-active.svg'
27
+ import IconInventoryActiveLeftNav from '../../assets/images/navs/left/inventory-active.svg'
28
+ import IconOrderActiveLeftNav from '../../assets/images/navs/left/order-active.svg'
21
29
  import IconWarningChat from '../../assets/images/icons/warning-agent.svg';
22
30
  import IconCheckChat from '../../assets/images/icons/check.svg';
23
31
  import IconCheckChatBlue from '../../assets/images/icons/check-blue.svg';
@@ -392,6 +400,62 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
392
400
  }
393
401
  `
394
402
  break;
403
+ case 'marketing-left-nav':
404
+ style += `
405
+ &:before {
406
+ content: url(${IconMarketingLeftNav});
407
+ }
408
+ `
409
+ break;
410
+ case 'marketing-active-left-nav':
411
+ style += `
412
+ &:before {
413
+ content: url(${IconMarketingActiveLeftNav});
414
+ }
415
+ `
416
+ break;
417
+ case 'product-left-nav':
418
+ style += `
419
+ &:before {
420
+ content: url(${IconProductLeftNav});
421
+ }
422
+ `
423
+ break;
424
+ case 'product-active-left-nav':
425
+ style += `
426
+ &:before {
427
+ content: url(${IconProductActiveLeftNav});
428
+ }
429
+ `
430
+ break;
431
+ case 'inventory-left-nav':
432
+ style += `
433
+ &:before {
434
+ content: url(${IconInventoryLeftNav});
435
+ }
436
+ `
437
+ break;
438
+ case 'inventory-active-left-nav':
439
+ style += `
440
+ &:before {
441
+ content: url(${IconInventoryActiveLeftNav});
442
+ }
443
+ `
444
+ break;
445
+ case 'order-left-nav':
446
+ style += `
447
+ &:before {
448
+ content: url(${IconOrderLeftNav});
449
+ }
450
+ `
451
+ break;
452
+ case 'order-active-left-nav':
453
+ style += `
454
+ &:before {
455
+ content: url(${IconOrderActiveLeftNav});
456
+ }
457
+ `
458
+ break;
395
459
  case 'warning-chat':
396
460
  style += `
397
461
  &:before {