phx-react 1.3.1545 → 1.3.1547

package/dist/esm/components/MainWrapV4/assets/icon-v3/chat.tsx

@@ -1,46 +1,37 @@
 import React from 'react'
 import { IIcon } from '../../types'
+import { getBoldIconColor } from '../../helper'
 
-export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+export default function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }: IIcon) {
   return isActive ? (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_89040' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_89040)'>
-        <path
-          d='M4.16671 11.25C3.38337 11.25 2.65837 11.525 2.08337 11.9833C1.31671 12.5917 0.833374 13.5333 0.833374 14.5833C0.833374 16.425 2.32504 17.9167 4.16671 17.9167C5.00837 17.9167 5.77504 17.6 6.36671 17.0833C7.05837 16.475 7.50004 15.5833 7.50004 14.5833C7.50004 12.7417 6.00837 11.25 4.16671 11.25ZM5.00004 14.7917C5.00004 15.0083 4.88337 15.2167 4.70004 15.325L3.65837 15.95C3.55837 16.0167 3.44171 16.0417 3.33337 16.0417C3.12504 16.0417 2.91671 15.9333 2.80004 15.7417C2.62504 15.4417 2.71671 15.0583 3.01671 14.8833L3.75837 14.4417V13.5417C3.75837 13.2 4.04171 12.9167 4.38337 12.9167C4.72504 12.9167 5.00004 13.2 5.00004 13.5417V14.7917Z'
-          fill={activeColor}
-        />
-        <path
-          d='M14.375 2.0249H6.45833C4.08333 2.0249 2.5 3.60824 2.5 5.98324V9.69991C2.5 9.99158 2.8 10.1999 3.08333 10.1249C3.43333 10.0416 3.79167 9.99991 4.16667 9.99991C6.55 9.99991 8.51667 11.9332 8.73333 14.2749C8.75 14.5082 8.94167 14.6916 9.16667 14.6916H9.625L13.15 17.0416C13.6667 17.3916 14.375 17.0082 14.375 16.3749V14.6916C15.5583 14.6916 16.55 14.2916 17.2417 13.6082C17.9333 12.9082 18.3333 11.9166 18.3333 10.7332V5.98324C18.3333 3.60824 16.75 2.0249 14.375 2.0249ZM13.1917 9.00824H7.64167C7.31667 9.00824 7.05 8.74158 7.05 8.41658C7.05 8.08324 7.31667 7.81657 7.64167 7.81657H13.1917C13.5167 7.81657 13.7833 8.08324 13.7833 8.41658C13.7833 8.74158 13.5167 9.00824 13.1917 9.00824Z'
-          fill={activeColor}
-        />
-      </g>
+      <path
+        d='M5.04762 11.2075C4.33143 11.2075 3.66857 11.4671 3.14286 11.8997C2.4419 12.4739 2 13.3627 2 14.3537C2 16.0921 3.36381 17.5 5.04762 17.5C5.81714 17.5 6.5181 17.2011 7.05905 16.7134C7.69143 16.1392 8.09524 15.2976 8.09524 14.3537C8.09524 12.6154 6.73143 11.2075 5.04762 11.2075ZM5.80952 14.5504C5.80952 14.7549 5.70286 14.9515 5.53524 15.0538L4.58286 15.6437C4.49143 15.7066 4.38476 15.7302 4.28571 15.7302C4.09524 15.7302 3.90476 15.628 3.7981 15.4471C3.6381 15.1639 3.7219 14.8021 3.99619 14.6369L4.67429 14.22V13.3705C4.67429 13.0481 4.93333 12.7806 5.24571 12.7806C5.5581 12.7806 5.80952 13.0481 5.80952 13.3705V14.5504Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
+      <path
+        d='M14.381 2.5H7.14286C4.97143 2.5 3.52381 3.99447 3.52381 6.23617V9.74425C3.52381 10.0196 3.7981 10.2162 4.05714 10.1454C4.37714 10.0667 4.70476 10.0274 5.04762 10.0274C7.22667 10.0274 9.02476 11.8522 9.22286 14.0625C9.23809 14.2827 9.41333 14.4558 9.61905 14.4558H10.0381L13.261 16.6739C13.7333 17.0042 14.381 16.6424 14.381 16.0446V14.4558C15.4629 14.4558 16.3695 14.0782 17.0019 13.4332C17.6343 12.7725 18 11.8365 18 10.7196V6.23617C18 3.99447 16.5524 2.5 14.381 2.5ZM13.299 9.09141H8.22476C7.92762 9.09141 7.68381 8.83971 7.68381 8.53295C7.68381 8.21831 7.92762 7.96661 8.22476 7.96661H13.299C13.5962 7.96661 13.84 8.21831 13.84 8.53295C13.84 8.83971 13.5962 9.09141 13.299 9.09141Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
     </svg>
   ) : (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_88553' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_88553)'>
-        <path
-          d='M13.3332 18.5994C13.0498 18.5994 12.7748 18.5161 12.5332 18.3578L8.98316 15.9911H7.40814C7.21647 15.9911 7.03311 15.8994 6.91645 15.7494C6.79978 15.5911 6.75814 15.391 6.80814 15.2078C6.85814 15.0078 6.88314 14.8078 6.88314 14.5911C6.88314 13.9244 6.63314 13.2828 6.18314 12.7828C5.6748 12.2078 4.9498 11.8828 4.1748 11.8828C3.43314 11.8828 2.74979 12.1743 2.23312 12.6993C2.07479 12.866 1.83313 12.9244 1.61646 12.8661C1.3998 12.7994 1.2248 12.6244 1.1748 12.3994C1.09146 12.0328 1.0498 11.6328 1.0498 11.1994V6.19938C1.0498 3.33271 2.9748 1.40771 5.84147 1.40771H14.1748C17.0415 1.40771 18.9665 3.33271 18.9665 6.19938V11.1994C18.9665 12.5911 18.5082 13.791 17.6332 14.666C16.8998 15.3993 15.9248 15.8411 14.7998 15.9578V17.1411C14.7998 17.6828 14.4997 18.1743 14.0247 18.4327C13.7997 18.541 13.5665 18.5994 13.3332 18.5994ZM8.12479 14.7327H9.1665C9.2915 14.7327 9.40816 14.766 9.51649 14.841L13.2248 17.3161C13.3165 17.3744 13.3915 17.3493 13.4332 17.3243C13.4748 17.2993 13.5498 17.2493 13.5498 17.1327V15.3577C13.5498 15.016 13.8332 14.7327 14.1748 14.7327C15.2332 14.7327 16.1248 14.3994 16.7498 13.7744C17.3832 13.1411 17.7165 12.2493 17.7165 11.191V6.19104C17.7165 4.04104 16.3248 2.64937 14.1748 2.64937H5.84147C3.69147 2.64937 2.2998 4.04104 2.2998 6.19104V11.091C2.86647 10.7827 3.50814 10.6244 4.1748 10.6244C5.30814 10.6244 6.38313 11.1078 7.11646 11.9411C7.76646 12.6661 8.13314 13.5994 8.13314 14.5828C8.1248 14.6328 8.12479 14.6827 8.12479 14.7327Z'
-          fill='currentColor'
-        />
-        <path
-          d='M4.16659 18.5417C1.98325 18.5417 0.208252 16.7667 0.208252 14.5833C0.208252 13.3667 0.749918 12.2417 1.69159 11.4917C2.39159 10.9333 3.27492 10.625 4.16659 10.625C6.34992 10.625 8.12492 12.4 8.12492 14.5833C8.12492 15.7167 7.63325 16.8 6.77492 17.55C6.04992 18.1917 5.12492 18.5417 4.16659 18.5417ZM4.16659 11.875C3.54992 11.875 2.96659 12.0833 2.47492 12.475C1.83325 12.9833 1.45825 13.7583 1.45825 14.5833C1.45825 16.075 2.67492 17.2917 4.16659 17.2917C4.81659 17.2917 5.44991 17.05 5.95824 16.6167C6.54158 16.1 6.87492 15.3667 6.87492 14.5833C6.87492 13.0917 5.65825 11.875 4.16659 11.875Z'
-          fill='currentColor'
-        />
-        <path
-          d='M3.33308 16.0415C3.12475 16.0415 2.9164 15.9332 2.79974 15.7415C2.62474 15.4415 2.71641 15.0582 3.01641 14.8832L3.75809 14.4415V13.5415C3.75809 13.1998 4.04142 12.9165 4.38309 12.9165C4.72475 12.9165 5.00809 13.1998 5.00809 13.5415V14.7915C5.00809 15.0082 4.89141 15.2165 4.70808 15.3248L3.66641 15.9498C3.54975 16.0165 3.44141 16.0415 3.33308 16.0415Z'
-          fill='currentColor'
-        />
-        <path
-          d='M12.9166 9.375H7.08325C6.74159 9.375 6.45825 9.09167 6.45825 8.75C6.45825 8.40833 6.74159 8.125 7.08325 8.125H12.9166C13.2583 8.125 13.5416 8.40833 13.5416 8.75C13.5416 9.09167 13.2583 9.375 12.9166 9.375Z'
-          fill='currentColor'
-        />
-      </g>
+      <path
+        d='M13.195 17C12.9533 17 12.7188 16.9321 12.5126 16.8032L9.48461 14.8759H8.14118C7.97769 14.8759 7.82129 14.8013 7.72178 14.6791C7.62227 14.5502 7.58675 14.3872 7.6294 14.238C7.67205 14.0751 7.69337 13.9123 7.69337 13.7358C7.69337 13.1929 7.48013 12.6704 7.0963 12.2632C6.66271 11.795 6.04431 11.5303 5.38327 11.5303C4.75066 11.5303 4.16779 11.7678 3.72709 12.1953C3.59204 12.331 3.38591 12.3786 3.20111 12.3311C3.0163 12.2768 2.86703 12.1343 2.82438 11.9511C2.7533 11.6525 2.71777 11.3267 2.71777 10.9738V6.90207C2.71777 4.56762 4.35972 3 6.80487 3H13.9129C16.358 3 18 4.56762 18 6.90207V10.9738C18 12.1071 17.6091 13.0843 16.8627 13.7968C16.2372 14.394 15.4056 14.7538 14.446 14.8488V15.8124C14.446 16.2535 14.19 16.6538 13.7849 16.8642C13.593 16.9524 13.394 17 13.195 17ZM8.75246 13.8511H9.64099C9.74761 13.8511 9.84712 13.8783 9.93952 13.9393L13.1026 15.9549C13.1808 16.0024 13.2447 15.982 13.2803 15.9616C13.3158 15.9413 13.3798 15.9006 13.3798 15.8056V14.3601C13.3798 14.0819 13.6215 13.8511 13.9129 13.8511C14.8156 13.8511 15.5762 13.5797 16.1093 13.0708C16.6495 12.555 16.9338 11.8288 16.9338 10.967V6.89528C16.9338 5.14444 15.7468 4.01114 13.9129 4.01114H6.80487C4.97101 4.01114 3.78397 5.14444 3.78397 6.89528V10.8856C4.26731 10.6345 4.81463 10.5056 5.38327 10.5056C6.34996 10.5056 7.26688 10.8992 7.89239 11.5778C8.44681 12.1682 8.75957 12.9283 8.75957 13.729C8.75246 13.7698 8.75246 13.8104 8.75246 13.8511Z'
+        fill='currentColor'
+      />
+      <path
+        d='M5.3763 16.9528C3.514 16.9528 2 15.5074 2 13.7294C2 12.7386 2.46202 11.8225 3.26522 11.2117C3.8623 10.757 4.61575 10.5059 5.3763 10.5059C7.2386 10.5059 8.7526 11.9514 8.7526 13.7294C8.7526 14.6523 8.33323 15.5345 7.60111 16.1453C6.98271 16.6678 6.19372 16.9528 5.3763 16.9528ZM5.3763 11.5239C4.85031 11.5239 4.35275 11.6935 3.93338 12.0125C3.38606 12.4264 3.0662 13.0575 3.0662 13.7294C3.0662 14.9441 4.10397 15.9349 5.3763 15.9349C5.93073 15.9349 6.47093 15.7381 6.90452 15.3852C7.40208 14.9645 7.6864 14.3673 7.6864 13.7294C7.6864 12.5146 6.64863 11.5239 5.3763 11.5239Z'
+        fill='currentColor'
+      />
+      <path
+        d='M4.66526 14.917C4.48756 14.917 4.30985 14.8287 4.21034 14.6727C4.06107 14.4284 4.13927 14.1162 4.39516 13.9737L5.02778 13.614V12.8811C5.02778 12.6029 5.26945 12.3721 5.56088 12.3721C5.8523 12.3721 6.09398 12.6029 6.09398 12.8811V13.899C6.09398 14.0755 5.99446 14.2451 5.83808 14.3334L4.94958 14.8423C4.85007 14.8966 4.75766 14.917 4.66526 14.917Z'
+        fill='currentColor'
+      />
+      <path
+        d='M12.8397 9.48799H7.8641C7.57268 9.48799 7.331 9.25726 7.331 8.97903C7.331 8.70079 7.57268 8.47006 7.8641 8.47006H12.8397C13.1311 8.47006 13.3728 8.70079 13.3728 8.97903C13.3728 9.25726 13.1311 9.48799 12.8397 9.48799Z'
+        fill='currentColor'
+      />
     </svg>
   )
 }

package/dist/esm/components/MainWrapV4/assets/icon-v3/cua-hang.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IIcon } from '../../types';
-export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;
+export default function Icon({ activeColor, isActive, isBoldIcon }: IIcon): React.JSX.Element;

package/dist/esm/components/MainWrapV4/assets/icon-v3/cua-hang.js

@@ -1,20 +1,11 @@
 import React from 'react';
+import { getBoldIconColor } from '../../helper';
 export default function Icon(_a) {
-    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, isBoldIcon = _a.isBoldIcon;
     return isActive ? (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("mask", { height: '20', id: 'mask0_1815_89062', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            React.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        React.createElement("g", { mask: 'url(#mask0_1815_89062)' },
-            React.createElement("path", { d: 'M18.6333 6.8915L18.3916 4.58317C18.0416 2.0665 16.9 1.0415 14.4583 1.0415H12.4916H11.2583H8.72496H7.49162H5.49162C3.04162 1.0415 1.90829 2.0665 1.54995 4.60817L1.32495 6.89984C1.24162 7.7915 1.48329 8.65817 2.00829 9.33317C2.64162 10.1582 3.61662 10.6248 4.69995 10.6248C5.74995 10.6248 6.75829 10.0998 7.39162 9.25817C7.95829 10.0998 8.92496 10.6248 9.99996 10.6248C11.075 10.6248 12.0166 10.1248 12.5916 9.2915C13.2333 10.1165 14.225 10.6248 15.2583 10.6248C16.3666 10.6248 17.3666 10.1332 17.9916 9.2665C18.4916 8.59984 18.7166 7.75817 18.6333 6.8915Z', fill: activeColor }),
-            React.createElement("path", { d: 'M9.45841 13.8834C8.40008 13.9917 7.6001 14.8917 7.6001 15.9584V18.2417C7.6001 18.4667 7.78343 18.65 8.00843 18.65H11.9834C12.2084 18.65 12.3917 18.4667 12.3917 18.2417V16.25C12.4001 14.5084 11.3751 13.6834 9.45841 13.8834Z', fill: activeColor }),
-            React.createElement("path", { d: 'M17.8083 12.0001V14.4834C17.8083 16.7834 15.9417 18.6501 13.6417 18.6501C13.4167 18.6501 13.2333 18.4667 13.2333 18.2417V16.2501C13.2333 15.1834 12.9083 14.3501 12.275 13.7834C11.7167 13.2751 10.9583 13.0251 10.0167 13.0251C9.80833 13.0251 9.6 13.0334 9.375 13.0584C7.89165 13.2084 6.76665 14.4584 6.76665 15.9584V18.2417C6.76665 18.4667 6.58332 18.6501 6.35832 18.6501C4.05832 18.6501 2.19165 16.7834 2.19165 14.4834V12.0167C2.19165 11.4334 2.76665 11.0417 3.30832 11.2334C3.53332 11.3084 3.75832 11.3667 3.99165 11.4001C4.09165 11.4167 4.19998 11.4334 4.29998 11.4334C4.43332 11.4501 4.56665 11.4584 4.69998 11.4584C5.66665 11.4584 6.61665 11.1001 7.36665 10.4834C8.08332 11.1001 9.01667 11.4584 10 11.4584C10.9917 11.4584 11.9083 11.1167 12.625 10.5001C13.375 11.1084 14.3083 11.4584 15.2583 11.4584C15.4083 11.4584 15.5583 11.4501 15.7 11.4334C15.8 11.4251 15.8917 11.4167 15.9833 11.4001C16.2417 11.3667 16.475 11.2917 16.7083 11.2167C17.25 11.0334 17.8083 11.4334 17.8083 12.0001Z', fill: activeColor })))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("mask", { height: '20', id: 'mask0_1815_88574', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            React.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        React.createElement("g", { mask: 'url(#mask0_1815_88574)' },
-            React.createElement("path", { d: 'M2.5083 9.35059V13.0923C2.5083 16.8339 4.0083 18.3339 7.74997 18.3339H12.2416C15.9833 18.3339 17.4833 16.8339 17.4833 13.0923V9.35059', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
-            React.createElement("path", { d: 'M10 9.99984C11.525 9.99984 12.65 8.75817 12.5 7.23317L11.95 1.6665H8.05832L7.49999 7.23317C7.34999 8.75817 8.475 9.99984 10 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
-            React.createElement("path", { d: 'M15.2582 9.99984C16.9415 9.99984 18.1748 8.63317 18.0082 6.95817L17.7748 4.6665C17.4748 2.49984 16.6415 1.6665 14.4582 1.6665H11.9165L12.4998 7.50817C12.6415 8.88317 13.8832 9.99984 15.2582 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
-            React.createElement("path", { d: 'M4.6999 9.99984C6.0749 9.99984 7.31657 8.88317 7.4499 7.50817L7.63324 5.6665L8.03324 1.6665H5.49157C3.30824 1.6665 2.4749 2.49984 2.1749 4.6665L1.9499 6.95817C1.78324 8.63317 3.01657 9.99984 4.6999 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
-            React.createElement("path", { d: 'M9.99984 14.1665C8.60817 14.1665 7.9165 14.8582 7.9165 16.2498V18.3332H12.0832V16.2498C12.0832 14.8582 11.3915 14.1665 9.99984 14.1665Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }))));
+        React.createElement("path", { d: 'M17.9843 7.31562L17.7614 5.21814C17.4384 2.93137 16.3851 2 14.1323 2H5.85923C3.59874 2 2.55308 2.93137 2.22246 5.24086L2.01487 7.32319C1.93798 8.1334 2.16095 8.9209 2.64534 9.53424C3.22969 10.2839 4.12926 10.7079 5.1288 10.7079C6.09758 10.7079 7.02791 10.2309 7.61225 9.46609C8.13509 10.2309 9.02698 10.7079 10.0188 10.7079C11.0107 10.7079 11.8795 10.2536 12.41 9.49638C13.0021 10.246 13.917 10.7079 14.8704 10.7079C15.893 10.7079 16.8157 10.2612 17.3923 9.47366C17.8536 8.86789 18.0612 8.10311 17.9843 7.31562Z', fill: isBoldIcon ? getBoldIconColor(isActive) : activeColor }),
+        React.createElement("path", { d: 'M9.51922 13.6688C8.54275 13.7672 7.80465 14.585 7.80465 15.5542V17.629C7.80465 17.8334 7.9738 18 8.1814 18H11.8489C12.0565 18 12.2256 17.8334 12.2256 17.629V15.8192C12.2333 14.2367 11.2876 13.487 9.51922 13.6688Z', fill: isBoldIcon ? getBoldIconColor(isActive) : activeColor }),
+        React.createElement("path", { d: 'M17.2232 11.9574V14.2139C17.2232 16.3038 15.5009 17.9999 13.3788 17.9999C13.1712 17.9999 13.0021 17.8333 13.0021 17.6289V15.8192C13.0021 14.8499 12.7022 14.0927 12.1178 13.5778C11.6027 13.1159 10.903 12.8888 10.0342 12.8888C9.84199 12.8888 9.64977 12.8963 9.44217 12.919C8.07357 13.0553 7.03559 14.1912 7.03559 15.5541V17.6289C7.03559 17.8333 6.86644 17.9999 6.65884 17.9999C4.53676 17.9999 2.81449 16.3038 2.81449 14.2139V11.9725C2.81449 11.4425 3.34501 11.0866 3.84477 11.2608C4.05237 11.3289 4.25997 11.3819 4.47525 11.4122C4.56751 11.4273 4.66747 11.4425 4.75973 11.4425C4.88275 11.4576 5.00577 11.4652 5.12879 11.4652C6.02068 11.4652 6.89719 11.1396 7.58918 10.5793C8.25041 11.1396 9.11156 11.4652 10.0188 11.4652C10.9338 11.4652 11.7795 11.1547 12.4408 10.5944C13.1328 11.1472 13.9939 11.4652 14.8704 11.4652C15.0088 11.4652 15.1472 11.4576 15.2779 11.4425C15.3702 11.4349 15.4547 11.4273 15.5393 11.4122C15.7777 11.3819 15.993 11.3138 16.2082 11.2456C16.708 11.079 17.2232 11.4425 17.2232 11.9574Z', fill: isBoldIcon ? getBoldIconColor(isActive) : activeColor }))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M10.989 15.0389C10.9889 14.5029 10.8513 14.2055 10.6781 14.0377C10.5047 13.87 10.1973 13.7369 9.64348 13.7369C9.08938 13.7369 8.78136 13.87 8.60801 14.0377C8.43472 14.2055 8.29715 14.5029 8.29709 15.0389V16.3417H10.989V15.0389ZM5.48356 2.57427C4.53533 2.57428 4.01532 2.75176 3.69288 3.03996C3.36374 3.33416 3.12812 3.84244 2.99535 4.76405L2.78898 6.79599C2.66885 7.9643 3.54175 8.89923 4.75269 8.89944C5.72674 8.89944 6.62222 8.11862 6.71639 7.17883L6.7173 7.17709L7.19223 2.57427H5.48356ZM7.90958 7.04105C7.80439 8.0759 8.57834 8.89944 9.64348 8.89944C10.6122 8.8993 11.3366 8.21851 11.381 7.31662C11.38 7.30774 11.3783 7.29849 11.3774 7.28959V7.28784L10.8907 2.57427H8.37279L7.90958 7.04105ZM12.5246 6.93204C12.5359 7.04329 12.5393 7.15417 12.5381 7.26255C12.6826 8.16612 13.5533 8.89931 14.4964 8.89944C15.7076 8.89944 16.5803 7.9653 16.4601 6.79686L16.2474 4.7719L16.1934 4.44313C16.0549 3.72096 15.8378 3.29806 15.549 3.03996C15.2266 2.75181 14.7065 2.57427 13.7583 2.57427H12.0794L12.5246 6.93204ZM12.1425 16.333C13.5593 16.2803 14.4556 15.9618 15.0173 15.4182C15.634 14.8214 15.9717 13.8347 15.9717 12.2194V9.67559C15.5368 9.89278 15.0367 10.0157 14.4964 10.0157C13.5234 10.0156 12.617 9.54597 12.0317 8.82706C11.5175 9.54795 10.6559 10.0156 9.64348 10.0157C8.61886 10.0157 7.74733 9.53743 7.23548 8.80177C6.65241 9.53507 5.73614 10.0157 4.75269 10.0157C4.22436 10.0156 3.73433 9.89875 3.30627 9.69042V12.2194C3.30629 13.8346 3.64398 14.8214 4.26063 15.4182C4.82344 15.9628 5.72215 16.2812 7.14356 16.333V15.0389C7.14361 14.3325 7.32568 13.7002 7.79242 13.2485C8.25928 12.7967 8.91332 12.6206 9.64348 12.6206C10.3735 12.6207 11.0269 12.7968 11.4936 13.2485C11.9604 13.7002 12.1424 14.3325 12.1425 15.0389V16.333ZM17.1252 12.2194C17.1252 13.9454 16.7715 15.2992 15.8329 16.2074C14.8943 17.1157 13.4953 17.458 11.7117 17.458H7.56622C5.78272 17.458 4.38362 17.1157 3.44505 16.2074C2.50651 15.2992 2.15275 13.9453 2.15274 12.2194V8.87764C2.15277 8.82865 2.16118 8.78163 2.17346 8.73636C1.76791 8.169 1.56259 7.45604 1.64176 6.68611L1.84903 4.64022C1.84977 4.633 1.85071 4.6256 1.85174 4.61842C1.99603 3.61011 2.2833 2.78095 2.91064 2.2202C3.54559 1.65276 4.4172 1.45802 5.48356 1.45801H7.82937C7.83269 1.45801 7.83597 1.4597 7.83929 1.45975C7.84319 1.45967 7.84708 1.45801 7.851 1.45801H13.7583C14.8248 1.45801 15.6972 1.65263 16.3322 2.2202C16.9593 2.78094 17.2459 3.61024 17.3902 4.61842C17.3911 4.62502 17.3922 4.63185 17.3929 4.63847L17.6083 6.68524C17.6862 7.44296 17.4883 8.14642 17.0955 8.70933C17.113 8.76269 17.1252 8.81865 17.1252 8.87764V12.2194Z', fill: 'currentColor' })));
 }
 //# sourceMappingURL=cua-hang.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/cua-hang.js.map

@@ -1 +1 @@
-{"version":3,"file":"cua-hang.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cua-hang.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,8BAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,2BAAG,IAAI,EAAC,wBAAwB;YAC9B,8BACE,CAAC,EAAC,4iBAA4iB,EAC9iB,IAAI,EAAE,WAAW,GACjB;YACF,8BACE,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAE,WAAW,GACjB;YACF,8BACE,CAAC,EAAC,49BAA49B,EAC99B,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,8BAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,2BAAG,IAAI,EAAC,wBAAwB;YAC9B,8BACE,CAAC,EAAC,uIAAuI,EACzI,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,8BACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,8BACE,CAAC,EAAC,wMAAwM,EAC1M,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,8BACE,CAAC,EAAC,gNAAgN,EAClN,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,8BACE,CAAC,EAAC,yIAAyI,EAC3I,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB,CACA,CACA,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"cua-hang.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cua-hang.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAqE;QAAnE,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAU,gBAAA;IACvF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,igBAAigB,EACngB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D;QACF,8BACE,CAAC,EAAC,sNAAsN,EACxN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D;QACF,8BACE,CAAC,EAAC,8+BAA8+B,EACh/B,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,mgFAAmgF,EACrgF,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/cua-hang.tsx

@@ -1,69 +1,29 @@
 import React from 'react'
 import { IIcon } from '../../types'
+import { getBoldIconColor } from '../../helper'
 
-export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+export default function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }: IIcon) {
   return isActive ? (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_89062' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_89062)'>
-        <path
-          d='M18.6333 6.8915L18.3916 4.58317C18.0416 2.0665 16.9 1.0415 14.4583 1.0415H12.4916H11.2583H8.72496H7.49162H5.49162C3.04162 1.0415 1.90829 2.0665 1.54995 4.60817L1.32495 6.89984C1.24162 7.7915 1.48329 8.65817 2.00829 9.33317C2.64162 10.1582 3.61662 10.6248 4.69995 10.6248C5.74995 10.6248 6.75829 10.0998 7.39162 9.25817C7.95829 10.0998 8.92496 10.6248 9.99996 10.6248C11.075 10.6248 12.0166 10.1248 12.5916 9.2915C13.2333 10.1165 14.225 10.6248 15.2583 10.6248C16.3666 10.6248 17.3666 10.1332 17.9916 9.2665C18.4916 8.59984 18.7166 7.75817 18.6333 6.8915Z'
-          fill={activeColor}
-        />
-        <path
-          d='M9.45841 13.8834C8.40008 13.9917 7.6001 14.8917 7.6001 15.9584V18.2417C7.6001 18.4667 7.78343 18.65 8.00843 18.65H11.9834C12.2084 18.65 12.3917 18.4667 12.3917 18.2417V16.25C12.4001 14.5084 11.3751 13.6834 9.45841 13.8834Z'
-          fill={activeColor}
-        />
-        <path
-          d='M17.8083 12.0001V14.4834C17.8083 16.7834 15.9417 18.6501 13.6417 18.6501C13.4167 18.6501 13.2333 18.4667 13.2333 18.2417V16.2501C13.2333 15.1834 12.9083 14.3501 12.275 13.7834C11.7167 13.2751 10.9583 13.0251 10.0167 13.0251C9.80833 13.0251 9.6 13.0334 9.375 13.0584C7.89165 13.2084 6.76665 14.4584 6.76665 15.9584V18.2417C6.76665 18.4667 6.58332 18.6501 6.35832 18.6501C4.05832 18.6501 2.19165 16.7834 2.19165 14.4834V12.0167C2.19165 11.4334 2.76665 11.0417 3.30832 11.2334C3.53332 11.3084 3.75832 11.3667 3.99165 11.4001C4.09165 11.4167 4.19998 11.4334 4.29998 11.4334C4.43332 11.4501 4.56665 11.4584 4.69998 11.4584C5.66665 11.4584 6.61665 11.1001 7.36665 10.4834C8.08332 11.1001 9.01667 11.4584 10 11.4584C10.9917 11.4584 11.9083 11.1167 12.625 10.5001C13.375 11.1084 14.3083 11.4584 15.2583 11.4584C15.4083 11.4584 15.5583 11.4501 15.7 11.4334C15.8 11.4251 15.8917 11.4167 15.9833 11.4001C16.2417 11.3667 16.475 11.2917 16.7083 11.2167C17.25 11.0334 17.8083 11.4334 17.8083 12.0001Z'
-          fill={activeColor}
-        />
-      </g>
+      <path
+        d='M17.9843 7.31562L17.7614 5.21814C17.4384 2.93137 16.3851 2 14.1323 2H5.85923C3.59874 2 2.55308 2.93137 2.22246 5.24086L2.01487 7.32319C1.93798 8.1334 2.16095 8.9209 2.64534 9.53424C3.22969 10.2839 4.12926 10.7079 5.1288 10.7079C6.09758 10.7079 7.02791 10.2309 7.61225 9.46609C8.13509 10.2309 9.02698 10.7079 10.0188 10.7079C11.0107 10.7079 11.8795 10.2536 12.41 9.49638C13.0021 10.246 13.917 10.7079 14.8704 10.7079C15.893 10.7079 16.8157 10.2612 17.3923 9.47366C17.8536 8.86789 18.0612 8.10311 17.9843 7.31562Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
+      <path
+        d='M9.51922 13.6688C8.54275 13.7672 7.80465 14.585 7.80465 15.5542V17.629C7.80465 17.8334 7.9738 18 8.1814 18H11.8489C12.0565 18 12.2256 17.8334 12.2256 17.629V15.8192C12.2333 14.2367 11.2876 13.487 9.51922 13.6688Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
+      <path
+        d='M17.2232 11.9574V14.2139C17.2232 16.3038 15.5009 17.9999 13.3788 17.9999C13.1712 17.9999 13.0021 17.8333 13.0021 17.6289V15.8192C13.0021 14.8499 12.7022 14.0927 12.1178 13.5778C11.6027 13.1159 10.903 12.8888 10.0342 12.8888C9.84199 12.8888 9.64977 12.8963 9.44217 12.919C8.07357 13.0553 7.03559 14.1912 7.03559 15.5541V17.6289C7.03559 17.8333 6.86644 17.9999 6.65884 17.9999C4.53676 17.9999 2.81449 16.3038 2.81449 14.2139V11.9725C2.81449 11.4425 3.34501 11.0866 3.84477 11.2608C4.05237 11.3289 4.25997 11.3819 4.47525 11.4122C4.56751 11.4273 4.66747 11.4425 4.75973 11.4425C4.88275 11.4576 5.00577 11.4652 5.12879 11.4652C6.02068 11.4652 6.89719 11.1396 7.58918 10.5793C8.25041 11.1396 9.11156 11.4652 10.0188 11.4652C10.9338 11.4652 11.7795 11.1547 12.4408 10.5944C13.1328 11.1472 13.9939 11.4652 14.8704 11.4652C15.0088 11.4652 15.1472 11.4576 15.2779 11.4425C15.3702 11.4349 15.4547 11.4273 15.5393 11.4122C15.7777 11.3819 15.993 11.3138 16.2082 11.2456C16.708 11.079 17.2232 11.4425 17.2232 11.9574Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
     </svg>
   ) : (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_88574' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_88574)'>
-        <path
-          d='M2.5083 9.35059V13.0923C2.5083 16.8339 4.0083 18.3339 7.74997 18.3339H12.2416C15.9833 18.3339 17.4833 16.8339 17.4833 13.0923V9.35059'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-        <path
-          d='M10 9.99984C11.525 9.99984 12.65 8.75817 12.5 7.23317L11.95 1.6665H8.05832L7.49999 7.23317C7.34999 8.75817 8.475 9.99984 10 9.99984Z'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-        <path
-          d='M15.2582 9.99984C16.9415 9.99984 18.1748 8.63317 18.0082 6.95817L17.7748 4.6665C17.4748 2.49984 16.6415 1.6665 14.4582 1.6665H11.9165L12.4998 7.50817C12.6415 8.88317 13.8832 9.99984 15.2582 9.99984Z'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-        <path
-          d='M4.6999 9.99984C6.0749 9.99984 7.31657 8.88317 7.4499 7.50817L7.63324 5.6665L8.03324 1.6665H5.49157C3.30824 1.6665 2.4749 2.49984 2.1749 4.6665L1.9499 6.95817C1.78324 8.63317 3.01657 9.99984 4.6999 9.99984Z'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-        <path
-          d='M9.99984 14.1665C8.60817 14.1665 7.9165 14.8582 7.9165 16.2498V18.3332H12.0832V16.2498C12.0832 14.8582 11.3915 14.1665 9.99984 14.1665Z'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-      </g>
+      <path
+        d='M10.989 15.0389C10.9889 14.5029 10.8513 14.2055 10.6781 14.0377C10.5047 13.87 10.1973 13.7369 9.64348 13.7369C9.08938 13.7369 8.78136 13.87 8.60801 14.0377C8.43472 14.2055 8.29715 14.5029 8.29709 15.0389V16.3417H10.989V15.0389ZM5.48356 2.57427C4.53533 2.57428 4.01532 2.75176 3.69288 3.03996C3.36374 3.33416 3.12812 3.84244 2.99535 4.76405L2.78898 6.79599C2.66885 7.9643 3.54175 8.89923 4.75269 8.89944C5.72674 8.89944 6.62222 8.11862 6.71639 7.17883L6.7173 7.17709L7.19223 2.57427H5.48356ZM7.90958 7.04105C7.80439 8.0759 8.57834 8.89944 9.64348 8.89944C10.6122 8.8993 11.3366 8.21851 11.381 7.31662C11.38 7.30774 11.3783 7.29849 11.3774 7.28959V7.28784L10.8907 2.57427H8.37279L7.90958 7.04105ZM12.5246 6.93204C12.5359 7.04329 12.5393 7.15417 12.5381 7.26255C12.6826 8.16612 13.5533 8.89931 14.4964 8.89944C15.7076 8.89944 16.5803 7.9653 16.4601 6.79686L16.2474 4.7719L16.1934 4.44313C16.0549 3.72096 15.8378 3.29806 15.549 3.03996C15.2266 2.75181 14.7065 2.57427 13.7583 2.57427H12.0794L12.5246 6.93204ZM12.1425 16.333C13.5593 16.2803 14.4556 15.9618 15.0173 15.4182C15.634 14.8214 15.9717 13.8347 15.9717 12.2194V9.67559C15.5368 9.89278 15.0367 10.0157 14.4964 10.0157C13.5234 10.0156 12.617 9.54597 12.0317 8.82706C11.5175 9.54795 10.6559 10.0156 9.64348 10.0157C8.61886 10.0157 7.74733 9.53743 7.23548 8.80177C6.65241 9.53507 5.73614 10.0157 4.75269 10.0157C4.22436 10.0156 3.73433 9.89875 3.30627 9.69042V12.2194C3.30629 13.8346 3.64398 14.8214 4.26063 15.4182C4.82344 15.9628 5.72215 16.2812 7.14356 16.333V15.0389C7.14361 14.3325 7.32568 13.7002 7.79242 13.2485C8.25928 12.7967 8.91332 12.6206 9.64348 12.6206C10.3735 12.6207 11.0269 12.7968 11.4936 13.2485C11.9604 13.7002 12.1424 14.3325 12.1425 15.0389V16.333ZM17.1252 12.2194C17.1252 13.9454 16.7715 15.2992 15.8329 16.2074C14.8943 17.1157 13.4953 17.458 11.7117 17.458H7.56622C5.78272 17.458 4.38362 17.1157 3.44505 16.2074C2.50651 15.2992 2.15275 13.9453 2.15274 12.2194V8.87764C2.15277 8.82865 2.16118 8.78163 2.17346 8.73636C1.76791 8.169 1.56259 7.45604 1.64176 6.68611L1.84903 4.64022C1.84977 4.633 1.85071 4.6256 1.85174 4.61842C1.99603 3.61011 2.2833 2.78095 2.91064 2.2202C3.54559 1.65276 4.4172 1.45802 5.48356 1.45801H7.82937C7.83269 1.45801 7.83597 1.4597 7.83929 1.45975C7.84319 1.45967 7.84708 1.45801 7.851 1.45801H13.7583C14.8248 1.45801 15.6972 1.65263 16.3322 2.2202C16.9593 2.78094 17.2459 3.61024 17.3902 4.61842C17.3911 4.62502 17.3922 4.63185 17.3929 4.63847L17.6083 6.68524C17.6862 7.44296 17.4883 8.14642 17.0955 8.70933C17.113 8.76269 17.1252 8.81865 17.1252 8.87764V12.2194Z'
+        fill='currentColor'
+      />
     </svg>
   )
 }

package/dist/esm/components/MainWrapV4/assets/icon-v3/diem-danh.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IIcon } from '../../types';
-export default function DiemDanhIcon({ activeColor, isActive }: IIcon): React.JSX.Element;
+export default function DiemDanhIcon({ activeColor, isActive, isBoldIcon }: IIcon): React.JSX.Element;

package/dist/esm/components/MainWrapV4/assets/icon-v3/diem-danh.js

@@ -1,17 +1,12 @@
 import React from 'react';
+import { getBoldIconColor } from '../../helper';
 export default function DiemDanhIcon(_a) {
-    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, isBoldIcon = _a.isBoldIcon;
     return isActive ? (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("mask", { height: '20', id: 'mask0_1815_88997', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            React.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        React.createElement("g", { mask: 'url(#mask0_1815_88997)' },
-            React.createElement("path", { d: 'M9.99996 1.6665C7.81663 1.6665 6.04163 3.4415 6.04163 5.62484C6.04163 7.7665 7.71663 9.49984 9.89996 9.57484C9.96663 9.5665 10.0333 9.5665 10.0833 9.57484C10.1 9.57484 10.1083 9.57484 10.125 9.57484C10.1333 9.57484 10.1333 9.57484 10.1416 9.57484C12.275 9.49984 13.95 7.7665 13.9583 5.62484C13.9583 3.4415 12.1833 1.6665 9.99996 1.6665Z', fill: activeColor }),
-            React.createElement("path", { d: 'M14.2333 11.7997C11.9083 10.2497 8.11663 10.2497 5.77497 11.7997C4.71663 12.4997 4.1333 13.458 4.1333 14.483C4.1333 15.508 4.71663 16.458 5.76663 17.158C6.9333 17.9414 8.46667 18.333 10 18.333C11.5333 18.333 13.0667 17.9414 14.2333 17.158C15.2833 16.4497 15.8667 15.4997 15.8667 14.4664C15.8583 13.4497 15.2833 12.4914 14.2333 11.7997ZM11.9417 13.7997L9.84167 15.8997C9.74167 15.9997 9.60833 16.0497 9.475 16.0497C9.34167 16.0497 9.20833 15.9914 9.10833 15.8997L8.0583 14.8497C7.8583 14.6497 7.8583 14.3164 8.0583 14.1164C8.2583 13.9164 8.59167 13.9164 8.79167 14.1164L9.475 14.7997L11.2083 13.0664C11.4083 12.8664 11.7417 12.8664 11.9417 13.0664C12.15 13.2664 12.15 13.5997 11.9417 13.7997Z', fill: activeColor })))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("mask", { height: '20', id: 'mask0_1815_88511', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            React.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        React.createElement("g", { mask: 'url(#mask0_1815_88511)' },
-            React.createElement("path", { d: 'M13.3 17.7661C13.1417 17.7661 12.9833 17.7078 12.8583 17.5828L11.5917 16.3161C11.35 16.0744 11.35 15.6744 11.5917 15.4328C11.8333 15.1911 12.2333 15.1911 12.475 15.4328L13.3 16.2578L15.3917 14.1661C15.6333 13.9244 16.0333 13.9244 16.275 14.1661C16.5167 14.4078 16.5167 14.8078 16.275 15.0494L13.7417 17.5828C13.6167 17.7078 13.4583 17.7661 13.3 17.7661Z', fill: 'currentColor' }),
-            React.createElement("path", { d: 'M10.1335 9.68317C10.1085 9.68317 10.0918 9.68317 10.0668 9.68317C10.0252 9.67484 9.96683 9.67484 9.91683 9.68317C7.50015 9.60817 5.67516 7.70817 5.67516 5.3665C5.66683 4.2165 6.11682 3.13317 6.93349 2.3165C7.75015 1.49984 8.8335 1.0415 9.99183 1.0415C12.3752 1.0415 14.3168 2.98317 14.3168 5.3665C14.3168 7.70817 12.4918 9.59984 10.1585 9.68317C10.1502 9.68317 10.1418 9.68317 10.1335 9.68317ZM9.99183 2.2915C9.16683 2.2915 8.40016 2.6165 7.81683 3.1915C7.24183 3.77484 6.92516 4.5415 6.92516 5.35817C6.92516 7.02484 8.22515 8.37484 9.8835 8.42484C9.9335 8.4165 10.0418 8.4165 10.1502 8.42484C11.7918 8.34984 13.0668 7.00817 13.0668 5.35817C13.0668 3.67484 11.6835 2.2915 9.99183 2.2915Z', fill: 'currentColor' }),
-            React.createElement("path", { d: 'M9.99175 18.7996C8.29172 18.7996 6.68338 18.3579 5.46672 17.5412C4.30838 16.7662 3.67505 15.7079 3.67505 14.5662C3.67505 13.4246 4.31672 12.3746 5.46672 11.6079C7.95838 9.94124 12.0084 9.94124 14.5001 11.6079C14.7834 11.7996 14.8667 12.1912 14.6751 12.4746C14.4834 12.7662 14.0917 12.8412 13.8084 12.6496C11.7334 11.2662 8.23338 11.2662 6.15838 12.6496C5.35838 13.1829 4.92505 13.8579 4.92505 14.5662C4.92505 15.2746 5.35838 15.9662 6.15838 16.4996C7.16672 17.1746 8.52508 17.5412 9.98342 17.5412C10.3251 17.5412 10.6084 17.8246 10.6084 18.1662C10.6084 18.5079 10.3334 18.7996 9.99175 18.7996Z', fill: 'currentColor' }))));
+        React.createElement("path", { d: 'M10 2C7.76707 2 5.95173 3.70403 5.95173 5.80008C5.95173 7.85612 7.6648 9.52015 9.89774 9.59215C9.96593 9.58415 10.0341 9.58415 10.0852 9.59215C10.1023 9.59215 10.1108 9.59215 10.1279 9.59215C10.1364 9.59215 10.1364 9.59215 10.1449 9.59215C12.3267 9.52015 14.0398 7.85612 14.0483 5.80008C14.0483 3.70403 12.233 2 10 2Z', fill: isBoldIcon ? getBoldIconColor(isActive) : activeColor }),
+        React.createElement("path", { d: 'M14.3295 11.7279C11.9517 10.2398 8.07385 10.2398 5.67897 11.7279C4.59659 12.3999 4 13.3199 4 14.3039C4 15.2879 4.59659 16.2 5.67045 16.872C6.86363 17.624 8.43184 18 10 18C11.5682 18 13.1364 17.624 14.3295 16.872C15.4034 16.192 16 15.2799 16 14.2879C15.9915 13.3119 15.4034 12.3919 14.3295 11.7279ZM11.9858 13.6479L9.83809 15.664C9.73581 15.76 9.59945 15.808 9.46309 15.808C9.32672 15.808 9.19036 15.752 9.08809 15.664L8.01419 14.6559C7.80965 14.4639 7.80965 14.1439 8.01419 13.9519C8.21874 13.7599 8.55968 13.7599 8.76423 13.9519L9.46309 14.6079L11.2358 12.9439C11.4404 12.7519 11.7813 12.7519 11.9858 12.9439C12.1989 13.1359 12.1989 13.4559 11.9858 13.6479Z', fill: isBoldIcon ? getBoldIconColor(isActive) : activeColor }))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M13.0367 17.069C12.888 17.069 12.7394 17.0164 12.622 16.9038L11.4327 15.7625C11.2058 15.5448 11.2058 15.1844 11.4327 14.9666C11.6596 14.7489 12.0352 14.7489 12.2621 14.9666L13.0367 15.71L15.0005 13.8254C15.2274 13.6076 15.6029 13.6076 15.8298 13.8254C16.0567 14.0431 16.0567 14.4035 15.8298 14.6213L13.4513 16.9038C13.334 17.0164 13.1853 17.069 13.0367 17.069Z', fill: 'currentColor' }),
+        React.createElement("path", { d: 'M10.0636 9.78613C10.0402 9.78613 10.0245 9.78613 10.001 9.78613C9.96191 9.77862 9.90715 9.77862 9.8602 9.78613C7.59124 9.71855 5.87779 8.00665 5.87779 5.89682C5.86997 4.86067 6.29245 3.88459 7.0592 3.14877C7.82596 2.41296 8.84308 2 9.93062 2C12.1683 2 13.9913 3.74944 13.9913 5.89682C13.9913 8.00665 12.2778 9.71104 10.0871 9.78613C10.0793 9.78613 10.0714 9.78613 10.0636 9.78613ZM9.93062 3.12625C9.15604 3.12625 8.43623 3.41907 7.88856 3.93715C7.3487 4.46273 7.05139 5.15349 7.05139 5.88931C7.05139 7.39097 8.27192 8.60732 9.82891 8.65237C9.87585 8.64486 9.97756 8.64486 10.0793 8.65237C11.6206 8.58479 12.8177 7.37596 12.8177 5.88931C12.8177 4.37263 11.5189 3.12625 9.93062 3.12625Z', fill: 'currentColor' }),
+        React.createElement("path", { d: 'M9.93062 18C8.33449 18 6.82446 17.6021 5.68216 16.8662C4.59462 16.168 4 15.2144 4 14.1858C4 13.1571 4.60245 12.2111 5.68216 11.5203C8.02153 10.0187 11.824 10.0187 14.1634 11.5203C14.4294 11.693 14.5077 12.0459 14.3277 12.3012C14.1477 12.564 13.78 12.6316 13.514 12.4589C11.5658 11.2125 8.27972 11.2125 6.33155 12.4589C5.58045 12.9394 5.1736 13.5476 5.1736 14.1858C5.1736 14.824 5.58045 15.4472 6.33155 15.9277C7.27825 16.5359 8.55359 16.8662 9.92279 16.8662C10.2436 16.8662 10.5096 17.1215 10.5096 17.4294C10.5096 17.7372 10.2514 18 9.93062 18Z', fill: 'currentColor' })));
 }
 //# sourceMappingURL=diem-danh.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/diem-danh.js.map

@@ -1 +1 @@
-{"version":3,"file":"diem-danh.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/diem-danh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,8BAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,2BAAG,IAAI,EAAC,wBAAwB;YAC9B,8BACE,CAAC,EAAC,kVAAkV,EACpV,IAAI,EAAE,WAAW,GACjB;YACF,8BACE,CAAC,EAAC,qrBAAqrB,EACvrB,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,8BAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,2BAAG,IAAI,EAAC,wBAAwB;YAC9B,8BACE,CAAC,EAAC,mWAAmW,EACrW,IAAI,EAAC,cAAc,GACnB;YACF,8BACE,CAAC,EAAC,irBAAirB,EACnrB,IAAI,EAAC,cAAc,GACnB;YACF,8BACE,CAAC,EAAC,mlBAAmlB,EACrlB,IAAI,EAAC,cAAc,GACnB,CACA,CACA,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"diem-danh.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/diem-danh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAqE;QAAnE,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAU,gBAAA;IAC/F,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,+TAA+T,EACjU,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D;QACF,8BACE,CAAC,EAAC,opBAAopB,EACtpB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,0WAA0W,EAC5W,IAAI,EAAC,cAAc,GACnB;QACF,8BACE,CAAC,EAAC,8qBAA8qB,EAChrB,IAAI,EAAC,cAAc,GACnB;QACF,8BACE,CAAC,EAAC,kiBAAkiB,EACpiB,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/diem-danh.tsx

@@ -1,42 +1,33 @@
 import React from 'react'
 import { IIcon } from '../../types'
+import { getBoldIconColor } from '../../helper'
 
-export default function DiemDanhIcon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+export default function DiemDanhIcon({ activeColor = 'currentColor', isActive = false, isBoldIcon }: IIcon) {
   return isActive ? (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_88997' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_88997)'>
-        <path
-          d='M9.99996 1.6665C7.81663 1.6665 6.04163 3.4415 6.04163 5.62484C6.04163 7.7665 7.71663 9.49984 9.89996 9.57484C9.96663 9.5665 10.0333 9.5665 10.0833 9.57484C10.1 9.57484 10.1083 9.57484 10.125 9.57484C10.1333 9.57484 10.1333 9.57484 10.1416 9.57484C12.275 9.49984 13.95 7.7665 13.9583 5.62484C13.9583 3.4415 12.1833 1.6665 9.99996 1.6665Z'
-          fill={activeColor}
-        />
-        <path
-          d='M14.2333 11.7997C11.9083 10.2497 8.11663 10.2497 5.77497 11.7997C4.71663 12.4997 4.1333 13.458 4.1333 14.483C4.1333 15.508 4.71663 16.458 5.76663 17.158C6.9333 17.9414 8.46667 18.333 10 18.333C11.5333 18.333 13.0667 17.9414 14.2333 17.158C15.2833 16.4497 15.8667 15.4997 15.8667 14.4664C15.8583 13.4497 15.2833 12.4914 14.2333 11.7997ZM11.9417 13.7997L9.84167 15.8997C9.74167 15.9997 9.60833 16.0497 9.475 16.0497C9.34167 16.0497 9.20833 15.9914 9.10833 15.8997L8.0583 14.8497C7.8583 14.6497 7.8583 14.3164 8.0583 14.1164C8.2583 13.9164 8.59167 13.9164 8.79167 14.1164L9.475 14.7997L11.2083 13.0664C11.4083 12.8664 11.7417 12.8664 11.9417 13.0664C12.15 13.2664 12.15 13.5997 11.9417 13.7997Z'
-          fill={activeColor}
-        />
-      </g>
+      <path
+        d='M10 2C7.76707 2 5.95173 3.70403 5.95173 5.80008C5.95173 7.85612 7.6648 9.52015 9.89774 9.59215C9.96593 9.58415 10.0341 9.58415 10.0852 9.59215C10.1023 9.59215 10.1108 9.59215 10.1279 9.59215C10.1364 9.59215 10.1364 9.59215 10.1449 9.59215C12.3267 9.52015 14.0398 7.85612 14.0483 5.80008C14.0483 3.70403 12.233 2 10 2Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
+      <path
+        d='M14.3295 11.7279C11.9517 10.2398 8.07385 10.2398 5.67897 11.7279C4.59659 12.3999 4 13.3199 4 14.3039C4 15.2879 4.59659 16.2 5.67045 16.872C6.86363 17.624 8.43184 18 10 18C11.5682 18 13.1364 17.624 14.3295 16.872C15.4034 16.192 16 15.2799 16 14.2879C15.9915 13.3119 15.4034 12.3919 14.3295 11.7279ZM11.9858 13.6479L9.83809 15.664C9.73581 15.76 9.59945 15.808 9.46309 15.808C9.32672 15.808 9.19036 15.752 9.08809 15.664L8.01419 14.6559C7.80965 14.4639 7.80965 14.1439 8.01419 13.9519C8.21874 13.7599 8.55968 13.7599 8.76423 13.9519L9.46309 14.6079L11.2358 12.9439C11.4404 12.7519 11.7813 12.7519 11.9858 12.9439C12.1989 13.1359 12.1989 13.4559 11.9858 13.6479Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
     </svg>
   ) : (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_88511' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_88511)'>
-        <path
-          d='M13.3 17.7661C13.1417 17.7661 12.9833 17.7078 12.8583 17.5828L11.5917 16.3161C11.35 16.0744 11.35 15.6744 11.5917 15.4328C11.8333 15.1911 12.2333 15.1911 12.475 15.4328L13.3 16.2578L15.3917 14.1661C15.6333 13.9244 16.0333 13.9244 16.275 14.1661C16.5167 14.4078 16.5167 14.8078 16.275 15.0494L13.7417 17.5828C13.6167 17.7078 13.4583 17.7661 13.3 17.7661Z'
-          fill='currentColor'
-        />
-        <path
-          d='M10.1335 9.68317C10.1085 9.68317 10.0918 9.68317 10.0668 9.68317C10.0252 9.67484 9.96683 9.67484 9.91683 9.68317C7.50015 9.60817 5.67516 7.70817 5.67516 5.3665C5.66683 4.2165 6.11682 3.13317 6.93349 2.3165C7.75015 1.49984 8.8335 1.0415 9.99183 1.0415C12.3752 1.0415 14.3168 2.98317 14.3168 5.3665C14.3168 7.70817 12.4918 9.59984 10.1585 9.68317C10.1502 9.68317 10.1418 9.68317 10.1335 9.68317ZM9.99183 2.2915C9.16683 2.2915 8.40016 2.6165 7.81683 3.1915C7.24183 3.77484 6.92516 4.5415 6.92516 5.35817C6.92516 7.02484 8.22515 8.37484 9.8835 8.42484C9.9335 8.4165 10.0418 8.4165 10.1502 8.42484C11.7918 8.34984 13.0668 7.00817 13.0668 5.35817C13.0668 3.67484 11.6835 2.2915 9.99183 2.2915Z'
-          fill='currentColor'
-        />
-        <path
-          d='M9.99175 18.7996C8.29172 18.7996 6.68338 18.3579 5.46672 17.5412C4.30838 16.7662 3.67505 15.7079 3.67505 14.5662C3.67505 13.4246 4.31672 12.3746 5.46672 11.6079C7.95838 9.94124 12.0084 9.94124 14.5001 11.6079C14.7834 11.7996 14.8667 12.1912 14.6751 12.4746C14.4834 12.7662 14.0917 12.8412 13.8084 12.6496C11.7334 11.2662 8.23338 11.2662 6.15838 12.6496C5.35838 13.1829 4.92505 13.8579 4.92505 14.5662C4.92505 15.2746 5.35838 15.9662 6.15838 16.4996C7.16672 17.1746 8.52508 17.5412 9.98342 17.5412C10.3251 17.5412 10.6084 17.8246 10.6084 18.1662C10.6084 18.5079 10.3334 18.7996 9.99175 18.7996Z'
-          fill='currentColor'
-        />
-      </g>
+      <path
+        d='M13.0367 17.069C12.888 17.069 12.7394 17.0164 12.622 16.9038L11.4327 15.7625C11.2058 15.5448 11.2058 15.1844 11.4327 14.9666C11.6596 14.7489 12.0352 14.7489 12.2621 14.9666L13.0367 15.71L15.0005 13.8254C15.2274 13.6076 15.6029 13.6076 15.8298 13.8254C16.0567 14.0431 16.0567 14.4035 15.8298 14.6213L13.4513 16.9038C13.334 17.0164 13.1853 17.069 13.0367 17.069Z'
+        fill='currentColor'
+      />
+      <path
+        d='M10.0636 9.78613C10.0402 9.78613 10.0245 9.78613 10.001 9.78613C9.96191 9.77862 9.90715 9.77862 9.8602 9.78613C7.59124 9.71855 5.87779 8.00665 5.87779 5.89682C5.86997 4.86067 6.29245 3.88459 7.0592 3.14877C7.82596 2.41296 8.84308 2 9.93062 2C12.1683 2 13.9913 3.74944 13.9913 5.89682C13.9913 8.00665 12.2778 9.71104 10.0871 9.78613C10.0793 9.78613 10.0714 9.78613 10.0636 9.78613ZM9.93062 3.12625C9.15604 3.12625 8.43623 3.41907 7.88856 3.93715C7.3487 4.46273 7.05139 5.15349 7.05139 5.88931C7.05139 7.39097 8.27192 8.60732 9.82891 8.65237C9.87585 8.64486 9.97756 8.64486 10.0793 8.65237C11.6206 8.58479 12.8177 7.37596 12.8177 5.88931C12.8177 4.37263 11.5189 3.12625 9.93062 3.12625Z'
+        fill='currentColor'
+      />
+      <path
+        d='M9.93062 18C8.33449 18 6.82446 17.6021 5.68216 16.8662C4.59462 16.168 4 15.2144 4 14.1858C4 13.1571 4.60245 12.2111 5.68216 11.5203C8.02153 10.0187 11.824 10.0187 14.1634 11.5203C14.4294 11.693 14.5077 12.0459 14.3277 12.3012C14.1477 12.564 13.78 12.6316 13.514 12.4589C11.5658 11.2125 8.27972 11.2125 6.33155 12.4589C5.58045 12.9394 5.1736 13.5476 5.1736 14.1858C5.1736 14.824 5.58045 15.4472 6.33155 15.9277C7.27825 16.5359 8.55359 16.8662 9.92279 16.8662C10.2436 16.8662 10.5096 17.1215 10.5096 17.4294C10.5096 17.7372 10.2514 18 9.93062 18Z'
+        fill='currentColor'
+      />
     </svg>
   )
 }

package/dist/esm/components/MainWrapV4/assets/icon-v3/diem-van-minh.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IIcon } from '../../types';
-export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;
+export default function Icon({ activeColor, isActive, isBoldIcon }: IIcon): React.JSX.Element;

package/dist/esm/components/MainWrapV4/assets/icon-v3/diem-van-minh.js

@@ -1,14 +1,9 @@
 import React from 'react';
+import { getBoldIconColor } from '../../helper';
 export default function Icon(_a) {
-    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, isBoldIcon = _a.isBoldIcon;
     return isActive ? (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("mask", { height: '20', id: 'mask0_1815_89003', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            React.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        React.createElement("g", { mask: 'url(#mask0_1815_89003)' },
-            React.createElement("path", { d: 'M14.7167 18.8918C14.275 18.8918 13.7084 18.7501 13 18.3334L10.5084 16.8584C10.25 16.7084 9.75004 16.7084 9.50004 16.8584L7.00006 18.3334C5.52506 19.2084 4.65839 18.8584 4.26672 18.5751C3.88339 18.2918 3.28339 17.5668 3.67506 15.9001L4.26672 13.3418C4.33339 13.0751 4.20006 12.6168 4.00006 12.4168L1.93339 10.3501C0.900058 9.31676 0.983391 8.43342 1.12506 8.0001C1.26672 7.56676 1.71672 6.8001 3.15006 6.55843L5.80839 6.11676C6.05839 6.0751 6.41672 5.80843 6.52506 5.58343L8.00006 2.64176C8.66671 1.3001 9.54171 1.1001 10 1.1001C10.4584 1.1001 11.3334 1.3001 12 2.64176L13.4667 5.5751C13.5834 5.8001 13.9417 6.06676 14.1917 6.10843L16.85 6.5501C18.2917 6.79176 18.7417 7.55843 18.875 7.99176C19.0084 8.42509 19.0917 9.30842 18.0667 10.3418L16 12.4168C15.8 12.6168 15.675 13.0668 15.7334 13.3418L16.325 15.9001C16.7084 17.5668 16.1167 18.2918 15.7334 18.5751C15.525 18.7251 15.1917 18.8918 14.7167 18.8918Z', fill: activeColor })))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("mask", { height: '20', id: 'mask0_1815_88529', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            React.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        React.createElement("g", { mask: 'url(#mask0_1815_88529)' },
-            React.createElement("path", { d: 'M9.99976 1.51709C10.1675 1.51709 10.4232 1.55298 10.7058 1.72412C10.9877 1.89487 11.323 2.21634 11.6267 2.82764H11.6277L13.0974 5.76709C13.1965 5.95791 13.37 6.12597 13.532 6.24561C13.6934 6.3648 13.9076 6.48301 14.1238 6.51904L16.781 6.96143C17.4358 7.07118 17.8333 7.29381 18.0759 7.51025C18.3194 7.72759 18.4291 7.95822 18.4773 8.11475C18.5274 8.27766 18.5703 8.53231 18.4988 8.85107C18.4275 9.16858 18.2355 9.57911 17.7712 10.0474L15.7048 12.1226C15.5365 12.2911 15.4285 12.5276 15.3689 12.7368C15.3239 12.8947 15.2958 13.0773 15.3044 13.2544L15.3259 13.4282L15.3279 13.436L15.9187 15.9927V15.9937C16.0968 16.7682 16.0403 17.2841 15.9236 17.6196C15.8087 17.9497 15.625 18.136 15.49 18.2368C15.3368 18.3471 15.0865 18.4751 14.7166 18.4751C14.3663 18.475 13.8714 18.3628 13.2107 17.9741L10.7205 16.4995L10.7175 16.4985L10.6345 16.4546C10.435 16.3624 10.2019 16.3296 10.0007 16.3296C9.80077 16.3296 9.56762 16.3622 9.3689 16.4565L9.28882 16.4995L6.78882 17.9741L6.78784 17.9751C6.10246 18.3817 5.5942 18.4828 5.23999 18.4722C4.88978 18.4616 4.65482 18.3406 4.51343 18.2388C4.37694 18.1376 4.19032 17.9504 4.07397 17.6187C3.95671 17.2841 3.89905 16.7692 4.08081 15.9956V15.9937L4.67261 13.436L4.67163 13.4351C4.72725 13.2041 4.69335 12.9457 4.63354 12.7388C4.57261 12.528 4.4624 12.2904 4.29468 12.1226L2.22827 10.0552C1.75924 9.58612 1.56582 9.17531 1.49487 8.85889C1.42366 8.54117 1.4691 8.28888 1.52124 8.12939C1.57394 7.96828 1.68629 7.73591 1.93042 7.51807C2.17355 7.30113 2.56942 7.07884 3.21948 6.96924L3.21851 6.96826L5.87671 6.52783C6.09286 6.49181 6.30717 6.37344 6.46851 6.25342C6.62779 6.13488 6.80032 5.96462 6.89624 5.76904L6.89722 5.77002L8.3728 2.82861L8.37378 2.82764C8.6774 2.21658 9.01191 1.89492 9.2937 1.72412C9.57622 1.55297 9.832 1.51715 9.99976 1.51709ZM9.99976 1.94189C9.7035 1.94204 9.44913 2.09903 9.25757 2.28271C9.06148 2.47075 8.88836 2.72611 8.74487 3.021L7.26929 5.95459V5.95557C7.1587 6.17671 6.95931 6.40411 6.70874 6.58936C6.52082 6.72826 6.31862 6.83222 6.12671 6.89307L5.93921 6.93896L3.28979 7.38037C2.97227 7.43194 2.68413 7.52463 2.4519 7.65771C2.22449 7.78815 2.0117 7.98147 1.92163 8.25146C1.82863 8.53046 1.89551 8.81847 2.00659 9.05518C2.12027 9.29738 2.3038 9.53708 2.53101 9.76025V9.76123L4.59741 11.8276C4.78788 12.0181 4.94593 12.3022 5.03784 12.6226C5.12955 12.9423 5.14582 13.2668 5.08569 13.5308L4.4939 16.0894C4.39047 16.5347 4.36779 16.903 4.40796 17.1948C4.44607 17.4713 4.55247 17.7467 4.77515 17.9058C4.99447 18.0622 5.28466 18.0767 5.55835 18.0288C5.84675 17.9783 6.18924 17.8473 6.58374 17.6187L6.58765 17.6167L9.07886 16.1421L9.08276 16.1401C9.32322 15.9946 9.65361 15.9088 9.99976 15.9087C10.3444 15.9087 10.6778 15.993 10.9294 16.1411V16.1421L13.4197 17.6147V17.6157C13.8126 17.8505 14.1573 17.9832 14.449 18.0327C14.7264 18.0798 15.0171 18.0608 15.2341 17.9058C15.4607 17.7439 15.5614 17.4611 15.5974 17.189C15.6359 16.8983 15.6142 16.5324 15.5154 16.0923L15.5144 16.0894L14.9226 13.5308C14.7975 12.9813 15.0114 12.2366 15.4119 11.8276L17.4783 9.76123C17.7058 9.53364 17.8871 9.29275 17.9998 9.05127C18.1099 8.81498 18.1732 8.53478 18.0906 8.26221L18.0867 8.25146C17.9965 7.98142 17.7839 7.78813 17.5564 7.65771C17.3238 7.52444 17.0356 7.4319 16.7175 7.38037H16.7185L14.0603 6.93896H14.0613C13.818 6.89788 13.5423 6.77451 13.2917 6.58936C13.0412 6.40413 12.8418 6.17669 12.7312 5.95557L11.2644 3.02197C11.1166 2.7263 10.9406 2.47007 10.7429 2.28174C10.551 2.09894 10.2961 1.94189 9.99976 1.94189Z', fill: 'currentColor', stroke: 'currentColor', strokeWidth: '0.833333' }))));
+        React.createElement("path", { d: 'M14.2157 18C13.8212 18 13.315 17.8726 12.6822 17.4979L10.4565 16.1714C10.2257 16.0365 9.77907 16.0365 9.55575 16.1714L7.32256 17.4979C6.00497 18.2848 5.23079 17.97 4.88092 17.7152C4.5385 17.4604 4.00253 16.8084 4.3524 15.3096L4.88092 13.0089C4.94048 12.7691 4.82137 12.3569 4.64271 12.177L2.7966 10.3185C1.87354 9.38922 1.94798 8.59484 2.07453 8.20516C2.20108 7.81546 2.60305 7.126 3.88342 6.90867L6.25807 6.51148C6.48139 6.47401 6.80148 6.23419 6.89825 6.03185L8.21584 3.38642C8.81135 2.17986 9.59297 2 10.0024 2C10.4118 2 11.1934 2.17986 11.789 3.38642L13.0991 6.02436C13.2033 6.2267 13.5234 6.46651 13.7467 6.50398L16.1214 6.90117C17.4092 7.1185 17.8112 7.80797 17.9303 8.19766C18.0494 8.58735 18.1238 9.38173 17.2082 10.311L15.3621 12.177C15.1834 12.3569 15.0718 12.7616 15.1239 13.0089L15.6524 15.3096C15.9948 16.8084 15.4663 17.4604 15.1239 17.7152C14.9378 17.8501 14.64 18 14.2157 18Z', fill: isBoldIcon ? getBoldIconColor(isActive) : activeColor }))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M10.002 2.37207C10.1513 2.37207 10.3795 2.40473 10.6318 2.55859C10.8835 2.71209 11.1835 3.0007 11.4551 3.55078L11.4561 3.55176L12.7656 6.18945L12.7686 6.19434C12.8567 6.36551 13.0114 6.51729 13.1562 6.625C13.3004 6.7321 13.492 6.83862 13.6855 6.87109L16.0596 7.26855C16.6439 7.3672 16.9991 7.56702 17.2158 7.76172C17.4334 7.9573 17.531 8.1652 17.5742 8.30664C17.6191 8.45366 17.6578 8.68297 17.5938 8.9707C17.5299 9.25724 17.3584 9.62743 16.9434 10.0488L15.0977 11.915C14.9475 12.0664 14.851 12.279 14.7979 12.4668C14.7445 12.6555 14.7171 12.8833 14.7598 13.0859L14.7607 13.0918L15.2891 15.3916V15.3926C15.4484 16.0898 15.3976 16.5547 15.293 16.8574C15.1899 17.1553 15.0259 17.3235 14.9053 17.4141C14.7684 17.5133 14.5454 17.6279 14.2158 17.6279C13.9036 17.6279 13.4623 17.5272 12.8721 17.1777H12.873L10.6475 15.8516L10.6445 15.8506L10.4922 15.7783C10.3329 15.7196 10.1573 15.6982 10.0029 15.6982C9.79906 15.6983 9.55666 15.7367 9.36523 15.8516L7.13281 17.1777L7.13184 17.1787C6.51957 17.5444 6.06579 17.6346 5.75 17.625C5.43626 17.6155 5.22572 17.5059 5.09961 17.4141C4.97791 17.3227 4.81256 17.1539 4.70898 16.8564C4.60389 16.5546 4.55236 16.0908 4.71484 15.3945V15.3926L5.24414 13.0918L5.24316 13.0908C5.29227 12.8845 5.26224 12.6532 5.20898 12.4678C5.15473 12.2789 5.05663 12.0656 4.90723 11.915L3.06055 10.0566C2.6414 9.63467 2.46888 9.26407 2.40527 8.97852C2.34143 8.69183 2.38195 8.46436 2.42871 8.32031C2.47596 8.17481 2.57671 7.96563 2.79492 7.76953C2.98498 7.59881 3.27919 7.4243 3.73828 7.31738L3.94531 7.27539L6.31934 6.87891C6.51285 6.84644 6.7046 6.73969 6.84863 6.63184C6.99094 6.52522 7.14507 6.37241 7.23047 6.19727L7.23145 6.19824L8.54883 3.55273L8.5498 3.55078C8.82136 3.00072 9.12137 2.71208 9.37305 2.55859C9.62512 2.40492 9.85257 2.37213 10.002 2.37207ZM10.002 2.75977C9.73643 2.75992 9.50872 2.9015 9.33789 3.06641C9.16291 3.23541 9.00788 3.46458 8.87988 3.72949L7.5625 6.36719V6.36816C7.4635 6.5675 7.28517 6.77195 7.06152 6.93848C6.89372 7.06337 6.71312 7.15723 6.54199 7.21191L6.37402 7.25391L4.00781 7.65039C3.72392 7.6968 3.46637 7.77965 3.25879 7.89941C3.05528 8.01687 2.86627 8.19101 2.78613 8.43262C2.7036 8.68188 2.7623 8.93989 2.86133 9.15234C2.96261 9.36953 3.12638 9.58464 3.3291 9.78516V9.78613L5.1748 11.6445C5.34512 11.816 5.48704 12.0717 5.56934 12.3604C5.65154 12.6488 5.66642 12.9422 5.6123 13.1807L5.08398 15.4805C4.99166 15.8806 4.97111 16.2109 5.00684 16.4727C5.04071 16.7205 5.13533 16.9675 5.33398 17.1104C5.53023 17.2514 5.79017 17.2649 6.03516 17.2217C6.29314 17.1762 6.59968 17.0582 6.95215 16.8525L6.95508 16.8506L9.18066 15.5244L9.18359 15.5225C9.39822 15.3917 9.69321 15.3145 10.002 15.3145C10.2715 15.3145 10.5334 15.3733 10.7451 15.4775L10.832 15.5244L13.0557 16.8486V16.8496C13.4067 17.0608 13.7156 17.18 13.9766 17.2246C14.2247 17.267 14.4847 17.2499 14.6787 17.1104C14.8807 16.965 14.9709 16.7116 15.0029 16.4678C15.0371 16.2072 15.0169 15.8788 14.9287 15.4834V15.4814L14.3994 13.1816H14.4004C14.2874 12.6847 14.4793 12.0107 14.8389 11.6426L14.8379 11.6416L16.6836 9.78613C16.8867 9.58157 17.0481 9.36506 17.1484 9.14844C17.2467 8.93636 17.3028 8.68592 17.2295 8.44238L17.2266 8.43262L17.1914 8.3457C17.0987 8.14866 16.9312 8.00228 16.7529 7.89941C16.545 7.77951 16.2873 7.69674 16.0029 7.65039H16.0039L13.6299 7.25391H13.6309C13.4138 7.21702 13.1673 7.10511 12.9434 6.93848C12.7197 6.77194 12.5414 6.56752 12.4424 6.36816L11.1318 3.73047C10.9999 3.46495 10.8434 3.23463 10.667 3.06543C10.4958 2.9013 10.2676 2.75977 10.002 2.75977Z', fill: 'currentColor', stroke: 'currentColor', strokeWidth: '0.744402' })));
 }
 //# sourceMappingURL=diem-van-minh.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/diem-van-minh.js.map

@@ -1 +1 @@
-{"version":3,"file":"diem-van-minh.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/diem-van-minh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,8BAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,2BAAG,IAAI,EAAC,wBAAwB;YAC9B,8BACE,CAAC,EAAC,04BAA04B,EAC54B,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,8BAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,2BAAG,IAAI,EAAC,wBAAwB;YAC9B,8BACE,CAAC,EAAC,o4GAAo4G,EACt4G,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,UAAU,GACtB,CACA,CACA,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"diem-van-minh.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/diem-van-minh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAqE;QAAnE,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAU,gBAAA;IACvF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,63BAA63B,EAC/3B,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,m6GAAm6G,EACr6G,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,UAAU,GACtB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/diem-van-minh.tsx

@@ -1,32 +1,23 @@
 import React from 'react'
 import { IIcon } from '../../types'
+import { getBoldIconColor } from '../../helper'
 
-export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+export default function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }: IIcon) {
   return isActive ? (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_89003' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_89003)'>
-        <path
-          d='M14.7167 18.8918C14.275 18.8918 13.7084 18.7501 13 18.3334L10.5084 16.8584C10.25 16.7084 9.75004 16.7084 9.50004 16.8584L7.00006 18.3334C5.52506 19.2084 4.65839 18.8584 4.26672 18.5751C3.88339 18.2918 3.28339 17.5668 3.67506 15.9001L4.26672 13.3418C4.33339 13.0751 4.20006 12.6168 4.00006 12.4168L1.93339 10.3501C0.900058 9.31676 0.983391 8.43342 1.12506 8.0001C1.26672 7.56676 1.71672 6.8001 3.15006 6.55843L5.80839 6.11676C6.05839 6.0751 6.41672 5.80843 6.52506 5.58343L8.00006 2.64176C8.66671 1.3001 9.54171 1.1001 10 1.1001C10.4584 1.1001 11.3334 1.3001 12 2.64176L13.4667 5.5751C13.5834 5.8001 13.9417 6.06676 14.1917 6.10843L16.85 6.5501C18.2917 6.79176 18.7417 7.55843 18.875 7.99176C19.0084 8.42509 19.0917 9.30842 18.0667 10.3418L16 12.4168C15.8 12.6168 15.675 13.0668 15.7334 13.3418L16.325 15.9001C16.7084 17.5668 16.1167 18.2918 15.7334 18.5751C15.525 18.7251 15.1917 18.8918 14.7167 18.8918Z'
-          fill={activeColor}
-        />
-      </g>
+      <path
+        d='M14.2157 18C13.8212 18 13.315 17.8726 12.6822 17.4979L10.4565 16.1714C10.2257 16.0365 9.77907 16.0365 9.55575 16.1714L7.32256 17.4979C6.00497 18.2848 5.23079 17.97 4.88092 17.7152C4.5385 17.4604 4.00253 16.8084 4.3524 15.3096L4.88092 13.0089C4.94048 12.7691 4.82137 12.3569 4.64271 12.177L2.7966 10.3185C1.87354 9.38922 1.94798 8.59484 2.07453 8.20516C2.20108 7.81546 2.60305 7.126 3.88342 6.90867L6.25807 6.51148C6.48139 6.47401 6.80148 6.23419 6.89825 6.03185L8.21584 3.38642C8.81135 2.17986 9.59297 2 10.0024 2C10.4118 2 11.1934 2.17986 11.789 3.38642L13.0991 6.02436C13.2033 6.2267 13.5234 6.46651 13.7467 6.50398L16.1214 6.90117C17.4092 7.1185 17.8112 7.80797 17.9303 8.19766C18.0494 8.58735 18.1238 9.38173 17.2082 10.311L15.3621 12.177C15.1834 12.3569 15.0718 12.7616 15.1239 13.0089L15.6524 15.3096C15.9948 16.8084 15.4663 17.4604 15.1239 17.7152C14.9378 17.8501 14.64 18 14.2157 18Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
     </svg>
   ) : (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_88529' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_88529)'>
-        <path
-          d='M9.99976 1.51709C10.1675 1.51709 10.4232 1.55298 10.7058 1.72412C10.9877 1.89487 11.323 2.21634 11.6267 2.82764H11.6277L13.0974 5.76709C13.1965 5.95791 13.37 6.12597 13.532 6.24561C13.6934 6.3648 13.9076 6.48301 14.1238 6.51904L16.781 6.96143C17.4358 7.07118 17.8333 7.29381 18.0759 7.51025C18.3194 7.72759 18.4291 7.95822 18.4773 8.11475C18.5274 8.27766 18.5703 8.53231 18.4988 8.85107C18.4275 9.16858 18.2355 9.57911 17.7712 10.0474L15.7048 12.1226C15.5365 12.2911 15.4285 12.5276 15.3689 12.7368C15.3239 12.8947 15.2958 13.0773 15.3044 13.2544L15.3259 13.4282L15.3279 13.436L15.9187 15.9927V15.9937C16.0968 16.7682 16.0403 17.2841 15.9236 17.6196C15.8087 17.9497 15.625 18.136 15.49 18.2368C15.3368 18.3471 15.0865 18.4751 14.7166 18.4751C14.3663 18.475 13.8714 18.3628 13.2107 17.9741L10.7205 16.4995L10.7175 16.4985L10.6345 16.4546C10.435 16.3624 10.2019 16.3296 10.0007 16.3296C9.80077 16.3296 9.56762 16.3622 9.3689 16.4565L9.28882 16.4995L6.78882 17.9741L6.78784 17.9751C6.10246 18.3817 5.5942 18.4828 5.23999 18.4722C4.88978 18.4616 4.65482 18.3406 4.51343 18.2388C4.37694 18.1376 4.19032 17.9504 4.07397 17.6187C3.95671 17.2841 3.89905 16.7692 4.08081 15.9956V15.9937L4.67261 13.436L4.67163 13.4351C4.72725 13.2041 4.69335 12.9457 4.63354 12.7388C4.57261 12.528 4.4624 12.2904 4.29468 12.1226L2.22827 10.0552C1.75924 9.58612 1.56582 9.17531 1.49487 8.85889C1.42366 8.54117 1.4691 8.28888 1.52124 8.12939C1.57394 7.96828 1.68629 7.73591 1.93042 7.51807C2.17355 7.30113 2.56942 7.07884 3.21948 6.96924L3.21851 6.96826L5.87671 6.52783C6.09286 6.49181 6.30717 6.37344 6.46851 6.25342C6.62779 6.13488 6.80032 5.96462 6.89624 5.76904L6.89722 5.77002L8.3728 2.82861L8.37378 2.82764C8.6774 2.21658 9.01191 1.89492 9.2937 1.72412C9.57622 1.55297 9.832 1.51715 9.99976 1.51709ZM9.99976 1.94189C9.7035 1.94204 9.44913 2.09903 9.25757 2.28271C9.06148 2.47075 8.88836 2.72611 8.74487 3.021L7.26929 5.95459V5.95557C7.1587 6.17671 6.95931 6.40411 6.70874 6.58936C6.52082 6.72826 6.31862 6.83222 6.12671 6.89307L5.93921 6.93896L3.28979 7.38037C2.97227 7.43194 2.68413 7.52463 2.4519 7.65771C2.22449 7.78815 2.0117 7.98147 1.92163 8.25146C1.82863 8.53046 1.89551 8.81847 2.00659 9.05518C2.12027 9.29738 2.3038 9.53708 2.53101 9.76025V9.76123L4.59741 11.8276C4.78788 12.0181 4.94593 12.3022 5.03784 12.6226C5.12955 12.9423 5.14582 13.2668 5.08569 13.5308L4.4939 16.0894C4.39047 16.5347 4.36779 16.903 4.40796 17.1948C4.44607 17.4713 4.55247 17.7467 4.77515 17.9058C4.99447 18.0622 5.28466 18.0767 5.55835 18.0288C5.84675 17.9783 6.18924 17.8473 6.58374 17.6187L6.58765 17.6167L9.07886 16.1421L9.08276 16.1401C9.32322 15.9946 9.65361 15.9088 9.99976 15.9087C10.3444 15.9087 10.6778 15.993 10.9294 16.1411V16.1421L13.4197 17.6147V17.6157C13.8126 17.8505 14.1573 17.9832 14.449 18.0327C14.7264 18.0798 15.0171 18.0608 15.2341 17.9058C15.4607 17.7439 15.5614 17.4611 15.5974 17.189C15.6359 16.8983 15.6142 16.5324 15.5154 16.0923L15.5144 16.0894L14.9226 13.5308C14.7975 12.9813 15.0114 12.2366 15.4119 11.8276L17.4783 9.76123C17.7058 9.53364 17.8871 9.29275 17.9998 9.05127C18.1099 8.81498 18.1732 8.53478 18.0906 8.26221L18.0867 8.25146C17.9965 7.98142 17.7839 7.78813 17.5564 7.65771C17.3238 7.52444 17.0356 7.4319 16.7175 7.38037H16.7185L14.0603 6.93896H14.0613C13.818 6.89788 13.5423 6.77451 13.2917 6.58936C13.0412 6.40413 12.8418 6.17669 12.7312 5.95557L11.2644 3.02197C11.1166 2.7263 10.9406 2.47007 10.7429 2.28174C10.551 2.09894 10.2961 1.94189 9.99976 1.94189Z'
-          fill='currentColor'
-          stroke='currentColor'
-          strokeWidth='0.833333'
-        />
-      </g>
+      <path
+        d='M10.002 2.37207C10.1513 2.37207 10.3795 2.40473 10.6318 2.55859C10.8835 2.71209 11.1835 3.0007 11.4551 3.55078L11.4561 3.55176L12.7656 6.18945L12.7686 6.19434C12.8567 6.36551 13.0114 6.51729 13.1562 6.625C13.3004 6.7321 13.492 6.83862 13.6855 6.87109L16.0596 7.26855C16.6439 7.3672 16.9991 7.56702 17.2158 7.76172C17.4334 7.9573 17.531 8.1652 17.5742 8.30664C17.6191 8.45366 17.6578 8.68297 17.5938 8.9707C17.5299 9.25724 17.3584 9.62743 16.9434 10.0488L15.0977 11.915C14.9475 12.0664 14.851 12.279 14.7979 12.4668C14.7445 12.6555 14.7171 12.8833 14.7598 13.0859L14.7607 13.0918L15.2891 15.3916V15.3926C15.4484 16.0898 15.3976 16.5547 15.293 16.8574C15.1899 17.1553 15.0259 17.3235 14.9053 17.4141C14.7684 17.5133 14.5454 17.6279 14.2158 17.6279C13.9036 17.6279 13.4623 17.5272 12.8721 17.1777H12.873L10.6475 15.8516L10.6445 15.8506L10.4922 15.7783C10.3329 15.7196 10.1573 15.6982 10.0029 15.6982C9.79906 15.6983 9.55666 15.7367 9.36523 15.8516L7.13281 17.1777L7.13184 17.1787C6.51957 17.5444 6.06579 17.6346 5.75 17.625C5.43626 17.6155 5.22572 17.5059 5.09961 17.4141C4.97791 17.3227 4.81256 17.1539 4.70898 16.8564C4.60389 16.5546 4.55236 16.0908 4.71484 15.3945V15.3926L5.24414 13.0918L5.24316 13.0908C5.29227 12.8845 5.26224 12.6532 5.20898 12.4678C5.15473 12.2789 5.05663 12.0656 4.90723 11.915L3.06055 10.0566C2.6414 9.63467 2.46888 9.26407 2.40527 8.97852C2.34143 8.69183 2.38195 8.46436 2.42871 8.32031C2.47596 8.17481 2.57671 7.96563 2.79492 7.76953C2.98498 7.59881 3.27919 7.4243 3.73828 7.31738L3.94531 7.27539L6.31934 6.87891C6.51285 6.84644 6.7046 6.73969 6.84863 6.63184C6.99094 6.52522 7.14507 6.37241 7.23047 6.19727L7.23145 6.19824L8.54883 3.55273L8.5498 3.55078C8.82136 3.00072 9.12137 2.71208 9.37305 2.55859C9.62512 2.40492 9.85257 2.37213 10.002 2.37207ZM10.002 2.75977C9.73643 2.75992 9.50872 2.9015 9.33789 3.06641C9.16291 3.23541 9.00788 3.46458 8.87988 3.72949L7.5625 6.36719V6.36816C7.4635 6.5675 7.28517 6.77195 7.06152 6.93848C6.89372 7.06337 6.71312 7.15723 6.54199 7.21191L6.37402 7.25391L4.00781 7.65039C3.72392 7.6968 3.46637 7.77965 3.25879 7.89941C3.05528 8.01687 2.86627 8.19101 2.78613 8.43262C2.7036 8.68188 2.7623 8.93989 2.86133 9.15234C2.96261 9.36953 3.12638 9.58464 3.3291 9.78516V9.78613L5.1748 11.6445C5.34512 11.816 5.48704 12.0717 5.56934 12.3604C5.65154 12.6488 5.66642 12.9422 5.6123 13.1807L5.08398 15.4805C4.99166 15.8806 4.97111 16.2109 5.00684 16.4727C5.04071 16.7205 5.13533 16.9675 5.33398 17.1104C5.53023 17.2514 5.79017 17.2649 6.03516 17.2217C6.29314 17.1762 6.59968 17.0582 6.95215 16.8525L6.95508 16.8506L9.18066 15.5244L9.18359 15.5225C9.39822 15.3917 9.69321 15.3145 10.002 15.3145C10.2715 15.3145 10.5334 15.3733 10.7451 15.4775L10.832 15.5244L13.0557 16.8486V16.8496C13.4067 17.0608 13.7156 17.18 13.9766 17.2246C14.2247 17.267 14.4847 17.2499 14.6787 17.1104C14.8807 16.965 14.9709 16.7116 15.0029 16.4678C15.0371 16.2072 15.0169 15.8788 14.9287 15.4834V15.4814L14.3994 13.1816H14.4004C14.2874 12.6847 14.4793 12.0107 14.8389 11.6426L14.8379 11.6416L16.6836 9.78613C16.8867 9.58157 17.0481 9.36506 17.1484 9.14844C17.2467 8.93636 17.3028 8.68592 17.2295 8.44238L17.2266 8.43262L17.1914 8.3457C17.0987 8.14866 16.9312 8.00228 16.7529 7.89941C16.545 7.77951 16.2873 7.69674 16.0029 7.65039H16.0039L13.6299 7.25391H13.6309C13.4138 7.21702 13.1673 7.10511 12.9434 6.93848C12.7197 6.77194 12.5414 6.56752 12.4424 6.36816L11.1318 3.73047C10.9999 3.46495 10.8434 3.23463 10.667 3.06543C10.4958 2.9013 10.2676 2.75977 10.002 2.75977Z'
+        fill='currentColor'
+        stroke='currentColor'
+        strokeWidth='0.744402'
+      />
     </svg>
   )
 }

package/dist/esm/components/MainWrapV4/assets/icon-v3/email-dashboard.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IIcon } from '../../types';
-export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;
+export default function Icon({ activeColor, isActive, isBoldIcon }: IIcon): React.JSX.Element;