@thecb/components 2.2.0

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

@@ -0,0 +1,94 @@
+import React from "react";
+
+const AccountWaterIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="account-water-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-water-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-water-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(-91.000000, -567.000000)">
+        <g
+          id="account-water-Profile-Obligation-Icon-/-Account---Water"
+          transform="translate(98.000000, 572.000000)"
+        >
+          <g id="Oval-Copy-6">
+            <use
+              fill="black"
+              fillOpacity="1"
+              filter="url(#account-water-filter-2)"
+              xlinkHref="#account-water-path-1"
+            ></use>
+            <use
+              fill="#FFFFFF"
+              fillRule="evenodd"
+              xlinkHref="#account-water-path-1"
+            ></use>
+          </g>
+          <path
+            d="M33.9999738,49.9999905 C35.999969,49.9999905 37.8437146,49.4999917 39.5312106,48.499994 C41.2187066,47.4999964 42.5520364,46.1458327 43.531201,44.4375037 C44.5103657,42.7291748 44.9999475,40.8750122 44.9999475,38.875017 C44.9999475,37.208354 44.6249484,35.6041918 43.8749502,34.0625285 C43.4166183,33.1041977 42.5416204,31.6979511 41.2499565,29.8437885 C39.9582926,27.989626 38.9999619,26.5000465 38.3749633,25.3750492 C37.2916329,23.4583868 36.437468,21.4583915 35.8124695,19.3750635 C35.6458029,18.7917319 35.3020537,18.3854828 34.7812219,18.1563164 C34.2603901,17.9271499 33.7395574,17.9271499 33.2187256,18.1563164 C32.6978939,18.3854828 32.3541447,18.7917319 32.1874781,19.3750635 C31.5624796,21.4583915 30.7291486,23.4375538 29.6874841,25.3125493 C29.0208187,26.4375466 28.041655,27.9375431 26.7499911,29.8125386 C25.4583272,31.6875341 24.5833292,33.1041977 24.1249973,34.0625285 C23.3749991,35.6458577 23,37.2500209 23,38.875017 C23,40.8750122 23.4895818,42.7291748 24.4687465,44.4375037 C25.4479111,46.1458327 26.781241,47.4999964 28.468737,48.499994 C30.1562329,49.4999917 31.9999785,49.9999905 33.9999738,49.9999905 Z M33.9999738,46 C32.7499768,46 31.5833126,45.6875007 30.4999905,45.0625022 C29.4166517,44.4375037 28.5624867,43.5833388 27.9374882,42.5000083 C27.3124897,41.4166779 26.9999905,40.2500137 26.9999905,39.0000191 C26.9999905,38.7083504 27.0937402,38.468768 27.2812398,38.2812684 C27.4687393,38.0937688 27.7083218,38.0000191 27.9999905,38.0000191 C28.2916544,38.0000191 28.5312368,38.0937688 28.7187364,38.2812684 C28.9062359,38.468768 28.9999905,38.7083504 28.9999905,39.0000191 C28.9999905,40.3750134 29.4895675,41.5520936 30.4687322,42.5312583 C31.4478968,43.5104229 32.6249771,44.0000048 33.9999738,44.0000048 C34.2916401,44.0000048 34.5312225,44.0937545 34.7187221,44.2812541 C34.9062216,44.4687537 34.9999714,44.7083361 34.9999714,45.0000024 C34.9999714,45.2916687 34.9062216,45.5312511 34.7187221,45.7187507 C34.5312225,45.9062502 34.2916401,46 33.9999738,46 Z"
+            id="t"
+            fill="#292A33"
+            fillRule="nonzero"
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default AccountWaterIcon;

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

@@ -0,0 +1,99 @@
+import React from "react";
+
+const PropertyApartmentIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="apt-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="apt-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="apt-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(7.000000, -456.000000)">
+        <g
+          id="Potentail-future-property"
+          transform="translate(0.000000, 231.000000)"
+        >
+          <g
+            id="apt-Profile-Obligation-Icon-/-Property---02-Apt-or-Condo"
+            transform="translate(0.000000, 230.000000)"
+          >
+            <g id="Oval-Copy">
+              <use
+                fill="black"
+                fillOpacity="1"
+                filter="url(#apt-filter-2)"
+                xlinkHref="#apt-path-1"
+              ></use>
+              <use
+                fill="#FFFFFF"
+                fillRule="evenodd"
+                xlinkHref="#apt-path-1"
+              ></use>
+            </g>
+            <path
+              d="M47.9999332,49.9999905 L47.9999332,48.7499934 C47.9999332,48.5416609 47.9270164,48.3645774 47.7811838,48.2187447 C47.6353511,48.072912 47.4582675,47.9999952 47.249935,47.9999952 L47.249935,47.9999952 L45.999938,47.9999952 L45.999938,19.5000668 C45.999938,19.0833972 45.8541053,18.729232 45.5624391,18.4375657 C45.2707728,18.1458994 44.9166076,18.0000668 44.4999416,18.0000668 L44.4999416,18.0000668 L23.5,18.0000668 C23.0833257,18.0000668 22.7291605,18.1458994 22.4374942,18.4375657 C22.1458279,18.729232 22,19.0833972 22,19.5000668 L22,19.5000668 L22,47.9999952 L20.7499982,47.9999952 C20.5416657,47.9999952 20.3645821,48.072912 20.2187495,48.2187447 C20.0729168,48.3645774 20,48.5416609 20,48.7499934 L20,48.7499934 L20,49.9999905 L47.9999332,49.9999905 Z M31.2499732,26.0000572 L28.7499791,26.0000572 C28.5416466,26.0000572 28.3645631,25.9271309 28.2187304,25.7812982 C28.0728977,25.6354655 27.9999809,25.458382 27.9999809,25.2500495 L27.9999809,25.2500495 L27.9999809,22.7500554 C27.9999809,22.5417229 28.0728977,22.3646394 28.2187304,22.2188067 C28.3645631,22.072974 28.5416466,22.0000572 28.7499791,22.0000572 L28.7499791,22.0000572 L31.2499732,22.0000572 C31.4583057,22.0000572 31.6353892,22.072974 31.7812219,22.2188067 C31.9270546,22.3646394 31.9999809,22.5417229 31.9999809,22.7500554 L31.9999809,22.7500554 L31.9999809,25.2500495 C31.9999809,25.458382 31.9270546,25.6354655 31.7812219,25.7812982 C31.6353892,25.9271309 31.4583057,26.0000572 31.2499732,26.0000572 L31.2499732,26.0000572 Z M39.2499541,26.0000572 L36.7499601,26.0000572 C36.5416275,26.0000572 36.364544,25.9271309 36.2187113,25.7812982 C36.0728787,25.6354655 35.9999619,25.458382 35.9999619,25.2500495 L35.9999619,25.2500495 L35.9999619,22.7500554 C35.9999619,22.5417229 36.0728787,22.3646394 36.2187113,22.2188067 C36.364544,22.072974 36.5416275,22.0000572 36.7499601,22.0000572 L36.7499601,22.0000572 L39.2499541,22.0000572 C39.4582866,22.0000572 39.6353702,22.072974 39.7812028,22.2188067 C39.9270355,22.3646394 39.9999619,22.5417229 39.9999619,22.7500554 L39.9999619,22.7500554 L39.9999619,25.2500495 C39.9999619,25.458382 39.9270355,25.6354655 39.7812028,25.7812982 C39.6353702,25.9271309 39.4582866,26.0000572 39.2499541,26.0000572 L39.2499541,26.0000572 Z M31.2499732,32.0000429 L28.7499791,32.0000429 C28.5416466,32.0000429 28.3645631,31.9271166 28.2187304,31.7812839 C28.0728977,31.6354512 27.9999809,31.4583677 27.9999809,31.2500352 L27.9999809,31.2500352 L27.9999809,28.7500411 C27.9999809,28.5417086 28.0728977,28.3646251 28.2187304,28.2187924 C28.3645631,28.0729597 28.5416466,28.0000429 28.7499791,28.0000429 L28.7499791,28.0000429 L31.2499732,28.0000429 C31.4583057,28.0000429 31.6353892,28.0729597 31.7812219,28.2187924 C31.9270546,28.3646251 31.9999809,28.5417086 31.9999809,28.7500411 L31.9999809,28.7500411 L31.9999809,31.2500352 C31.9999809,31.4583677 31.9270546,31.6354512 31.7812219,31.7812839 C31.6353892,31.9271166 31.4583057,32.0000429 31.2499732,32.0000429 L31.2499732,32.0000429 Z M39.2499541,32.0000429 L36.7499601,32.0000429 C36.5416275,32.0000429 36.364544,31.9271166 36.2187113,31.7812839 C36.0728787,31.6354512 35.9999619,31.4583677 35.9999619,31.2500352 L35.9999619,31.2500352 L35.9999619,28.7500411 C35.9999619,28.5417086 36.0728787,28.3646251 36.2187113,28.2187924 C36.364544,28.0729597 36.5416275,28.0000429 36.7499601,28.0000429 L36.7499601,28.0000429 L39.2499541,28.0000429 C39.4582866,28.0000429 39.6353702,28.0729597 39.7812028,28.2187924 C39.9270355,28.3646251 39.9999619,28.5417086 39.9999619,28.7500411 L39.9999619,28.7500411 L39.9999619,31.2500352 C39.9999619,31.4583677 39.9270355,31.6354512 39.7812028,31.7812839 C39.6353702,31.9271166 39.4582866,32.0000429 39.2499541,32.0000429 L39.2499541,32.0000429 Z M31.2499732,38.0000286 L28.7499791,38.0000286 C28.5416466,38.0000286 28.3645631,37.9271023 28.2187304,37.7812696 C28.0728977,37.6354369 27.9999809,37.4583534 27.9999809,37.2500209 L27.9999809,37.2500209 L27.9999809,34.7500268 C27.9999809,34.5416943 28.0728977,34.3646108 28.2187304,34.2187781 C28.3645631,34.0729454 28.5416466,34.0000286 28.7499791,34.0000286 L28.7499791,34.0000286 L31.2499732,34.0000286 C31.4583057,34.0000286 31.6353892,34.0729454 31.7812219,34.2187781 C31.9270546,34.3646108 31.9999809,34.5416943 31.9999809,34.7500268 L31.9999809,34.7500268 L31.9999809,37.2500209 C31.9999809,37.4583534 31.9270546,37.6354369 31.7812219,37.7812696 C31.6353892,37.9271023 31.4583057,38.0000286 31.2499732,38.0000286 L31.2499732,38.0000286 Z M39.2499541,38.0000286 L36.7499601,38.0000286 C36.5416275,38.0000286 36.364544,37.9271023 36.2187113,37.7812696 C36.0728787,37.6354369 35.9999619,37.4583534 35.9999619,37.2500209 L35.9999619,37.2500209 L35.9999619,34.7500268 C35.9999619,34.5416943 36.0728787,34.3646108 36.2187113,34.2187781 C36.364544,34.0729454 36.5416275,34.0000286 36.7499601,34.0000286 L36.7499601,34.0000286 L39.2499541,34.0000286 C39.4582866,34.0000286 39.6353702,34.0729454 39.7812028,34.2187781 C39.9270355,34.3646108 39.9999619,34.5416943 39.9999619,34.7500268 L39.9999619,34.7500268 L39.9999619,37.2500209 C39.9999619,37.4583534 39.9270355,37.6354369 39.7812028,37.7812696 C39.6353702,37.9271023 39.4582866,38.0000286 39.2499541,38.0000286 L39.2499541,38.0000286 Z M35.9999714,47.9999952 L31.9999714,47.9999952 L31.9999714,42.7500077 C31.9999714,42.5416752 32.0728882,42.3645917 32.2187209,42.218759 C32.3645535,42.0729263 32.5416371,42.0000095 32.7499696,42.0000095 L32.7499696,42.0000095 L35.2499636,42.0000095 C35.4582962,42.0000095 35.6353797,42.0729263 35.7812124,42.218759 C35.927045,42.3645917 35.9999714,42.5416752 35.9999714,42.7500077 L35.9999714,42.7500077 L35.9999714,47.9999952 Z"
+              id="b"
+              fill="#292A33"
+              fillRule="nonzero"
+            ></path>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default PropertyApartmentIcon;

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

@@ -0,0 +1,94 @@
+import React from "react";
+
+const PropertyBusinessIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle
+        id="property-business-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="property-business-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="PropertyBusiness"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="PropertyBusinessIcon" transform="translate(7.000000, 5.000000)">
+        <g id="Oval-Copy-5">
+          <use
+            fill="black"
+            fillOpacity="1"
+            filter="url(#property-business-filter-2)"
+            xlinkHref="#property-business-path-1"
+          ></use>
+          <use
+            fill="#FFFFFF"
+            fillRule="evenodd"
+            xlinkHref="#property-business-path-1"
+          ></use>
+        </g>
+        <path
+          d="M48.4999273,47.9999952 C48.9165933,47.9999952 49.2707585,47.8541626 49.5624247,47.5624963 C49.854091,47.27083 49.9999237,46.9166648 49.9999237,46.4999988 L49.9999237,46.4999988 L49.9999237,29.5000393 C49.9999237,28.9167077 49.7395073,28.4792088 49.2186756,28.1875425 C48.6978438,27.8958762 48.187428,27.9167101 47.6874292,28.2500423 L47.6874292,28.2500423 L38.9999499,33.7500292 L38.9999499,29.5000393 C38.9999499,28.9167077 38.7395336,28.4792088 38.2187018,28.1875425 C37.69787,27.8958762 37.1874543,27.9167101 36.6874554,28.2500423 L36.6874554,28.2500423 L27.9999762,33.7500292 L27.9999762,21.500062 C27.9999762,21.0833924 27.8541435,20.7292272 27.5624772,20.4375609 C27.2708109,20.1458947 26.9166457,20.000062 26.4999797,20.000062 L26.4999797,20.000062 L19.5,20.000062 C19.0833304,20.000062 18.7291652,20.1458947 18.437499,20.4375609 C18.1458327,20.7292272 18,21.0833924 18,21.500062 L18,21.500062 L18,46.4999988 C18,46.9166648 18.1458327,47.27083 18.437499,47.5624963 C18.7291652,47.8541626 19.0833304,47.9999952 19.5,47.9999952 L19.5,47.9999952 L48.4999273,47.9999952 Z"
+          id="i"
+          fill="#292A33"
+          fillRule="nonzero"
+        ></path>
+      </g>
+    </g>
+  </svg>
+);
+
+export default PropertyBusinessIcon;

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

@@ -0,0 +1,99 @@
+import React from "react";
+
+const PropertyCarIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="car-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="car-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="car-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(7.000000, -686.000000)">
+        <g
+          id="Potentail-future-property"
+          transform="translate(0.000000, 231.000000)"
+        >
+          <g
+            id="car-Profile-Obligation-Icon-/-Property---Private-Car"
+            transform="translate(0.000000, 460.000000)"
+          >
+            <g id="Oval-Copy-6">
+              <use
+                fill="black"
+                fillOpacity="1"
+                filter="url(#car-filter-2)"
+                xlinkHref="#car-path-1"
+              ></use>
+              <use
+                fill="#FFFFFF"
+                fillRule="evenodd"
+                xlinkHref="#car-path-1"
+              ></use>
+            </g>
+            <path
+              d="M23.9999857,46 C24.5416514,46 25.0104003,45.8020835 25.4062323,45.4062514 C25.8020644,45.0104193 25.9999809,44.5416705 25.9999809,44.0000048 L25.9999809,44.0000048 L25.9999809,42.0000095 L41.9999428,42.0000095 L41.9999428,44.0000048 C41.9999428,44.5416705 42.1978593,45.0104193 42.5936914,45.4062514 C42.9895234,45.8020835 43.4582723,46 43.999938,46 L43.999938,46 L45.9999332,46 C46.5415989,46 47.0103478,45.8020835 47.4061799,45.4062514 C47.802012,45.0104193 47.9999285,44.5416705 47.9999285,44.0000048 L47.9999285,44.0000048 L47.9999285,40.6250128 C48.6665939,39.8750146 48.9999261,39.0000167 48.9999261,38.0000191 L48.9999261,38.0000191 L48.9999261,35.0000262 C48.9999261,33.7916961 48.5415942,32.7916985 47.6249294,32.0000334 L47.6249294,32.0000334 L48.8749264,32.0000334 C49.041593,32.0000334 49.1978426,31.9479505 49.3436753,31.8437838 C49.4895079,31.739617 49.5832577,31.6042013 49.6249246,31.4375347 L49.6249246,31.4375347 L49.9999237,29.9375383 C50.0415906,29.6875389 49.9895067,29.4687894 49.8436741,29.2812899 C49.6978414,29.0937903 49.4999249,29.0000405 49.2499255,29.0000405 L49.2499255,29.0000405 L45.4999344,29.0000405 L44.437437,26.3750468 C43.9374382,25.041717 43.0936902,23.9792195 41.906193,23.1875544 C40.7186958,22.3958893 39.395782,22.0000572 37.9374525,22.0000572 L37.9374525,22.0000572 L30.0624712,22.0000572 C28.6041417,22.0000572 27.2812279,22.3958893 26.0937307,23.1875544 C24.9062335,23.9792195 24.0624855,25.041717 23.5624867,26.3750468 L23.5624867,26.3750468 L22.4999893,29.0000405 L18.7499982,29.0000405 C18.4999988,29.0000405 18.3020823,29.0937903 18.1562496,29.2812899 C18.010417,29.4687894 17.9583331,29.6875389 18,29.9375383 L18,29.9375383 L18.3749991,31.4375347 C18.416666,31.6042013 18.5104158,31.739617 18.6562484,31.8437838 C18.8020811,31.9479505 18.9583307,32.0000334 19.1249973,32.0000334 L19.1249973,32.0000334 L20.3749943,32.0000334 C19.4583295,32.7916985 18.9999976,33.7916961 18.9999976,35.0000262 L18.9999976,35.0000262 L18.9999976,38.0000191 C18.9999976,39.0000167 19.3333298,39.8750146 19.9999952,40.6250128 L19.9999952,40.6250128 L19.9999952,44.0000048 C19.9999952,44.5416705 20.1979117,45.0104193 20.5937438,45.4062514 C20.9895759,45.8020835 21.4583248,46 21.9999905,46 L21.9999905,46 L23.9999857,46 Z M41.9999428,31.0000358 L25.9999809,31.0000358 L27.2499779,27.8750432 C27.4583105,27.3333775 27.8228936,26.8854626 28.3437253,26.5312964 C28.8645571,26.1771303 29.4374727,26.0000477 30.0624712,26.0000477 L30.0624712,26.0000477 L37.9999523,26.0000477 C38.5832839,26.0000477 39.1353666,26.1771303 39.6561984,26.5312964 C40.1770301,26.8854626 40.5416132,27.3333775 40.7499458,27.8750432 L40.7499458,27.8750432 L41.9999428,31.0000358 Z M24.4374847,38.0000286 L23.9999905,38.0000286 C23.4166541,38.0000286 22.9374882,37.8125195 22.5624891,37.4375204 C22.18749,37.0625213 21.9999905,36.5833555 21.9999905,36.0000286 C21.9999905,35.4166922 22.18749,34.9375264 22.5624891,34.5625273 C22.9374882,34.1875282 23.4166541,34.0000286 23.9999905,34.0000286 C24.5833173,34.0000286 25.2291497,34.3437778 25.9374811,35.0312762 C26.6458124,35.7187745 26.9999785,36.3750229 26.9999785,37.0000286 C26.9999785,37.4583534 26.7291462,37.7500197 26.1874805,37.8750194 C25.8541483,37.9583522 25.2708157,38.0000286 24.4374847,38.0000286 L24.4374847,38.0000286 Z M43.9999452,38.0000286 L43.5624391,38.0000286 C42.729108,38.0000286 42.1457754,37.9583522 41.8124432,37.8750194 C41.2707775,37.7500197 40.9999452,37.4583534 40.9999452,37.0000286 C40.9999452,36.3750229 41.3541113,35.7187745 42.0624426,35.0312762 C42.770774,34.3437778 43.4166064,34.0000286 43.9999452,34.0000286 C44.5832696,34.0000286 45.0624355,34.1875282 45.4374346,34.5625273 C45.8124337,34.9375264 45.9999332,35.4166922 45.9999332,36.0000286 C45.9999332,36.5833555 45.8124337,37.0625213 45.4374346,37.4375204 C45.0624355,37.8125195 44.5832696,38.0000286 43.9999452,38.0000286 L43.9999452,38.0000286 Z"
+              id="c"
+              fill="#292A33"
+              fillRule="nonzero"
+            ></path>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default PropertyCarIcon;

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

@@ -0,0 +1,100 @@
+import React from "react";
+
+const PropertyCommercialVehicleIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <title>Profile Obligation Icon / Property - Commercial Vehicle</title>
+    <defs>
+      <circle id="comm-vehicle-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="comm-vehicle-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="comm-vehicle-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(7.000000, -916.000000)">
+        <g
+          id="comm-vehicle-Potentail-future-property"
+          transform="translate(0.000000, 231.000000)"
+        >
+          <g
+            id="comm-vehicle-Profile-Obligation-Icon-/-Property---Commercial-Vehicle"
+            transform="translate(0.000000, 690.000000)"
+          >
+            <g id="Oval-Copy-6">
+              <use
+                fill="black"
+                fillOpacity="1"
+                filter="url(#comm-vehicle-filter-2)"
+                xlinkHref="#comm-vehicle-path-1"
+              ></use>
+              <use
+                fill="#FFFFFF"
+                fillRule="evenodd"
+                xlinkHref="#comm-vehicle-path-1"
+              ></use>
+            </g>
+            <path
+              d="M43.9999285,49.9999905 C45.6665915,49.9999905 47.0832541,49.4166588 48.2499183,48.2499946 C49.4165825,47.0833304 49.9999142,45.6666678 49.9999142,44.0000048 L49.9999142,44.0000048 L52.999907,44.0000048 C53.2915733,44.0000048 53.5311558,43.906255 53.7186553,43.7187554 C53.9061549,43.5312559 53.9999046,43.2916734 53.9999046,43.0000072 L53.9999046,43.0000072 L53.9999046,41.0000119 C53.9999046,40.7083456 53.9061549,40.4687632 53.7186553,40.2812636 C53.5311558,40.0937641 53.2915733,40.0000143 52.999907,40.0000143 L52.999907,40.0000143 L51.9999094,40.0000143 L51.9999094,33.2500304 C51.9999094,32.4166994 51.7082431,31.7083671 51.1249115,31.1250355 L51.1249115,31.1250355 L44.8749264,24.8750504 C44.2915948,24.2917187 43.5832625,24.0000525 42.7499315,24.0000525 L42.7499315,24.0000525 L39.999938,24.0000525 L39.999938,21.0000668 C39.999938,20.1667286 39.7082717,19.4583963 39.1249401,18.8750647 C38.5416085,18.291733 37.8332762,18.0000668 36.9999452,18.0000668 L36.9999452,18.0000668 L17,18.0000668 C16.1666618,18.0000668 15.4583295,18.291733 14.8749979,18.8750647 C14.2916663,19.4583963 14,20.1667286 14,21.0000668 L14,21.0000668 L14,41.0000119 C14,41.8333429 14.2916663,42.5416752 14.8749979,43.1250069 C15.4583295,43.7083385 16.1666618,44.0000048 17,44.0000048 L17,44.0000048 L18,44.0000048 C18,45.6666678 18.5833221,47.0833304 19.7499863,48.2499946 C20.9166505,49.4166588 22.3333131,49.9999905 23.9999762,49.9999905 C25.6666392,49.9999905 27.0833018,49.4166588 28.249966,48.2499946 C29.4166302,47.0833304 29.9999619,45.6666678 29.9999619,44.0000048 L29.9999619,44.0000048 L37.9999428,44.0000048 C37.9999428,45.6666678 38.5832744,47.0833304 39.7499386,48.2499946 C40.9166028,49.4166588 42.3332655,49.9999905 43.9999285,49.9999905 Z M48.9999166,34.0000286 L39.999938,34.0000286 L39.999938,27.0000453 L42.7499315,27.0000453 L48.9999166,33.2500304 L48.9999166,34.0000286 Z M23.9999833,46.9999976 C23.1666451,46.9999976 22.4583128,46.7083313 21.8749812,46.1249997 C21.2916496,45.5416681 20.9999833,44.8333358 20.9999833,44.0000119 C20.9999833,43.1666737 21.2916496,42.4583415 21.8749812,41.8750098 C22.4583128,41.2916782 23.1666451,41.0000119 23.9999833,41.0000119 C24.8333072,41.0000119 25.5416395,41.2916782 26.1249711,41.8750098 C26.7083027,42.4583415 26.999969,43.1666737 26.999969,44.0000119 C26.999969,44.8333358 26.7083027,45.5416681 26.1249711,46.1249997 C25.5416395,46.7083313 24.8333072,46.9999976 23.9999833,46.9999976 Z M43.9999356,46.9999976 C43.1665974,46.9999976 42.4582652,46.7083313 41.8749335,46.1249997 C41.2916019,45.5416681 40.9999356,44.8333358 40.9999356,44.0000119 C40.9999356,43.1666737 41.2916019,42.4583415 41.8749335,41.8750098 C42.4582652,41.2916782 43.1665974,41.0000119 43.9999356,41.0000119 C44.8332595,41.0000119 45.5415918,41.2916782 46.1249234,41.8750098 C46.708255,42.4583415 46.9999213,43.1666737 46.9999213,44.0000119 C46.9999213,44.8333358 46.708255,45.5416681 46.1249234,46.1249997 C45.5415918,46.7083313 44.8332595,46.9999976 43.9999356,46.9999976 Z"
+              id="t"
+              fill="#292A33"
+              fillRule="nonzero"
+            ></path>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default PropertyCommercialVehicleIcon;

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

@@ -0,0 +1,96 @@
+import React from "react";
+
+const PropertyGarageIcon = () => (
+  <svg
+    width="81px"
+    height="81px"
+    viewBox="0 0 81 81"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <circle id="garage-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="garage-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="garage-Profile-/-Icons"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g id="Outlined" transform="translate(7.000000, -226.000000)">
+        <g
+          id="garage-Potentail-future-property"
+          transform="translate(0.000000, 231.000000)"
+        >
+          <g id="Profile-Obligation-Icon-/-Property---Garage">
+            <g id="Oval-Copy-3">
+              <use
+                fill="black"
+                fillOpacity="1"
+                filter="url(#garage-filter-2)"
+                xlinkHref="#garage-path-1"
+              ></use>
+              <use
+                fill="#FFFFFF"
+                fillRule="evenodd"
+                xlinkHref="#garage-path-1"
+              ></use>
+            </g>
+            <path
+              d="M19.4999869,49.9999905 C19.6249866,49.9999905 19.7395693,49.9479076 19.8437361,49.8437408 C19.9479028,49.7395741 19.9999857,49.6249914 19.9999857,49.4999917 L19.9999857,49.4999917 L19.9999857,34.0000286 C19.9999857,33.4583629 20.1979022,32.989614 20.5937343,32.593782 C20.9895664,32.1979499 21.4791492,32.0000334 22.0624808,32.0000334 L22.0624808,32.0000334 L45.9374239,32.0000334 C46.5207555,32.0000334 47.0103383,32.1979499 47.4061704,32.593782 C47.8020024,32.989614 47.9999189,33.4583629 47.9999189,34.0000286 L47.9999189,34.0000286 L47.9999189,49.4999917 C47.9999189,49.6249914 48.0520018,49.7395741 48.1561686,49.8437408 C48.2603353,49.9479076 48.374918,49.9999905 48.4999177,49.9999905 L48.4999177,49.9999905 L53.4999058,49.9999905 C53.6249055,49.9999905 53.7394883,49.9479076 53.843655,49.8437408 C53.9478217,49.7395741 53.9999046,49.6249914 53.9999046,49.4999917 L53.9999046,49.4999917 L53.9999046,28.0625428 C53.9999046,27.4792111 53.833238,26.9375454 53.4999058,26.4375466 C53.1665736,25.9375478 52.7082407,25.5625487 52.1249091,25.3125493 L52.1249091,25.3125493 L52.187409,25.3125493 L35.1249496,18.2500662 C34.3749514,17.9167339 33.6249532,17.9167339 32.874955,18.2500662 L32.874955,18.2500662 L15.8749955,25.3125493 C15.2916639,25.5625487 14.833331,25.9375478 14.5,26.4375466 C14.1666666,26.9375454 14,27.4792111 14,28.0625428 L14,28.0625428 L14,49.4999917 C14,49.6249914 14.0520829,49.7395741 14.1562496,49.8437408 C14.2604164,49.9479076 14.3749991,49.9999905 14.5,49.9999905 L14.5,49.9999905 L19.4999869,49.9999905 Z M45.4999249,38.0000286 C45.6249246,38.0000286 45.7395073,37.9479362 45.8436741,37.8437694 C45.9478408,37.7396027 45.9999237,37.62502 45.9999237,37.5000286 L45.9999237,37.5000286 L45.9999237,34.5000286 C45.9999237,34.3750277 45.9478408,34.260445 45.8436741,34.1562782 C45.7395073,34.0521115 45.6249246,34.0000286 45.4999249,34.0000286 L45.4999249,34.0000286 L22.5624808,34.0000286 C22.395813,34.0000286 22.2708133,34.0521115 22.1874805,34.1562782 C22.1041477,34.260445 22.0624808,34.3750277 22.0624808,34.5000286 L22.0624808,34.5000286 L22.0624808,37.5000286 C22.0624808,37.62502 22.1041477,37.7396027 22.1874805,37.8437694 C22.2708133,37.9479362 22.395813,38.0000286 22.5624808,38.0000286 L22.5624808,38.0000286 L45.4999249,38.0000286 Z M45.4999249,44.0000143 C45.6249246,44.0000143 45.7395073,43.9479219 45.8436741,43.8437551 C45.9478408,43.7395884 45.9999237,43.6250057 45.9999237,43.5000143 L45.9999237,43.5000143 L45.9999237,40.5000143 C45.9999237,40.3750134 45.9478408,40.2604307 45.8436741,40.1562639 C45.7395073,40.0520972 45.6249246,40.0000143 45.4999249,40.0000143 L45.4999249,40.0000143 L22.4999809,40.0000143 C22.37498,40.0000143 22.2603973,40.0520972 22.1562306,40.1562639 C22.0520638,40.2604307 21.9999809,40.3750134 21.9999809,40.5000143 L21.9999809,40.5000143 L21.9999809,43.5000143 C21.9999809,43.6250057 22.0520638,43.7395884 22.1562306,43.8437551 C22.2603973,43.9479219 22.37498,44.0000143 22.4999809,44.0000143 L22.4999809,44.0000143 L45.4999249,44.0000143 Z M45.4999249,50 C45.6249246,50 45.7395073,49.9479076 45.8436741,49.8437408 C45.9478408,49.7395741 45.9999237,49.6249914 45.9999237,49.5 L45.9999237,49.5 L45.9999237,46.5 C45.9999237,46.3749991 45.9478408,46.2604164 45.8436741,46.1562496 C45.7395073,46.0520829 45.6249246,46 45.4999249,46 L45.4999249,46 L22.4999809,46 C22.37498,46 22.2603973,46.0520829 22.1562306,46.1562496 C22.0520638,46.2604164 21.9999809,46.3749991 21.9999809,46.5 L21.9999809,46.5 L21.9999809,49.5 C21.9999809,49.6249914 22.0520638,49.7395741 22.1562306,49.8437408 C22.2603973,49.9479076 22.37498,50 22.4999809,50 L22.4999809,50 L45.4999249,50 Z"
+              id="w"
+              fill="#292A33"
+              fillRule="nonzero"
+            ></path>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default PropertyGarageIcon;