@thecb/components 10.6.10-beta.0 → 10.7.0-beta.0

package/src/components/molecules/obligation/icons/AccountElectricIcon.js

@@ -1,98 +1,21 @@
 import React from "react";
 
-const AccountElectricIcon = () => (
+const AccountElectricIcon = ({ color }) => (
   <svg
-    width="51px"
-    height="51px"
-    viewBox="0 0 81 81"
-    version="1.1"
+    width="48"
+    height="48"
+    viewBox="0 0 48 48"
+    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
   >
-    <defs>
-      <circle
-        id="account-electric-path-1"
-        cx="33.5"
-        cy="33.5"
-        r="33.5"
-      ></circle>
-      <filter
-        x="-17.2%"
-        y="-14.2%"
-        width="134.3%"
-        height="134.3%"
-        filterUnits="objectBoundingBox"
-        id="account-electric-filter-2"
-      >
-        <feOffset
-          dx="0"
-          dy="-4"
-          in="SourceAlpha"
-          result="shadowOffsetOuter1"
-        ></feOffset>
-        <feColorMatrix
-          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
-          type="matrix"
-          in="shadowOffsetOuter1"
-          result="shadowMatrixOuter1"
-        ></feColorMatrix>
-        <feOffset
-          dx="0"
-          dy="2"
-          in="SourceAlpha"
-          result="shadowOffsetOuter2"
-        ></feOffset>
-        <feGaussianBlur
-          stdDeviation="3.5"
-          in="shadowOffsetOuter2"
-          result="shadowBlurOuter2"
-        ></feGaussianBlur>
-        <feColorMatrix
-          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
-          type="matrix"
-          in="shadowBlurOuter2"
-          result="shadowMatrixOuter2"
-        ></feColorMatrix>
-        <feMerge>
-          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
-        </feMerge>
-      </filter>
-    </defs>
-    <g
-      id="account-electric-Profile-/-Icons"
-      stroke="none"
-      strokeWidth="1"
-      fill="none"
-      fillRule="evenodd"
-    >
-      <g id="Outlined" transform="translate(-91.000000, -225.000000)">
-        <g
-          id="account-electric-Profile-Obligation-Icon-/-Account---Electric"
-          transform="translate(98.000000, 230.000000)"
-        >
-          <g id="Oval-Copy-6">
-            <use
-              fill="black"
-              fillOpacity="1"
-              filter="url(#account-electric-filter-2)"
-              xlinkHref="#account-electric-path-1"
-            ></use>
-            <use
-              fill="#FFFFFF"
-              fillRule="evenodd"
-              xlinkHref="#account-electric-path-1"
-            ></use>
-          </g>
-          <path
-            d="M41.9999619,27.0000453 L41.9999619,20.0000668 C41.9999619,19.4583963 41.8020358,18.9896474 41.4062037,18.5938153 C41.0103717,18.1979833 40.5416228,18.0000668 39.9999619,18.0000668 C39.4582914,18.0000668 38.9895425,18.1979833 38.5937104,18.5938153 C38.1978784,18.9896474 37.9999619,19.4583963 37.9999619,20.0000668 L37.9999619,20.0000668 L37.9999619,27.0000453 L41.9999619,27.0000453 Z M29.9999905,27.0000453 L29.9999905,20.0000668 C29.9999905,19.4583963 29.8020644,18.9896474 29.4062323,18.5938153 C29.0104003,18.1979833 28.5416514,18.0000668 27.9999905,18.0000668 C27.45832,18.0000668 26.9895711,18.1979833 26.593739,18.5938153 C26.197907,18.9896474 25.9999905,19.4583963 25.9999905,20.0000668 L25.9999905,20.0000668 L25.9999905,27.0000453 L29.9999905,27.0000453 Z M35.9999666,49.9999905 L35.9999666,43.8125052 C38.2916281,43.3541733 40.1978736,42.2083421 41.718703,40.3750134 C43.2395324,38.5416848 43.9999475,36.4166898 43.9999475,34.0000286 L43.9999475,34.0000286 L43.9999475,32.0000429 L44.9999452,32.0000429 C45.2916115,32.0000429 45.5311939,31.9062836 45.7186935,31.718784 C45.906193,31.5312845 45.9999428,31.2917021 45.9999428,31.0000429 L45.9999428,31.0000429 L45.9999428,29.0000429 C45.9999428,28.7083742 45.906193,28.4687918 45.7186935,28.2812922 C45.5311939,28.0937927 45.2916115,28.0000429 44.9999452,28.0000429 L44.9999452,28.0000429 L23,28.0000429 C22.7083313,28.0000429 22.4687489,28.0937927 22.2812493,28.2812922 C22.0937498,28.4687918 22,28.7083742 22,29.0000429 L22,29.0000429 L22,31.0000429 C22,31.2917021 22.0937498,31.5312845 22.2812493,31.718784 C22.4687489,31.9062836 22.7083313,32.0000429 23,32.0000429 L23,32.0000429 L24,32.0000429 L24,34.0000286 C24,36.4166898 24.7604104,38.5416848 26.2812398,40.3750134 C27.8020692,42.2083421 29.7083146,43.3541733 31.9999762,43.8125052 L31.9999762,43.8125052 L31.9999762,49.9999905 L35.9999666,49.9999905 Z"
-            id="p"
-            fill="#292A33"
-            fillRule="nonzero"
-          ></path>
-        </g>
-      </g>
-    </g>
+    <path
+      d="M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z"
+      fill={color}
+    />
+    <path
+      d="M29.8438 19.2297V14.3844C29.8438 14.0094 29.7068 13.685 29.4328 13.411C29.1588 13.137 28.8343 13 28.4594 13C28.0844 13 27.76 13.137 27.486 13.411C27.212 13.685 27.075 14.0094 27.075 14.3844V19.2297H29.8438ZM21.5375 19.2297V14.3844C21.5375 14.0094 21.4005 13.685 21.1265 13.411C20.8525 13.137 20.5281 13 20.1531 13C19.7782 13 19.4537 13.137 19.1797 13.411C18.9057 13.685 18.7687 14.0094 18.7687 14.3844V19.2297H21.5375ZM25.6906 35.15V30.8671C27.2769 30.5498 28.5964 29.7567 29.6491 28.4877C30.7018 27.2187 31.2281 25.7478 31.2281 24.075V22.6906H31.9203C32.1222 22.6906 32.288 22.6257 32.4178 22.4959C32.5476 22.3662 32.6125 22.2003 32.6125 21.9984V20.6141C32.6125 20.4122 32.5476 20.2463 32.4178 20.1166C32.288 19.9868 32.1222 19.9219 31.9203 19.9219H16.6922C16.4903 19.9219 16.3245 19.9868 16.1947 20.1166C16.0649 20.2463 16 20.4122 16 20.6141V21.9984C16 22.2003 16.0649 22.3662 16.1947 22.4959C16.3245 22.6257 16.4903 22.6906 16.6922 22.6906H17.3844V24.075C17.3844 25.7478 17.9107 27.2187 18.9634 28.4877C20.0161 29.7567 21.3356 30.5498 22.9219 30.8671V35.15H25.6906Z"
+      fill="#FEFEFE"
+    />
   </svg>
 );
 

package/src/components/molecules/obligation/icons/AccountGarbageIcon.js

@@ -1,93 +1,23 @@
 import React from "react";
 
-const AccountGarbageIcon = () => (
+const AccountGarbageIcon = ({ color }) => (
   <svg
-    width="51px"
-    height="51px"
-    viewBox="0 0 81 81"
-    version="1.1"
+    width="48"
+    height="48"
+    viewBox="0 0 48 48"
+    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
   >
-    <defs>
-      <circle id="account-garbage-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
-      <filter
-        x="-17.2%"
-        y="-14.2%"
-        width="134.3%"
-        height="134.3%"
-        filterUnits="objectBoundingBox"
-        id="account-garbage-filter-2"
-      >
-        <feOffset
-          dx="0"
-          dy="-4"
-          in="SourceAlpha"
-          result="shadowOffsetOuter1"
-        ></feOffset>
-        <feColorMatrix
-          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
-          type="matrix"
-          in="shadowOffsetOuter1"
-          result="shadowMatrixOuter1"
-        ></feColorMatrix>
-        <feOffset
-          dx="0"
-          dy="2"
-          in="SourceAlpha"
-          result="shadowOffsetOuter2"
-        ></feOffset>
-        <feGaussianBlur
-          stdDeviation="3.5"
-          in="shadowOffsetOuter2"
-          result="shadowBlurOuter2"
-        ></feGaussianBlur>
-        <feColorMatrix
-          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
-          type="matrix"
-          in="shadowBlurOuter2"
-          result="shadowMatrixOuter2"
-        ></feColorMatrix>
-        <feMerge>
-          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
-        </feMerge>
-      </filter>
-    </defs>
-    <g
-      id="account-garbage-Profile-/-Icons"
-      stroke="none"
-      strokeWidth="1"
-      fill="none"
+    <path
+      d="M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z"
+      fill={color}
+    />
+    <path
       fillRule="evenodd"
-    >
-      <g id="Outlined" transform="translate(-91.000000, -453.000000)">
-        <g
-          id="account-garbage-Profile-Obligation-Icon-/-Account---Trash-pickup"
-          transform="translate(98.000000, 458.000000)"
-        >
-          <g id="Oval-Copy-6">
-            <use
-              fill="black"
-              fillOpacity="1"
-              filter="url(#account-garbage-filter-2)"
-              xlinkHref="#account-garbage-path-1"
-            ></use>
-            <use
-              fill="#FFFFFF"
-              fillRule="evenodd"
-              xlinkHref="#account-garbage-path-1"
-            ></use>
-          </g>
-          <path
-            d="M47.249935,24.0000525 C47.4582675,24.0000525 47.6353511,23.9271356 47.7811838,23.781303 C47.9270164,23.6354703 47.9999332,23.4583868 47.9999332,23.2500542 L47.9999332,21.5000668 C47.9999332,21.0833924 47.8541006,20.7292272 47.5624343,20.4375609 C47.270768,20.1458947 46.9166028,20.0000668 46.4999368,20.0000668 L39.4999535,20.0000668 L38.9374548,18.8125648 C38.8124551,18.5625654 38.6249556,18.3646489 38.3749562,18.2188162 C38.1249568,18.0729836 37.8541244,18.0000668 37.5624581,18.0000668 L30.4374751,18.0000668 C30.1458088,18.0000668 29.8749765,18.0729836 29.6249771,18.2188162 C29.3749776,18.3646489 29.1874781,18.5625654 29.0624784,18.8125648 L28.4999797,20.0000668 L21.5,20.0000668 C21.0833304,20.0000668 20.7291652,20.1458947 20.437499,20.4375609 C20.1458327,20.7292272 20,21.0833924 20,21.5000668 L20,23.2500542 C20,23.4583868 20.0729168,23.6354703 20.2187495,23.781303 C20.3645821,23.9271356 20.5416657,24.0000525 20.7499982,24.0000525 L47.249935,24.0000525 Z M42.9999452,49.9999905 C43.8332762,49.9999905 44.5416085,49.7083242 45.1249401,49.1249925 C45.7082717,48.5416609 45.999938,47.8333286 45.999938,46.9999976 L45.999938,26.7500459 C45.999938,26.5417134 45.9270212,26.3646298 45.7811885,26.2187972 C45.6353559,26.0729645 45.4582723,26.0000477 45.2499398,26.0000477 L22.7499934,26.0000477 C22.5416609,26.0000477 22.3645774,26.0729645 22.2187447,26.2187972 C22.072912,26.3646298 21.9999952,26.5417134 21.9999952,26.7500459 L21.9999952,46.9999976 C21.9999952,47.8333286 22.2916615,48.5416609 22.8749931,49.1249925 C23.4583248,49.7083242 24.1666571,49.9999905 24.9999952,49.9999905 L42.9999452,49.9999905 Z M27.9999833,46 C27.7083146,46 27.4687322,45.9062502 27.2812326,45.7187507 C27.0937331,45.5312511 26.9999833,45.2916687 26.9999833,45.0000024 L26.9999833,31.0000381 C26.9999833,30.7083695 27.0937331,30.468787 27.2812326,30.2812875 C27.4687322,30.0937879 27.7083146,30.0000381 27.9999833,30.0000381 C28.2916472,30.0000381 28.5312297,30.0937879 28.7187292,30.2812875 C28.9062288,30.468787 28.9999833,30.7083695 28.9999833,31.0000381 L28.9999833,45.0000024 C28.9999833,45.2916687 28.9062288,45.5312511 28.7187292,45.7187507 C28.5312297,45.9062502 28.2916472,46 27.9999833,46 Z M33.999969,46 C33.7083003,46 33.4687179,45.9062502 33.2812183,45.7187507 C33.0937188,45.5312511 32.999969,45.2916687 32.999969,45.0000024 L32.999969,31.0000381 C32.999969,30.7083695 33.0937188,30.468787 33.2812183,30.2812875 C33.4687179,30.0937879 33.7083003,30.0000381 33.999969,30.0000381 C34.2916329,30.0000381 34.5312154,30.0937879 34.7187149,30.2812875 C34.9062145,30.468787 34.999969,30.7083695 34.999969,31.0000381 L34.999969,45.0000024 C34.999969,45.2916687 34.9062145,45.5312511 34.7187149,45.7187507 C34.5312154,45.9062502 34.2916329,46 33.999969,46 Z M39.9999547,46 C39.708286,46 39.4687036,45.9062502 39.281204,45.7187507 C39.0937045,45.5312511 38.9999547,45.2916687 38.9999547,45.0000024 L38.9999547,31.0000381 C38.9999547,30.7083695 39.0937045,30.468787 39.281204,30.2812875 C39.4687036,30.0937879 39.708286,30.0000381 39.9999547,30.0000381 C40.2916186,30.0000381 40.531201,30.0937879 40.7187006,30.2812875 C40.9062002,30.468787 40.9999547,30.7083695 40.9999547,31.0000381 L40.9999547,45.0000024 C40.9999547,45.2916687 40.9062002,45.5312511 40.7187006,45.7187507 C40.531201,45.9062502 40.2916186,46 39.9999547,46 Z"
-            id="t"
-            fill="#292A33"
-            fillRule="nonzero"
-          ></path>
-        </g>
-      </g>
-    </g>
+      clipRule="evenodd"
+      d="M33.4179 16.7612C33.5671 16.7612 33.694 16.7089 33.7985 16.6045C33.9029 16.5 33.9552 16.3731 33.9552 16.2239V14.9701C33.9552 14.6716 33.8507 14.4179 33.6417 14.2089C33.4328 14 33.1791 13.8955 32.8806 13.8955H27.8656L27.4627 13.0448C27.3731 12.8657 27.2388 12.7239 27.0597 12.6194C26.8806 12.5149 26.6865 12.4627 26.4776 12.4627H21.3731C21.1642 12.4627 20.9701 12.5149 20.791 12.6194C20.6119 12.7239 20.4776 12.8657 20.388 13.0448L19.9851 13.8955H14.9701C14.6716 13.8955 14.4179 14 14.209 14.2089C14 14.4179 13.8955 14.6716 13.8955 14.9701V16.2239C13.8955 16.3731 13.9478 16.5 14.0522 16.6045C14.1567 16.7089 14.2836 16.7612 14.4328 16.7612H33.4179ZM30.3731 35.388C30.9701 35.388 31.4776 35.179 31.8955 34.7611C32.3134 34.3432 32.5223 33.8358 32.5223 33.2388V18.7313C32.5223 18.5821 32.4701 18.4552 32.3656 18.3507C32.2611 18.2463 32.1343 18.194 31.985 18.194H15.8657C15.7164 18.194 15.5895 18.2463 15.4851 18.3507C15.3806 18.4552 15.3284 18.5821 15.3284 18.7313V33.2388C15.3284 33.8358 15.5373 34.3432 15.9552 34.7611C16.3731 35.179 16.8806 35.388 17.4776 35.388H30.3731ZM19.1119 32.3208C19.2463 32.4552 19.4179 32.5223 19.6269 32.5223C19.8358 32.5223 20.0074 32.4552 20.1418 32.3208C20.2761 32.1865 20.3433 32.0149 20.3433 31.8059V21.7761C20.3433 21.5671 20.2761 21.3955 20.1418 21.2612C20.0074 21.1268 19.8358 21.0597 19.6269 21.0597C19.4179 21.0597 19.2463 21.1268 19.1119 21.2612C18.9776 21.3955 18.9104 21.5671 18.9104 21.7761V31.8059C18.9104 32.0149 18.9776 32.1865 19.1119 32.3208ZM23.9254 32.5223C23.7164 32.5223 23.5448 32.4552 23.4104 32.3208C23.2761 32.1865 23.2089 32.0149 23.2089 31.8059V21.7761C23.2089 21.5671 23.2761 21.3955 23.4104 21.2612C23.5448 21.1268 23.7164 21.0597 23.9254 21.0597C24.1343 21.0597 24.3059 21.1268 24.4403 21.2612C24.5746 21.3955 24.6418 21.5671 24.6418 21.7761V31.8059C24.6418 32.0149 24.5746 32.1865 24.4403 32.3208C24.3059 32.4552 24.1343 32.5223 23.9254 32.5223ZM27.7089 32.3208C27.8433 32.4552 28.0149 32.5223 28.2238 32.5223C28.4328 32.5223 28.6044 32.4552 28.7388 32.3208C28.8731 32.1865 28.9403 32.0149 28.9403 31.8059V21.7761C28.9403 21.5671 28.8731 21.3955 28.7388 21.2612C28.6044 21.1268 28.4328 21.0597 28.2238 21.0597C28.0149 21.0597 27.8433 21.1268 27.7089 21.2612C27.5746 21.3955 27.5074 21.5671 27.5074 21.7761V31.8059C27.5074 32.0149 27.5746 32.1865 27.7089 32.3208Z"
+      fill="#FEFEFE"
+    />
   </svg>
 );
 

package/src/components/molecules/obligation/icons/AccountGasIcon.js

@@ -1,93 +1,21 @@
 import React from "react";
 
-const AccountGasIcon = () => (
+const AccountGasIcon = ({ color }) => (
   <svg
-    width="51px"
-    height="51px"
-    viewBox="0 0 81 81"
-    version="1.1"
+    width="48"
+    height="48"
+    viewBox="0 0 48 48"
+    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
   >
-    <defs>
-      <circle id="account-gas-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
-      <filter
-        x="-17.2%"
-        y="-14.2%"
-        width="134.3%"
-        height="134.3%"
-        filterUnits="objectBoundingBox"
-        id="account-gas-filter-2"
-      >
-        <feOffset
-          dx="0"
-          dy="-4"
-          in="SourceAlpha"
-          result="shadowOffsetOuter1"
-        ></feOffset>
-        <feColorMatrix
-          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
-          type="matrix"
-          in="shadowOffsetOuter1"
-          result="shadowMatrixOuter1"
-        ></feColorMatrix>
-        <feOffset
-          dx="0"
-          dy="2"
-          in="SourceAlpha"
-          result="shadowOffsetOuter2"
-        ></feOffset>
-        <feGaussianBlur
-          stdDeviation="3.5"
-          in="shadowOffsetOuter2"
-          result="shadowBlurOuter2"
-        ></feGaussianBlur>
-        <feColorMatrix
-          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
-          type="matrix"
-          in="shadowBlurOuter2"
-          result="shadowMatrixOuter2"
-        ></feColorMatrix>
-        <feMerge>
-          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
-        </feMerge>
-      </filter>
-    </defs>
-    <g
-      id="account-gas-Profile-/-Icons"
-      stroke="none"
-      strokeWidth="1"
-      fill="none"
-      fillRule="evenodd"
-    >
-      <g id="Outlined" transform="translate(-91.000000, -339.000000)">
-        <g
-          id="account-gas-Profile-Obligation-Icon-/-Account---Gas"
-          transform="translate(98.000000, 344.000000)"
-        >
-          <g id="Oval-Copy-6">
-            <use
-              fill="black"
-              fillOpacity="1"
-              filter="url(#account-gas-filter-2)"
-              xlinkHref="#account-gas-path-1"
-            ></use>
-            <use
-              fill="#FFFFFF"
-              fillRule="evenodd"
-              xlinkHref="#account-gas-path-1"
-            ></use>
-          </g>
-          <path
-            d="M33.9999714,49.9999905 C36.1666332,49.9999905 38.1666284,49.4583248 39.9999571,48.3749943 C41.8332857,47.2916639 43.2916162,45.8333334 44.3749467,44.0000048 C45.4582771,42.1666761 45.9999428,40.1666809 45.9999428,38.0000191 C45.9999428,36.1666904 45.6874435,34.4583605 45.062445,32.8750313 C44.5207793,31.6250343 43.7291152,30.3958702 42.6874507,29.1875401 C42.0624522,28.4792088 41.0832875,27.5000441 39.7499577,26.2500471 C38.2916281,24.9167173 37.3124635,23.8750528 36.8124647,23.1250545 C35.9374668,21.9583903 35.4999678,20.7500602 35.4999678,19.5000632 C35.4999678,19.0000644 35.3333012,18.6146483 34.999969,18.3438159 C34.6666368,18.0729836 34.2708038,17.9583999 33.8124718,18.0000668 C33.3541399,18.0417336 32.9999738,18.2708991 32.7499744,18.6875651 C31.1666451,20.9375598 30.2708133,22.937555 30.0624808,24.6875508 C29.8541483,26.1042144 30.1041477,27.3958774 30.812479,28.5625416 C31.229145,29.2708729 32.041643,30.2083707 33.2499732,31.3750349 C34.166638,32.2916997 34.7916365,33.000031 35.1249687,33.5000298 C35.7083003,34.2916949 35.9999666,35.1250259 35.9999666,36.0000238 C35.9999666,37.1250212 35.6041345,38.0729359 34.8124695,38.8437671 C34.0208044,39.6145982 33.0728906,40.0000143 31.9687262,40.0000143 C30.8645619,40.0000143 29.9270641,39.6041822 29.1562329,38.8125171 C28.3854018,38.020852 27.9999857,37.0625213 27.9999857,35.937524 L27.9999857,35.937524 L27.9999857,30.6250367 C27.9999857,30.1667047 27.854153,29.8021216 27.5624867,29.5312893 C27.2708204,29.2604569 26.9166553,29.1146233 26.4999893,29.0937903 C26.0833233,29.0729573 25.7291581,29.229207 25.4374918,29.5625392 C24.4791611,30.5625368 23.687496,31.729201 23.0624975,33.0625308 C22.3541661,34.6458601 22,36.2916901 22,38.0000191 C22,40.1666809 22.5416657,42.1666761 23.6249961,44.0000048 C24.7083266,45.8333334 26.1666571,47.2916639 27.9999857,48.3749943 C29.8333143,49.4583248 31.8333096,49.9999905 33.9999714,49.9999905 Z"
-            id="f"
-            fill="#292A33"
-            fillRule="nonzero"
-          ></path>
-        </g>
-      </g>
-    </g>
+    <path
+      d="M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z"
+      fill={color}
+    />
+    <path
+      d="M23.9253 35.394C25.4776 35.394 26.9104 35.0059 28.2238 34.2298C29.5373 33.4537 30.5821 32.4089 31.3582 31.0955C32.1343 29.7821 32.5223 28.3492 32.5223 26.797C32.5223 25.4836 32.2985 24.2597 31.8507 23.1254C31.4626 22.2298 30.8955 21.3493 30.1492 20.4836C29.7015 19.9761 29 19.2746 28.0447 18.3791C27 17.4239 26.2985 16.6776 25.9403 16.1403C25.3134 15.3045 25 14.4388 25 13.5433C25 13.1851 24.8806 12.909 24.6418 12.7149C24.403 12.5209 24.1194 12.4388 23.791 12.4687C23.4627 12.4985 23.2089 12.6627 23.0298 12.9612C21.8955 14.5732 21.2537 16.006 21.1045 17.2597C20.9552 18.2746 21.1343 19.2 21.6418 20.0358C21.9403 20.5433 22.5224 21.2149 23.388 22.0507C24.0448 22.7075 24.4925 23.2149 24.7313 23.5731C25.1492 24.1403 25.3582 24.7373 25.3582 25.3642C25.3582 26.1701 25.0746 26.8492 24.5074 27.4015C23.9403 27.9537 23.2612 28.2298 22.4701 28.2298C21.6791 28.2298 21.0074 27.9463 20.4552 27.3791C19.903 26.8119 19.6269 26.1254 19.6269 25.3194V25.3194V21.5134C19.6269 21.1851 19.5224 20.9239 19.3134 20.7299C19.1045 20.5358 18.8507 20.4313 18.5522 20.4164C18.2537 20.4015 18 20.5134 17.791 20.7522C17.1045 21.4687 16.5373 22.3045 16.0895 23.2597C15.5821 24.394 15.3284 25.5731 15.3284 26.797C15.3284 28.3492 15.7164 29.7821 16.4925 31.0955C17.2686 32.4089 18.3134 33.4537 19.6269 34.2298C20.9403 35.0059 22.3731 35.394 23.9253 35.394Z"
+      fill="#FEFEFE"
+    />
   </svg>
 );
 

package/src/components/molecules/obligation/icons/AccountGenericIcon.js

@@ -1,88 +1,23 @@
 import React from "react";
 
-const AccountGenericIcon = () => (
+const AccountGenericIcon = ({ color }) => (
   <svg
-    width="51px"
-    height="51px"
-    viewBox="0 0 81 81"
-    version="1.1"
+    width="48"
+    height="48"
+    viewBox="0 0 48 48"
+    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
   >
-    <defs>
-      <circle id="account-generic-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
-      <filter
-        x="-17.2%"
-        y="-14.2%"
-        width="134.3%"
-        height="134.3%"
-        filterUnits="objectBoundingBox"
-        id="account-generic-filter-2"
-      >
-        <feOffset
-          dx="0"
-          dy="-4"
-          in="SourceAlpha"
-          result="shadowOffsetOuter1"
-        ></feOffset>
-        <feColorMatrix
-          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
-          type="matrix"
-          in="shadowOffsetOuter1"
-          result="shadowMatrixOuter1"
-        ></feColorMatrix>
-        <feOffset
-          dx="0"
-          dy="2"
-          in="SourceAlpha"
-          result="shadowOffsetOuter2"
-        ></feOffset>
-        <feGaussianBlur
-          stdDeviation="3.5"
-          in="shadowOffsetOuter2"
-          result="shadowBlurOuter2"
-        ></feGaussianBlur>
-        <feColorMatrix
-          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
-          type="matrix"
-          in="shadowBlurOuter2"
-          result="shadowMatrixOuter2"
-        ></feColorMatrix>
-        <feMerge>
-          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
-        </feMerge>
-      </filter>
-    </defs>
-    <g
-      id="AccountGeneric"
-      stroke="none"
-      strokeWidth="1"
-      fill="none"
+    <path
+      d="M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z"
+      fill={color}
+    />
+    <path
       fillRule="evenodd"
-    >
-      <g id="AccountGenericIcon" transform="translate(7.000000, 5.000000)">
-        <g id="Oval-Copy-6">
-          <use
-            fill="black"
-            fillOpacity="1"
-            filter="url(#account-generic-filter-2)"
-            xlinkHref="#account-generic-path-1"
-          ></use>
-          <use
-            fill="#FFFFFF"
-            fillRule="evenodd"
-            xlinkHref="#account-generic-path-1"
-          ></use>
-        </g>
-        <path
-          d="M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M31.4999774,24.0000572 L26.4999905,24.0000572 C26.3749896,24.0000572 26.2604068,23.9479696 26.1562401,23.8438028 C26.0520734,23.7396361 25.9999905,23.6250533 25.9999905,23.5000572 L25.9999905,23.5000572 L25.9999905,22.5000572 C25.9999905,22.3750563 26.0520734,22.2604736 26.1562401,22.1563068 C26.2604068,22.0521401 26.3749896,22.0000572 26.4999905,22.0000572 L26.4999905,22.0000572 L31.4999774,22.0000572 C31.6249771,22.0000572 31.7395598,22.0521401 31.8437265,22.1563068 C31.9478933,22.2604736 31.9999762,22.3750563 31.9999762,22.5000572 L31.9999762,22.5000572 L31.9999762,23.5000572 C31.9999762,23.6250533 31.9478933,23.7396361 31.8437265,23.8438028 C31.7395598,23.9479696 31.6249771,24.0000572 31.4999774,24.0000572 L31.4999774,24.0000572 Z M31.4999774,28.0000477 L26.4999905,28.0000477 C26.3749896,28.0000477 26.2604068,27.94796 26.1562401,27.8437933 C26.0520734,27.7396266 25.9999905,27.6250438 25.9999905,27.5000477 L25.9999905,27.5000477 L25.9999905,26.5000477 C25.9999905,26.3750468 26.0520734,26.260464 26.1562401,26.1562973 C26.2604068,26.0521306 26.3749896,26.0000477 26.4999905,26.0000477 L26.4999905,26.0000477 L31.4999774,26.0000477 C31.6249771,26.0000477 31.7395598,26.0521306 31.8437265,26.1562973 C31.9478933,26.260464 31.9999762,26.3750468 31.9999762,26.5000477 L31.9999762,26.5000477 L31.9999762,27.5000477 C31.9999762,27.6250438 31.9478933,27.7396266 31.8437265,27.8437933 C31.7395598,27.94796 31.6249771,28.0000477 31.4999774,28.0000477 L31.4999774,28.0000477 Z M40.9999547,40.0000143 L26.9999905,40.0000143 C26.7083218,40.0000143 26.4687393,39.9062645 26.2812398,39.718765 C26.0937402,39.5312654 25.9999905,39.291683 25.9999905,39.0000167 L25.9999905,39.0000167 L25.9999905,33.0000334 C25.9999905,32.7083647 26.0937402,32.4687823 26.2812398,32.2812827 C26.4687393,32.0937832 26.7083218,32.0000334 26.9999905,32.0000334 L26.9999905,32.0000334 L40.9999547,32.0000334 C41.291621,32.0000334 41.5312034,32.0937832 41.718703,32.2812827 C41.9062025,32.4687823 41.9999523,32.7083647 41.9999523,33.0000334 L41.9999523,33.0000334 L41.9999523,39.0000167 C41.9999523,39.291683 41.9062025,39.5312654 41.718703,39.718765 C41.5312034,39.9062645 41.291621,40.0000143 40.9999547,40.0000143 L40.9999547,40.0000143 Z M39.9999571,38.0000286 L39.9999571,34.0000286 L27.9999857,34.0000286 L27.9999857,38.0000286 L39.9999571,38.0000286 Z M41.4999535,46.0000048 L36.4999666,46.0000048 C36.3749657,46.0000048 36.260383,45.9479171 36.1562162,45.8437504 C36.0520495,45.7395836 35.9999666,45.6250009 35.9999666,45.5000048 L35.9999666,45.5000048 L35.9999666,44.5000048 C35.9999666,44.3750039 36.0520495,44.2604211 36.1562162,44.1562544 C36.260383,44.0520877 36.3749657,44.0000048 36.4999666,44.0000048 L36.4999666,44.0000048 L41.4999535,44.0000048 C41.6249532,44.0000048 41.739536,44.0520877 41.8437027,44.1562544 C41.9478694,44.2604211 41.9999523,44.3750039 41.9999523,44.5000048 L41.9999523,44.5000048 L41.9999523,45.5000048 C41.9999523,45.6250009 41.9478694,45.7395836 41.8437027,45.8437504 C41.739536,45.9479171 41.6249532,46.0000048 41.4999535,46.0000048 L41.4999535,46.0000048 Z"
-          id="f"
-          fill="#292A33"
-          fillRule="nonzero"
-        ></path>
-      </g>
-    </g>
+      clipRule="evenodd"
+      d="M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2187 22.5 16.125V15.375C22.5 15.2812 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2812 18 15.375V16.125C18 16.2187 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2187 18 19.125V18.375C18 18.2812 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2812 22.5 18.375V19.125C22.5 19.2187 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM18.75 28.5H29.25C29.4687 28.5 29.6484 28.4297 29.7891 28.2891C29.9297 28.1484 30 27.9688 30 27.75V23.25C30 23.0313 29.9297 22.8516 29.7891 22.7109C29.6484 22.5703 29.4687 22.5 29.25 22.5H18.75C18.5312 22.5 18.3516 22.5703 18.2109 22.7109C18.0703 22.8516 18 23.0313 18 23.25V27.75C18 27.9688 18.0703 28.1484 18.2109 28.2891C18.3516 28.4297 18.5312 28.5 18.75 28.5ZM28.5 27V24H19.5V27H28.5ZM25.875 33H29.625C29.7188 33 29.8047 32.9609 29.8828 32.8828C29.9609 32.8047 30 32.7187 30 32.625V31.875C30 31.7813 29.9609 31.6953 29.8828 31.6172C29.8047 31.5391 29.7188 31.5 29.625 31.5H25.875C25.7812 31.5 25.6953 31.5391 25.6172 31.6172C25.5391 31.6953 25.5 31.7813 25.5 31.875V32.625C25.5 32.7187 25.5391 32.8047 25.6172 32.8828C25.6953 32.9609 25.7812 33 25.875 33Z"
+      fill="#FEFEFE"
+    />
   </svg>
 );
 

package/src/components/molecules/obligation/icons/AccountMedicalIcon.js

@@ -1,93 +1,23 @@
 import React from "react";
 
-const AccountMedicalIcon = () => (
+const AccountMedicalIcon = ({ color }) => (
   <svg
-    width="51px"
-    height="51px"
-    viewBox="0 0 81 81"
-    version="1.1"
+    width="48"
+    height="48"
+    viewBox="0 0 48 48"
+    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
   >
-    <defs>
-      <circle id="account-medical-path-1" cx="33.5" cy="33.5" r="33.5"></circle>
-      <filter
-        x="-17.2%"
-        y="-14.2%"
-        width="134.3%"
-        height="134.3%"
-        filterUnits="objectBoundingBox"
-        id="account-medical-filter-2"
-      >
-        <feOffset
-          dx="0"
-          dy="-4"
-          in="SourceAlpha"
-          result="shadowOffsetOuter1"
-        ></feOffset>
-        <feColorMatrix
-          values="0 0 0 0 0.964705882   0 0 0 0 0.964705882   0 0 0 0 0.976470588  0 0 0 1 0"
-          type="matrix"
-          in="shadowOffsetOuter1"
-          result="shadowMatrixOuter1"
-        ></feColorMatrix>
-        <feOffset
-          dx="0"
-          dy="2"
-          in="SourceAlpha"
-          result="shadowOffsetOuter2"
-        ></feOffset>
-        <feGaussianBlur
-          stdDeviation="3.5"
-          in="shadowOffsetOuter2"
-          result="shadowBlurOuter2"
-        ></feGaussianBlur>
-        <feColorMatrix
-          values="0 0 0 0 0.161570617   0 0 0 0 0.163300979   0 0 0 0 0.199501812  0 0 0 0.3 0"
-          type="matrix"
-          in="shadowBlurOuter2"
-          result="shadowMatrixOuter2"
-        ></feColorMatrix>
-        <feMerge>
-          <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-          <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
-        </feMerge>
-      </filter>
-    </defs>
-    <g
-      id="account-medical-Profile-/-Icons"
-      stroke="none"
-      strokeWidth="1"
-      fill="none"
+    <path
+      d="M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z"
+      fill={color}
+    />
+    <path
       fillRule="evenodd"
-    >
-      <g id="Outlined" transform="translate(-91.000000, -110.000000)">
-        <g
-          id="account-medical-Profile-Obligation-Icon-/-Account---Medical"
-          transform="translate(98.000000, 115.000000)"
-        >
-          <g id="Oval-Copy-6">
-            <use
-              fill="black"
-              fillOpacity="1"
-              filter="url(#account-medical-filter-2)"
-              xlinkHref="#account-medical-path-1"
-            ></use>
-            <use
-              fill="#FFFFFF"
-              fillRule="evenodd"
-              xlinkHref="#account-medical-path-1"
-            ></use>
-          </g>
-          <path
-            d="M45.9999428,26.0000477 L45.9999428,25.6250486 C45.9999428,25.2083826 45.8541101,24.8542174 45.5624438,24.5625511 L45.5624438,24.5625511 L39.4374584,18.4375657 C39.1457921,18.1458994 38.791627,18.0000668 38.374961,18.0000668 L38.374961,18.0000668 L37.9999619,18.0000668 L37.9999619,26.0000477 L45.9999428,26.0000477 Z M44.4999464,49.9999905 C44.9166123,49.9999905 45.2707775,49.8541578 45.5624438,49.5624915 C45.8541101,49.2708252 45.9999428,48.91666 45.9999428,48.499994 L45.9999428,48.499994 L45.9999428,28.0000429 L37.499963,28.0000429 C37.0832971,28.0000429 36.7291319,27.8542102 36.4374656,27.562544 C36.1457993,27.2708777 35.9999666,26.9167125 35.9999666,26.5000465 L35.9999666,26.5000465 L35.9999666,18.0000668 L23.5,18.0000668 C23.0833304,18.0000668 22.7291652,18.1458994 22.437499,18.4375657 C22.1458327,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,48.499994 C22,48.91666 22.1458327,49.2708252 22.437499,49.5624915 C22.7291652,49.8541578 23.0833304,49.9999905 23.5,49.9999905 L23.5,49.9999905 L44.4999464,49.9999905 Z M35.4999678,44.0000048 L32.499975,44.0000048 C32.3749753,44.0000048 32.2603925,43.9479219 32.1562258,43.8437551 C32.052059,43.7395884 31.9999857,43.6250057 31.9999857,43.500006 L31.9999857,43.500006 L31.9999857,40.0000143 L28.4999857,40.0000143 C28.3749848,40.0000143 28.2604021,39.9479314 28.1562353,39.8437647 C28.0520686,39.7395979 27.9999857,39.6250152 27.9999857,39.5000155 L27.9999857,39.5000155 L27.9999857,36.5000226 C27.9999857,36.3750229 28.0520686,36.2604402 28.1562353,36.1562735 C28.2604021,36.0521067 28.3749848,36.0000334 28.4999857,36.0000334 L28.4999857,36.0000334 L31.9999857,36.0000334 L31.9999857,32.5000334 C31.9999857,32.3750325 32.052059,32.2604497 32.1562258,32.156283 C32.2603925,32.0521163 32.3749753,32.0000334 32.499975,32.0000334 L32.499975,32.0000334 L35.4999678,32.0000334 C35.6249675,32.0000334 35.7395503,32.0521163 35.843717,32.156283 C35.9478837,32.2604497 35.9999666,32.3750325 35.9999666,32.5000334 L35.9999666,32.5000334 L35.9999666,36.0000334 L39.4999583,36.0000334 C39.624958,36.0000334 39.7395407,36.0521067 39.8437075,36.1562735 C39.9478742,36.2604402 39.9999571,36.3750229 39.9999571,36.5000226 L39.9999571,36.5000226 L39.9999571,39.5000155 C39.9999571,39.6250152 39.9478742,39.7395979 39.8437075,39.8437647 C39.7395407,39.9479314 39.624958,40.0000143 39.4999583,40.0000143 L39.4999583,40.0000143 L35.9999666,40.0000143 L35.9999666,43.500006 C35.9999666,43.6250057 35.9478837,43.7395884 35.843717,43.8437551 C35.7395503,43.9479219 35.6249675,44.0000048 35.4999678,44.0000048 L35.4999678,44.0000048 Z"
-            id="f"
-            fill="#292A33"
-            fillRule="nonzero"
-          ></path>
-        </g>
-      </g>
-    </g>
+      clipRule="evenodd"
+      d="M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4063 32.8906 17.1406 32.6718 16.9219L28.0781 12.3281C27.8593 12.1094 27.5937 12 27.2812 12H27V18H33ZM22.875 31.5H25.125C25.2187 31.5 25.3047 31.4609 25.3828 31.3828C25.4609 31.3047 25.5 31.2188 25.5 31.125V28.5H28.125C28.2187 28.5 28.3047 28.4609 28.3828 28.3828C28.4609 28.3047 28.5 28.2188 28.5 28.125V25.875C28.5 25.7812 28.4609 25.6953 28.3828 25.6172C28.3047 25.5391 28.2187 25.5 28.125 25.5H25.5V22.875C25.5 22.7812 25.4609 22.6953 25.3828 22.6172C25.3047 22.5391 25.2187 22.5 25.125 22.5H22.875C22.7812 22.5 22.6953 22.5391 22.6172 22.6172C22.539 22.6953 22.5 22.7812 22.5 22.875V25.5H19.875C19.7812 25.5 19.6953 25.5391 19.6172 25.6172C19.539 25.6953 19.5 25.7812 19.5 25.875V28.125C19.5 28.2188 19.539 28.3047 19.6172 28.3828C19.6953 28.4609 19.7812 28.5 19.875 28.5H22.5V31.125C22.5 31.2188 22.539 31.3047 22.6172 31.3828C22.6953 31.4609 22.7812 31.5 22.875 31.5Z"
+      fill="#FEFEFE"
+    />
   </svg>
 );