@thecb/components 10.6.8-beta.0 → 10.6.9-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "10.6.8-beta.0",
+  "version": "10.6.9-beta.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/dropdown/Dropdown.js

@@ -357,7 +357,7 @@ const Dropdown = ({
             setInputChangedByAutofill(true);
           }
         }}
-        padding="12px 25px 12px 12px"
+        padding="12px"
         placeholder={getSelection()}
         required={options.required || isRequired}
         role="combobox"

package/src/components/atoms/icons/Icons.theme.js

@@ -1,9 +1,9 @@
 import {
   WHITE,
   BRIGHT_GREY,
-  MATISSE_BLUE,
   SEA_GREEN,
-  BLUSH_RED
+  BLUSH_RED,
+  ROYAL_BLUE_VIVID
 } from "../../../constants/colors";
 
 const primaryColor = {
@@ -19,13 +19,13 @@ const accentColor = {
 };
 
 const subIconColor = {
-  info: `${MATISSE_BLUE}`,
+  info: `${ROYAL_BLUE_VIVID}`,
   success: `${SEA_GREEN}`,
   error: `${BLUSH_RED}`
 };
 
 const singleIconColor = {
-  primary: `${MATISSE_BLUE}`,
+  primary: `${ROYAL_BLUE_VIVID}`,
   secondary: `${BRIGHT_GREY}`,
   darkMode: `${WHITE}`
 };

package/src/components/molecules/obligation/Obligation.js

@@ -67,7 +67,7 @@ const Obligation = ({
       borderWidthOverride="1px 0 0 0"
     >
       <Box background={WHITE} padding={isMobile ? "16px" : "24px 16px"}>
-        <Stack childGap="14px">
+        <Stack childGap="24px">
           <Box
             key={`${firstObligation?.id}-top`}
             padding="0 8px"

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

@@ -1,88 +1,23 @@
 import React from "react";
 
-const AccountBillIcon = () => (
+const AccountBillIcon = ({ 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-bill-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-bill-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="AccountBill"
-      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="AccountBillIcon" transform="translate(7.000000, 5.000000)">
-        <g id="Oval-Copy-6">
-          <use
-            fill="black"
-            fillOpacity="1"
-            filter="url(#account-bill-filter-2)"
-            xlinkHref="#account-bill-path-1"
-          ></use>
-          <use
-            fill="#FFFFFF"
-            fillRule="evenodd"
-            xlinkHref="#account-bill-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 M34.4999702,46 L33.4999726,46 C33.3749729,46 33.2603901,45.9479171 33.1562234,45.8437504 C33.0520567,45.7395836 32.9999738,45.6250009 32.9999738,45.5000012 L32.9999738,45.5000012 L32.9999738,44.0000048 C32.2916424,43.9583379 31.64581,43.7083385 31.0624784,43.2500066 C30.9374787,43.1666737 30.8645619,43.05209 30.8437289,42.9062574 C30.8228959,42.7604247 30.8749788,42.625008 30.9999785,42.5000083 L30.9999785,42.5000083 L31.7499768,41.81251 C31.9166433,41.6458434 32.1249759,41.6354274 32.3749753,41.7812601 C32.6249747,41.9270927 32.895807,42.0000095 33.1874733,42.0000095 L33.1874733,42.0000095 L34.9374692,42.0000095 C35.1458017,42.0000095 35.3228852,41.9166767 35.4687179,41.7500101 C35.6145506,41.5833435 35.6874674,41.395844 35.6874674,41.1875115 C35.6874674,40.979179 35.6353845,40.8020954 35.5312177,40.6562627 C35.427051,40.5104301 35.2916353,40.4166803 35.1249687,40.3750134 L35.1249687,40.3750134 L32.3124802,39.5625153 C31.7291438,39.3541828 31.2499779,39.0000167 30.8749788,38.5000179 C30.4999797,38.0000191 30.3124802,37.4375204 30.3124802,36.8125219 C30.3124802,36.0625237 30.5728965,35.4166922 31.0937283,34.8750265 C31.6145601,34.3333608 32.2499756,34.0416955 32.9999738,34.0000334 L32.9999738,34.0000334 L32.9999738,32.5000334 C32.9999738,32.3750325 33.0520567,32.2604497 33.1562234,32.156283 C33.2603901,32.0521163 33.3749729,32.0000334 33.4999726,32.0000334 L33.4999726,32.0000334 L34.4999702,32.0000334 C34.6249699,32.0000334 34.7395526,32.0521163 34.8437194,32.156283 C34.9478861,32.2604497 34.999969,32.3750325 34.999969,32.5000334 L34.999969,32.5000334 L34.999969,34.0000334 C35.7083003,34.0416955 36.3541328,34.2916949 36.9374644,34.7500268 C37.0624641,34.8333596 37.1353809,34.9479433 37.1562139,35.093776 C37.1770468,35.2396087 37.1249639,35.3750253 36.9999642,35.5000334 L36.9999642,35.5000334 L36.249966,36.1875234 C36.0832994,36.35419 35.8749669,36.364606 35.6249675,36.2187733 C35.3749681,36.0729407 35.1041357,36.0000334 34.8124695,36.0000334 L34.8124695,36.0000334 L33.0624736,36.0000334 C32.8541411,36.0000334 32.6770576,36.0833567 32.5312249,36.2500232 C32.3853922,36.4166898 32.3124802,36.6041894 32.3124802,36.8125219 C32.3124802,37.0208544 32.3645583,37.197938 32.468725,37.3437706 C32.5728918,37.4896033 32.7083075,37.5833531 32.8749741,37.62502 L32.8749741,37.62502 L35.6874674,38.437518 C36.270799,38.6458505 36.7499648,39.0000167 37.1249639,39.5000155 C37.499963,40.0000143 37.6874626,40.562513 37.6874626,41.1875115 C37.6874626,41.9375097 37.4270462,42.5833412 36.9062145,43.1250069 C36.3853827,43.6666725 35.7499672,43.9583379 34.999969,44.0000048 L34.999969,44.0000048 L34.999969,45.5000012 C34.999969,45.6250009 34.9478861,45.7395836 34.8437194,45.8437504 C34.7395526,45.9479171 34.6249699,46 34.4999702,46 L34.4999702,46 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.2188 22.5 16.125V15.375C22.5 15.2813 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.2813 18 15.375V16.125C18 16.2188 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.2188 18 19.125V18.375C18 18.2813 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.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z"
+      fill="#FEFEFE"
+    />
   </svg>
 );
 

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

@@ -1,98 +1,23 @@
 import React from "react";
 
-const AccountConstructionIcon = () => (
+const AccountConstructionIcon = ({ 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-construction-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-construction-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-construction-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, -681.000000)">
-        <g
-          id="account-construction-Profile-Obligation-Icon-/-Account---Construction"
-          transform="translate(98.000000, 686.000000)"
-        >
-          <g id="Oval-Copy-6">
-            <use
-              fill="black"
-              fillOpacity="1"
-              filter="url(#account-construction-filter-2)"
-              xlinkHref="#account-construction-path-1"
-            ></use>
-            <use
-              fill="#FFFFFF"
-              fillRule="evenodd"
-              xlinkHref="#account-construction-path-1"
-            ></use>
-          </g>
-          <path
-            d="M45.34368,37.5000203 C45.6145124,37.5000203 45.8540958,37.3958535 46.0624283,37.187521 L46.0624283,37.187521 L51.6874149,31.5625344 C51.8957474,31.3542019 51.9999142,31.1146185 51.9999142,30.8437861 C51.9999142,30.5729538 51.8957474,30.3333704 51.6874149,30.1250378 L51.6874149,30.1250378 L50.3124182,28.6875413 C50.1040857,28.5208747 49.8645023,28.4375419 49.5936699,28.4375419 C49.3228375,28.4375419 49.0832541,28.5208747 48.8749216,28.6875413 L48.8749216,28.6875413 L48.1874233,29.4375395 L46.3749276,27.6250438 C46.5415942,26.9167125 46.5415942,26.2187972 46.3749276,25.5312988 C46.208261,24.8438004 45.8540958,24.2500519 45.3124301,23.750053 L45.3124301,23.750053 L42.246743,20.6849214 C41.0502644,19.5325165 39.6450828,18.7521483 38.0311975,18.3438159 C36.3020346,17.906317 34.5832887,17.906317 32.8749598,18.3438159 C31.1666308,18.7813149 29.6666344,19.6458958 28.3749705,20.9375598 L28.3749705,20.9375598 L33.9999571,23.750053 L33.9999571,24.9375502 C33.9999571,26.0208806 34.3957892,26.9583784 35.1874543,27.7500435 L35.1874543,27.7500435 L38.249947,30.8125362 C38.7916126,31.3542019 39.4061942,31.7083671 40.0936926,31.8750337 C40.7811909,32.0417003 41.4582723,32.0417003 42.1249377,31.8750337 L42.1249377,31.8750337 L43.9374334,33.6250295 L43.249935,34.3750277 C43.0416025,34.5416943 42.9374358,34.7708598 42.9374358,35.0625261 C42.9374358,35.3541924 43.0416025,35.5833579 43.249935,35.7500244 L43.249935,35.7500244 L44.6249318,37.187521 C44.8332643,37.3958535 45.0728477,37.5000203 45.34368,37.5000203 Z M19.9374906,49.9999905 C21.020821,49.9999905 21.9374858,49.5833245 22.6874841,48.7499934 L22.6874841,48.7499934 L37.5624486,32.8125314 C37.2707823,32.6041989 37.0416168,32.4166994 36.8749502,32.2500328 L36.8749502,32.2500328 L33.8124575,29.1875401 C33.604125,28.9792076 33.3957915,28.7292082 33.187459,28.4375419 L33.187459,28.4375419 L17.249997,43.3125064 C16.416666,44.0625046 16,44.9791694 16,46.0624999 C16,47.1458303 16.3854161,48.072912 17.1562472,48.8437432 C17.9270784,49.6145744 18.8541602,49.9999905 19.9374906,49.9999905 Z"
-            id="account-construction-h"
-            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.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.2188 22.5 16.125V15.375C22.5 15.2813 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.2813 18 15.375V16.125C18 16.2188 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.2188 18 19.125V18.375C18 18.2813 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.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z"
+      fill="#FEFEFE"
+    />
   </svg>
 );
 

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

@@ -1,93 +1,21 @@
 import React from "react";
 
-const AccountDentalIcon = () => (
+const AccountDentalIcon = ({ 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-dental-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-dental-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-dental-Profile-/-Icons"
-      stroke="none"
-      strokeWidth="1"
-      fill="none"
-      fillRule="evenodd"
-    >
-      <g id="Outlined" transform="translate(-91.000000, -801.000000)">
-        <g
-          id="account-dental-Profile-Obligation-Icon-/-Account---Dental"
-          transform="translate(98.000000, 806.000000)"
-        >
-          <g id="Oval-Copy-6">
-            <use
-              fill="black"
-              fillOpacity="1"
-              filter="url(#account-dental-filter-2)"
-              xlinkHref="#account-dental-path-1"
-            ></use>
-            <use
-              fill="#FFFFFF"
-              fillRule="evenodd"
-              xlinkHref="#account-dental-path-1"
-            ></use>
-          </g>
-          <path
-            d="M40.4687012,49.9999905 C40.9062002,49.9999905 41.3020322,49.8645738 41.6561984,49.5937414 C42.0103645,49.3229091 42.229114,48.958326 42.3124468,48.499994 L42.3124468,48.499994 L42.8124456,46.3749991 C43.3541113,44.0000048 43.7916103,41.0833447 44.1249425,37.62502 C44.3749419,34.8333596 45.1249401,32.6041989 46.3749371,30.9375359 C47.0832684,29.9792052 47.5624343,28.9062908 47.8124337,27.7187936 C48.0624331,26.5312964 48.0416001,25.2917164 47.7499338,24.0000525 C47.4166016,22.5833888 46.7291033,21.3438088 45.6874388,20.2813113 C44.6457743,19.2188139 43.4166112,18.5208985 41.9999475,18.1875663 C40.2916186,17.7292344 38.437456,18.2292332 36.4374608,19.6875627 C36.3124611,19.7708956 36.1457945,19.8542293 35.937462,19.9375621 L35.937462,19.9375621 L35.7499624,20.000062 L37.5624581,21.1875592 C37.7707906,21.3125589 37.9062073,21.5104754 37.9687072,21.7813077 C38.031207,22.0521401 37.9895401,22.3021395 37.8437075,22.531306 C37.6978748,22.7604724 37.4895413,22.9063051 37.2187089,22.9688049 C36.9478766,23.0313048 36.6874602,22.9792219 36.4374608,22.8125553 L36.4374608,22.8125553 L30.1874757,18.8125648 C28.7291462,18.0208997 27.3333155,17.8125672 25.9999857,18.1875663 C24.5833221,18.5208985 23.354159,19.2188139 22.3124945,20.2813113 C21.27083,21.3438088 20.5833316,22.5833888 20.2499994,24.0000525 C19.9583331,25.2917164 19.9375001,26.5312964 20.1874996,27.7187936 C20.437499,28.9062908 20.9166648,29.9792052 21.6249961,30.9375359 C22.8749931,32.6041989 23.6249914,34.8333596 23.8749908,37.62502 C24.208323,41.0833447 24.6458219,44.0000048 25.1874876,46.3749991 L25.1874876,46.3749991 L25.6874864,48.499994 C25.7708193,48.958326 25.9895687,49.3229091 26.3437349,49.5937414 C26.697901,49.8645738 27.0937331,49.9999905 27.531232,49.9999905 C27.968731,49.9999905 28.3541471,49.8645738 28.6874793,49.5937414 C29.0208115,49.3229091 29.2499779,48.9791599 29.3749776,48.5624939 L29.3749776,48.5624939 L31.4999726,39.8750146 C31.6666392,39.3333489 31.9791384,38.875017 32.4374703,38.5000179 C32.8958023,38.1250188 33.416635,37.9375192 33.9999666,37.9375192 C34.5832982,37.9375192 35.104131,38.1250188 35.5624629,38.5000179 C36.0207948,38.875017 36.3332941,39.3333489 36.4999607,39.8750146 L36.4999607,39.8750146 L38.6249556,48.5624939 C38.7499553,48.9791599 38.9791217,49.3229091 39.312454,49.5937414 C39.6457862,49.8645738 40.0312022,49.9999905 40.4687012,49.9999905 Z"
-            id="t"
-            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="M28.1548 35.14C28.4576 35.14 28.7315 35.0463 28.9766 34.8589C29.2217 34.6714 29.373 34.4191 29.4307 34.102L29.7767 32.6314C30.1516 30.9879 30.4543 28.9695 30.685 26.5763C30.858 24.6444 31.377 23.1017 32.242 21.9484C32.7322 21.2852 33.0638 20.5427 33.2368 19.7209C33.4098 18.8992 33.3954 18.0413 33.1936 17.1475C32.9629 16.1671 32.4871 15.3093 31.7663 14.574C31.0454 13.8388 30.1948 13.3558 29.2145 13.1251C28.0323 12.8079 26.7491 13.154 25.3651 14.1631C25.2786 14.2208 25.1633 14.2785 25.0191 14.3362L24.8893 14.3794L26.1436 15.2012C26.2878 15.2877 26.3815 15.4246 26.4248 15.6121C26.468 15.7995 26.4392 15.9725 26.3382 16.1311C26.2373 16.2897 26.0932 16.3906 25.9057 16.4338C25.7183 16.4771 25.5381 16.441 25.3651 16.3257L21.04 13.5576C20.0308 13.0098 19.0648 12.8656 18.1421 13.1251C17.1618 13.3558 16.3112 13.8388 15.5903 14.574C14.8695 15.3093 14.3937 16.1671 14.163 17.1475C13.9612 18.0413 13.9468 18.8992 14.1198 19.7209C14.2928 20.5427 14.6244 21.2852 15.1146 21.9484C15.9796 23.1017 16.4986 24.6444 16.6716 26.5763C16.9023 28.9695 17.205 30.9879 17.5799 32.6314L17.9259 34.102C17.9835 34.4191 18.1349 34.6714 18.38 34.8589C18.6251 35.0463 18.899 35.14 19.2018 35.14C19.5046 35.14 19.7713 35.0463 20.0019 34.8589C20.2326 34.6714 20.3912 34.4336 20.4777 34.1452L21.9482 28.1333C22.0636 27.7585 22.2798 27.4413 22.597 27.1818C22.9142 26.9223 23.2746 26.7925 23.6783 26.7925C24.082 26.7925 24.4424 26.9223 24.7596 27.1818C25.0768 27.4413 25.293 27.7585 25.4083 28.1333L26.8789 34.1452C26.9654 34.4336 27.124 34.6714 27.3547 34.8589C27.5853 35.0463 27.852 35.14 28.1548 35.14Z"
+      fill="#FEFEFE"
+    />
   </svg>
 );
 

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>
 );