@thecb/components 4.1.13 → 4.1.15

package/dist/index.cjs.js

@@ -14180,181 +14180,43 @@ var WalletIcon = function WalletIcon(_ref) {
   return /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "299",
-    height: "150",
-    viewBox: "0 0 299 150"
+    height: "151",
+    viewBox: "0 0 299 151"
   }, /*#__PURE__*/React__default.createElement("g", {
     fill: "none",
     fillRule: "evenodd",
     stroke: "none",
     strokeWidth: "1"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    transform: "translate(-154 -340)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    transform: "translate(132 261)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    transform: "translate(22 79)"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    stroke: "#3B414D",
-    strokeLinecap: "round",
-    strokeWidth: "4.08",
-    transform: "translate(52.686 118.445)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M208.2 0.375L175.611 0.776"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M233.568 0.375L218.318 0.776"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M44.527 0.375L17.757 0.776"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M7.759 0.375L0 0.776"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    fill: "#B8E4F4",
-    d: "M192.663 142.912c0 3.646-13.311 6.602-29.731 6.602s-29.73-2.956-29.73-6.602c0-3.646 13.31-6.602 29.73-6.602s29.73 2.956 29.73 6.602"
-  }), /*#__PURE__*/React__default.createElement("g", {
-    stroke: "#45B770",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "4.08",
-    transform: "translate(150.58 129.154)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M8.08496185 -1.08959555e-14L8.08496185 12.6741246 1.81599258e-15 12.6741246"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M16.0044112 -1.18039517e-14L16.0044112 13.0723155 24.0893731 13.0723155"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    stroke: "#45B770",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "4.08",
-    d: "M97.135 97.043L85.756 106.925"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    stroke: "#45B770",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "4.08",
-    d: "M267.332301 89.6743933L241.12027 107.066692 228.276465 97.0878034"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    stroke: "#45B770",
-    strokeLinecap: "round",
-    strokeWidth: "4.08",
-    d: "M257.527 89.028L274.395 89.028"
-  }), /*#__PURE__*/React__default.createElement("g", {
-    transform: "translate(255.032 47.73)"
-  }, /*#__PURE__*/React__default.createElement("rect", {
-    width: "40.703",
-    height: "25.03",
-    x: "1.02",
-    y: "1.02",
-    fill: "#E8FFEF",
-    stroke: "#45B770",
-    strokeWidth: "2.04",
-    rx: "2.72"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "#45B770",
-    d: "M0 6.411H42.743V12.11H0z"
-  })), /*#__PURE__*/React__default.createElement("g", {
-    transform: "translate(249.333 54.141)"
-  }, /*#__PURE__*/React__default.createElement("rect", {
-    width: "40.703",
-    height: "25.03",
-    x: "1.02",
-    y: "1.02",
-    fill: "#CACED8",
-    stroke: "#3B414D",
-    strokeWidth: "2.04",
-    rx: "2.72"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "#3B414D",
-    d: "M0 6.411H42.743V12.11H0z"
+  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    fill: themeValues.subIconColor,
+    d: "M154.932 144.31c16.42 0 29.73 2.956 29.73 6.602 0 3.646-13.31 6.602-29.73 6.602s-29.73-2.956-29.73-6.602c0-3.646 13.31-6.602 29.73-6.602zM38.894 88.746c5.595 0 10.19 4.277 10.697 9.74a6.45 6.45 0 013.768-1.214 6.484 6.484 0 010 12.966H24.014a7.588 7.588 0 010-15.175c1.704 0 3.27.569 4.537 1.516 1.27-4.519 5.418-7.833 10.343-7.833zM287.055 55.73a2.72 2.72 0 012.72 2.72v21.63a2.72 2.72 0 01-2.72 2.72h-37.303a2.72 2.72 0 01-2.72-2.72V58.45a2.72 2.72 0 012.72-2.72h37.303zM61.817 54.048c2.554 0 4.73 1.6 5.594 3.85a2.545 2.545 0 012.705.883 3.778 3.778 0 011.557-.336 3.8 3.8 0 010 7.603h-16.4a3.8 3.8 0 11.75-7.528 5.995 5.995 0 015.794-4.472zM191.964 28c6.009 0 10.88 4.871 10.88 10.88v1.48L91 42.324V35.48A7.48 7.48 0 0198.48 28h93.484zM38.38 22.048a6.9 6.9 0 016.44 4.43 2.93 2.93 0 013.114 1.017 4.35 4.35 0 011.792-.387 4.374 4.374 0 110 8.748h-18.88a4.374 4.374 0 11.864-8.662c.779-2.96 3.466-5.146 6.67-5.146zM242.193 8a6.9 6.9 0 016.44 4.431 2.928 2.928 0 013.113 1.016 4.353 4.353 0 011.792-.387 4.374 4.374 0 110 8.748h-18.88a4.374 4.374 0 11.866-8.661c.778-2.96 3.464-5.147 6.67-5.147z",
+    opacity: "0.302"
   }), /*#__PURE__*/React__default.createElement("rect", {
-    width: "9.973",
-    height: "2.85",
-    x: "27.163",
-    y: "18.367",
-    fill: "#3B414D",
-    rx: "1.36"
-  })), /*#__PURE__*/React__default.createElement("g", {
-    transform: "translate(237.223 59.128)"
-  }, /*#__PURE__*/React__default.createElement("circle", {
-    cx: "8.905",
-    cy: "8.905",
-    r: "8.905",
-    fill: themeValues.subIconColor
-  }), /*#__PURE__*/React__default.createElement("g", {
+    width: "132",
+    height: "97",
+    x: "91",
+    y: "40.398",
     fill: "#FFF",
-    transform: "translate(4.274 4.274)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M3.562 0H5.699V9.261H3.562z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 3.562H9.261V5.699H0z"
-  }))), /*#__PURE__*/React__default.createElement("path", {
-    fill: "#B8E4F4",
-    stroke: "#3B414D",
-    strokeWidth: "4.08",
-    d: "M196.423 22.699c2.441 0 4.651.99 6.25 2.59 1.6 1.599 2.59 3.809 2.59 6.25h0V78.88c0 2.441-.99 4.651-2.59 6.25a8.812 8.812 0 01-6.25 2.59h0-90.084a8.812 8.812 0 01-6.25-2.59 8.812 8.812 0 01-2.59-6.25h0V28.139c0-1.502.609-2.862 1.593-3.847a5.423 5.423 0 013.847-1.593h0z"
+    rx: "10.88"
   }), /*#__PURE__*/React__default.createElement("rect", {
-    width: "32.964",
-    height: "11.592",
-    x: "97.499",
-    y: "22.699",
-    stroke: "#3B414D",
-    strokeWidth: "4.08",
-    rx: "5.796"
+    width: "42.743",
+    height: "27.07",
+    x: "241.333",
+    y: "62.141",
+    fill: "#CACED8",
+    rx: "2.72"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "#B8E4F4",
-    d: "M121.817 24.933H141.051V32.057H121.817z"
-  }), /*#__PURE__*/React__default.createElement("rect", {
-    width: "133.928",
-    height: "98.309",
-    x: "95.459",
-    y: "32.057",
-    fill: "#FFF",
-    rx: "10.88"
+    fill: "#3B414D",
+    fillRule: "nonzero",
+    d: "M278.2 125.181a2.04 2.04 0 012.093 1.986c.028 1.075-.78 1.577-1.834 1.683l-.152.01-15.25.4a2.04 2.04 0 01-.26-4.069l.153-.01h15.25zm-192.675 0a2.04 2.04 0 01.103 4.076l-.153.004H62.418a2.04 2.04 0 01-.103-4.076l.153-.004h23.057zm-31.043 1.935a2.04 2.04 0 01-1.78 2.129l-.152.013H44.79a2.04 2.04 0 01-.362-4.061l.152-.014h7.759a2.04 2.04 0 012.142 1.933zm167.441-1.758l31.106.006c1.075-.012 1.958.793 1.971 1.799.012.96-.771 1.756-1.778 1.837l-.145.007L221.97 129c-1.075.012-1.958-.793-1.971-1.799-.012-.96.771-1.756 1.778-1.837l.145-.006zm62.153-56.806v5.7h-42.743v-5.7h42.743zM145.815 71c2.575 0 4.828 1.668 5.702 4.106a1.896 1.896 0 01-3.51 1.423l-.059-.144c-.345-.964-1.196-1.594-2.133-1.594-.883 0-1.689.558-2.069 1.427l-.066.167a1.896 1.896 0 01-3.568-1.28c.874-2.437 3.126-4.105 5.703-4.105zm23.513 0c2.576 0 4.828 1.668 5.702 4.106a1.896 1.896 0 01-3.51 1.423l-.059-.144c-.345-.964-1.196-1.594-2.133-1.594-.883 0-1.689.558-2.068 1.427l-.066.167a1.895 1.895 0 11-3.57-1.28c.875-2.437 3.128-4.105 5.704-4.105zm23.636-45.04c7.032 0 12.752 5.618 12.916 12.61l.004.31-.001 1.12h7.165c6.008 0 10.88 4.871 10.88 10.88v76.549c0 6.008-4.872 10.88-10.88 10.88H100.88c-6.009 0-10.88-4.872-10.88-10.88V45.325h-.04V35.48a9.52 9.52 0 019.249-9.516l.271-.004h93.484zm20.084 18.12l-118.968.001v83.348a6.8 6.8 0 006.561 6.795l.239.005h112.168a6.8 6.8 0 006.796-6.562l.004-.238V50.88a6.8 6.8 0 00-6.562-6.796l-.238-.004zm-45.4 49.455c1.047 0 1.895.849 1.895 1.896a5.415 5.415 0 01-5.197 5.41l-.218.005h-13.505a5.415 5.415 0 01-5.414-5.415 1.896 1.896 0 013.785-.148l.006.148c0 .847.648 1.543 1.476 1.617l.147.007h13.505c.847 0 1.543-.649 1.618-1.476l.006-.148c0-1.047.85-1.896 1.896-1.896zm113.708-31.394a2.72 2.72 0 012.72 2.72v21.63a2.72 2.72 0 01-2.72 2.72h-37.303a2.72 2.72 0 01-2.72-2.72v-21.63a2.72 2.72 0 012.72-2.72h37.303zm0 2.04h-37.303a.68.68 0 00-.672.58l-.008.1v21.63a.68.68 0 00.58.673l.1.007h37.303a.68.68 0 00.673-.58l.007-.1v-21.63a.68.68 0 00-.58-.673l-.1-.007zm-4.246 16.327c.751 0 1.36.609 1.36 1.36v.13a1.36 1.36 0 01-1.36 1.36h-7.253a1.36 1.36 0 01-1.36-1.36v-.13c0-.751.609-1.36 1.36-1.36h7.253zM192.964 30.04H99.48a5.44 5.44 0 00-5.436 5.221l-.004.219V40h107.763v-1.12a8.84 8.84 0 00-8.579-8.836l-.26-.004z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    stroke: "#3B414D",
-    strokeWidth: "4.08",
-    d: "M218.507 34.097c2.44 0 4.65.99 6.25 2.59 1.6 1.599 2.59 3.809 2.59 6.25h0v76.549c0 2.44-.99 4.65-2.59 6.25a8.812 8.812 0 01-6.25 2.59h0-112.168a8.812 8.812 0 01-6.25-2.59 8.812 8.812 0 01-2.59-6.25h0V34.097z"
+    fill: themeValues.subIconColor,
+    fillRule: "nonzero",
+    d: "M160.625 137.938v10.248h6.045a2.04 2.04 0 012.034 1.888l.006.152a2.04 2.04 0 01-1.888 2.034l-.152.006h-8.085a2.04 2.04 0 01-2.034-1.888l-.006-.152v-12.288h4.08zm-7.92 0v11.89a2.04 2.04 0 01-1.887 2.034l-.152.006h-8.085a2.04 2.04 0 01-.153-4.075l.153-.005 6.044-.001v-9.849h4.08zm-62.7-34.592c-.008.004-.01.642-.012 1.477v2.665l-.002.408c-.001.507-.004.846-.01.851l-6.626 5.754 15.406 5.409a5.925 5.925 0 015.126-2.95 2.04 2.04 0 01.153 4.074l-.153.006a1.847 1.847 0 00-.144 3.69l.144.005h3.396a2.04 2.04 0 01.153 4.075l-.153.005h-3.396a5.93 5.93 0 01-5.825-4.828l-18.716-6.567a2.037 2.037 0 01-1.286-1.363 2.04 2.04 0 01.237-2.558l.122-.115 11.378-9.88c.042-.037.14-.109.191-.145l.016-.013zm176.39-8.358a2.04 2.04 0 01.152 4.074l-.152.006h-5.572a2.036 2.036 0 01-.233.213l-.13.093-26.212 17.393a2.04 2.04 0 01-2.238.011l-.141-.1-7.84-6.091c-.01-.007-.015-.415-.018-1.224v-.344V107.728v-.789l.004-1.53 9.198 7.147 20.328-13.488h-4.014a2.04 2.04 0 01-.152-4.074l.152-.006h16.868zm-28.267-27.86a8.905 8.905 0 110 17.81 8.905 8.905 0 010-17.81zm48.927-12.398a3.72 3.72 0 013.715 3.522l.005.198v21.63a3.72 3.72 0 01-3.522 3.715l-.198.005-3.306-.005v-2l3.306.005c.9 0 1.639-.691 1.714-1.572l.006-.148V68.84h-5v-5.699h5V58.45c0-.9-.69-1.639-1.571-1.714l-.149-.006h-37.303c-.9 0-1.638.69-1.713 1.571l-.007.149v3.691h-2V58.45a3.72 3.72 0 013.523-3.715l.197-.005h37.303z"
   }), /*#__PURE__*/React__default.createElement("path", {
     fill: "#FFF",
-    d: "M99.733 35.148c.745.789 2.175 1.183 4.289 1.183s2.114.304 0 .911l-4.289-.022v-2.072z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    stroke: "#45B770",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "4.08",
-    d: "M85.756 106.925L111.684 112.988"
-  }), /*#__PURE__*/React__default.createElement("g", {
-    stroke: "#45B770",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "4.08",
-    transform: "translate(112.486 110.241)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M3.887.053a3.887 3.887 0 000 7.775h3.396"
-  })), /*#__PURE__*/React__default.createElement("g", {
-    stroke: "#3B414D",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "3.791",
-    transform: "translate(147.003 64.237)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M.415 3.316C1.012 1.651 2.54.466 4.333.466c1.792 0 3.321 1.185 3.918 2.85"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M23.928 3.316c.597-1.665 2.126-2.85 3.918-2.85 1.792 0 3.321 1.185 3.918 2.85"
-  })), /*#__PURE__*/React__default.createElement("path", {
-    stroke: "#3B414D",
-    strokeLinecap: "round",
-    strokeWidth: "3.791",
-    d: "M173.17 87.239h0a3.52 3.52 0 01-3.52 3.52h-13.505a3.52 3.52 0 01-3.52-3.52"
-  }), /*#__PURE__*/React__default.createElement("g", {
-    fill: "#B8E4F4"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M245.538 5.06c-.639 0-1.244.141-1.792.387a2.94 2.94 0 00-3.113-1.016A6.9 6.9 0 00234.193 0c-3.205 0-5.891 2.186-6.67 5.147a4.374 4.374 0 10-.865 8.662h18.88a4.374 4.374 0 100-8.749"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M37.36 89.272a6.45 6.45 0 00-3.769 1.214c-.507-5.463-5.102-9.74-10.697-9.74-4.925 0-9.073 3.314-10.343 7.833a7.545 7.545 0 00-4.537-1.516 7.587 7.587 0 000 15.175h29.345a6.483 6.483 0 000-12.966"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M108.726 75.108a4.35 4.35 0 00-1.792.387 2.943 2.943 0 00-3.114-1.016 6.9 6.9 0 00-6.44-4.431c-3.204 0-5.891 2.186-6.67 5.146a4.374 4.374 0 10-.864 8.662h18.88a4.374 4.374 0 100-8.748"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M71.695 41.493c-.639 0-1.245.14-1.792.387a2.941 2.941 0 00-3.114-1.016 6.9 6.9 0 00-6.44-4.432c-3.204 0-5.89 2.187-6.67 5.147a4.374 4.374 0 10-.864 8.662h18.88a4.374 4.374 0 100-8.748"
-  })))))));
+    d: "M239.196 71.402v3.56l3.562.002V77.1h-3.562v3.562h-2.137V77.1h-3.562v-2.137l3.561-.001.001-3.561h2.137z"
+  }))));
 };
 
 var WalletIcon$1 = themeComponent(WalletIcon, "Icons", fallbackValues$2, "info");
@@ -14761,6 +14623,44 @@ var CarrotIcon = function CarrotIcon(_ref) {
 
 var CarrotIcon$1 = themeComponent(CarrotIcon, "Icons", fallbackValues$2, "darkMode");
 
+var ProfileIcon = function ProfileIcon(_ref) {
+  var themeValues = _ref.themeValues;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "299",
+    height: "151",
+    viewBox: "0 0 299 151"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    stroke: "none",
+    strokeWidth: "1"
+  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    fill: themeValues.subIconColor,
+    d: "M162.932 144.31c16.42 0 29.73 2.956 29.73 6.602 0 3.646-13.31 6.602-29.73 6.602s-29.73-2.956-29.73-6.602c0-3.646 13.31-6.602 29.73-6.602zM123.899 25.659a4 4 0 013.988 3.688l.539 6.892h85.445c3.396 0 6.293 2.78 6.47 6.207l4.31 83.776c.177 3.427-2.434 6.205-5.83 6.205H100.945c-3.397 0-6.293-2.778-6.47-6.205l-4.31-83.776c-.177-3.428 2.434-6.206 5.83-6.206h2.05l-.16-3.103a4.117 4.117 0 01.077-1.039l-.165-2.127a4 4 0 013.987-4.312H123.9zm-80.672 76.579c2.836 0 5.164 2.189 5.42 4.985a3.247 3.247 0 011.91-.621c1.814 0 3.285 1.485 3.285 3.318 0 1.832-1.47 3.318-3.285 3.318h-14.87c-2.123 0-3.845-1.739-3.845-3.883 0-2.145 1.722-3.884 3.845-3.884.863 0 1.657.291 2.3.776.643-2.313 2.744-4.009 5.24-4.009zm30.478-53.79c.369 0 .668.398.668.89v39.11h-28v-39.11c0-.492.3-.89.668-.89zm221.35 7.282a2.72 2.72 0 012.72 2.72v21.63a2.72 2.72 0 01-2.72 2.72h-37.303a2.72 2.72 0 01-2.72-2.72V58.45a2.72 2.72 0 012.72-2.72h37.303zM31.403 20.856c3.193 0 5.912 2 6.993 4.814a3.181 3.181 0 013.381 1.103 4.723 4.723 0 011.946-.42 4.75 4.75 0 014.75 4.751 4.75 4.75 0 01-4.75 4.752h-20.5a4.75 4.75 0 01-4.75-4.752 4.75 4.75 0 015.687-4.657c.846-3.216 3.764-5.591 7.243-5.591zM237.078 10c3.406 0 6.306 2.133 7.46 5.135a3.39 3.39 0 013.605 1.177 5.04 5.04 0 012.076-.448 5.067 5.067 0 015.066 5.068c0 2.799-2.268 5.068-5.066 5.068h-21.868a5.067 5.067 0 01-5.066-5.068 5.067 5.067 0 016.068-4.968c.901-3.43 4.013-5.964 7.725-5.964z",
+    opacity: "0.302"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#FFF",
+    d: "M143.096 33.659a4 4 0 013.985 4.347l-.094 1.098c.057.288.083.588.072.896l-.104 3h79.1c3.397 0 6.057 2.686 5.941 6l-2.817 81c-.115 3.314-2.962 6-6.358 6H104.945c-3.397 0-6.057-2.686-5.941-6l2.817-81c.115-3.314 2.962-6 6.358-6l4.468-.001.494-5.686a4 4 0 013.985-3.654h25.97z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#CACED8",
+    d: "M80.846 54.267c.369 0 .668.233.668.52v36.48h-28v-36.48c0-.287.3-.52.669-.52zm208.51 7.874a2.72 2.72 0 012.72 2.72v21.63a2.72 2.72 0 01-2.72 2.72h-37.303a2.72 2.72 0 01-2.72-2.72v-21.63a2.72 2.72 0 012.72-2.72h37.303z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#3B414D",
+    fillRule: "nonzero",
+    d: "M123.298 25c3.333 0 6.138 2.69 6.312 6.075l.017.584h14.276a5.993 5.993 0 014.931 2.58h65.037c4.01 0 7.46 2.918 8.288 6.761h3.896c4.434 0 7.962 3.48 7.945 7.823l-.005.247-2.653 76.287 29.687.007c1.075-.012 1.958.793 1.971 1.799.012.96-.771 1.756-1.778 1.837l-.145.007-29.862-.008-.037 1.07c-.15 4.318-3.754 7.798-8.106 7.927l-.251.004H104.945c-3.077 0-5.719-1.677-7.04-4.155a8.665 8.665 0 01-4.734-4.585H70.418a2.04 2.04 0 01-.103-4.075l.153-.004 21.95-.001-4.25-82.632c-.232-4.482 3.154-8.172 7.58-8.304l.234-.005-.094-3c-.172-3.346 2.354-6.114 5.658-6.235l.227-.004h21.525zm20.605 10.659h-25.932a2 2 0 00-1.983 1.741l-.99 7.599-6.819.001c-2.329 0-4.282 1.843-4.36 4.07l-2.817 81c-.075 2.17 1.667 3.93 3.943 3.93h117.876c2.329 0 4.282-1.843 4.36-4.07l2.817-81c.075-2.17-1.667-3.93-3.943-3.93l-81.093-.001.925-7.081a2 2 0 00-1.984-2.259zM286.2 125.181a2.04 2.04 0 012.093 1.986c.028 1.075-.78 1.577-1.834 1.683l-.152.01-15.25.4a2.04 2.04 0 01-.26-4.069l.153-.01h15.25zm-223.718 1.935a2.04 2.04 0 01-1.78 2.129l-.152.013H52.79a2.04 2.04 0 01-.362-4.061l.152-.014h7.759a2.04 2.04 0 012.142 1.933zM123.298 29h-21.525c-1.066 0-1.876.812-1.891 1.922l.002.153.225 7.165h-4.114c-2.178 0-3.847 1.706-3.839 3.896l.006.207 4.31 83.776c.038.717.25 1.398.595 1.998l2.755-79.187c.153-4.4 3.893-7.93 8.357-7.93l3.305-.001.538-4.116a6 6 0 015.712-5.22l.237-.004h7.655l-.013-.42c-.06-1.172-1.03-2.15-2.16-2.233l-.155-.006zm53.072 64.344l.148.003a1.895 1.895 0 011.77 2.014c-.185 2.865-2.567 5.172-5.413 5.289l-.226.004h-13.504c-3.04 0-5.38-2.502-5.184-5.537a1.896 1.896 0 013.787.096l-.004.148c-.052.805.487 1.43 1.262 1.496l.139.006h13.504c.894 0 1.705-.717 1.84-1.598l.015-.148a1.896 1.896 0 011.866-1.773zM81.514 53.018v.374c.573.225 1 .734 1 1.396v36.479a1 1 0 01-1 1h-28a1 1 0 01-1-1v-36.48c0-.661.427-1.17 1-1.395v-.374h28zm-1 4.807h-26v32.441h26V57.825zm211.562 28.666a2.72 2.72 0 01-2.72 2.72h-37.303a2.72 2.72 0 01-2.72-2.72v-21.63a2.72 2.72 0 012.72-2.72h37.303a2.72 2.72 0 012.72 2.72v21.63zM67.158 83.647c.57 0 1.032.462 1.032 1.032v2.177c0 .57-.462 1.032-1.032 1.032h-7.886c-.57 0-1.033-.462-1.033-1.032v-2.177c0-.57.463-1.032 1.033-1.032zm222.878-9.396h-38.663v12.24a.68.68 0 00.58.673l.1.007h37.303a.68.68 0 00.673-.58l.007-.1v-12.24zM66.124 85.711h-5.82v.111h5.82v-.111zm218.986-5.203c.751 0 1.36.609 1.36 1.36v.13a1.36 1.36 0 01-1.36 1.36h-7.253a1.36 1.36 0 01-1.36-1.36v-.13c0-.751.609-1.36 1.36-1.36h7.253zM77 74.25a1 1 0 011 1v5a1 1 0 01-1 1H58a1 1 0 01-1-1v-5a1 1 0 011-1zm-1 2H59v3h17v-3zm80.015-5.442c2.612 0 4.82 1.717 5.553 4.21a1.895 1.895 0 01-3.59 1.21l-.047-.14c-.267-.907-1.015-1.489-1.916-1.489-.915 0-1.813.597-2.275 1.517l-.081.176a1.896 1.896 0 11-3.492-1.477c1.008-2.383 3.306-4.007 5.848-4.007zm23.513 0c2.613 0 4.82 1.717 5.553 4.21a1.896 1.896 0 01-3.59 1.21l-.047-.14c-.267-.907-1.015-1.489-1.916-1.489-.915 0-1.813.597-2.275 1.517l-.081.176a1.896 1.896 0 01-3.492-1.477c1.008-2.383 3.306-4.007 5.848-4.007zM77 65.25a1 1 0 011 1v5a1 1 0 01-1 1H58a1 1 0 01-1-1v-5a1 1 0 011-1zm-1 2H59v3h17v-3zm213.356-3.069h-37.303a.68.68 0 00-.672.58l-.008.1v3.691h38.663v-3.691a.68.68 0 00-.58-.673l-.1-.007zM67.12 60.839a1.033 1.033 0 01.113 2.059l-.113.006h-9.038a1.033 1.033 0 01-.113-2.06l.113-.005h9.038zm146.75-22.6h-63.996l-.021.196-.335 2.564 68.458.001c-.674-1.547-2.188-2.669-3.895-2.755l-.21-.005z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: themeValues.subIconColor,
+    fillRule: "nonzero",
+    d: "M168.625 137.938v10.248h6.045a2.04 2.04 0 012.034 1.888l.006.152a2.04 2.04 0 01-1.888 2.034l-.152.006h-8.085a2.04 2.04 0 01-2.034-1.888l-.006-.152v-12.288h4.08zm-7.92 0v11.89a2.04 2.04 0 01-1.887 2.034l-.152.006h-8.085a2.04 2.04 0 01-.153-4.075l.153-.005 6.044-.001v-9.849h4.08zm113.69-42.95a2.04 2.04 0 01.152 4.074l-.152.006h-5.572a2.036 2.036 0 01-.233.213l-.13.093-26.212 17.393a2.04 2.04 0 01-2.238.011l-.141-.1-7.84-6.091c-.01-.008-.017-.531-.018-1.568v-1.543c0-.602.002-1.29.004-2.067l9.198 7.147 20.328-13.488h-4.014a2.04 2.04 0 01-.152-4.074l.152-.006h16.868zM80.5 96.46a2.04 2.04 0 01.152 4.074l-.152.006h-4.092l11.455 11.59 9.934-8.627c.042-.036.14-.108.191-.144l.016-.012-.001.014c-.006.096-.008.588-.01 1.24v2.431l-.001.667a25.458 25.458 0 01-.01 1.048l-8.888 7.718-.017.014-.017.015-.06.048.094-.077a2.066 2.066 0 01-.811.43c-.037.01-.074.02-.111.027l-.03.006a1.966 1.966 0 01-.577.028 2 2 0 01-.686-.189 2.032 2.032 0 01-.304-.179l-.037-.027a1.865 1.865 0 01-.095-.075l-.008-.007-.042-.036a2.05 2.05 0 01-.077-.073l-.01-.011-14.257-14.425a2.033 2.033 0 01-.589-1.394H62.5a2.04 2.04 0 01-.152-4.074l.152-.006h18zm-6.795-49.011c.944 0 1.6.81 1.663 1.741l.005.148v3.68s-.5.017-1 .026v.07H53.098v1.907h-5.725v17.54a8.885 8.885 0 012.492-.43l.263-.003a8.905 8.905 0 11-2.914 17.322l-.84-.001a1 1 0 01-.994-.882 8.898 8.898 0 01-4.157-7.535 8.898 8.898 0 014.15-7.53V49.338c0-.942.609-1.8 1.522-1.883l.146-.006h26.664zm172.423 19.679a8.905 8.905 0 110 17.81 8.905 8.905 0 010-17.81zm48.927-12.398a3.72 3.72 0 013.715 3.522l.005.198v21.63a3.72 3.72 0 01-3.522 3.715l-.198.005h-3.818v-2h3.818c.9 0 1.639-.691 1.714-1.572l.006-.148V68.84h-5v-5.699h5V58.45c0-.9-.69-1.639-1.571-1.714l-.149-.006h-37.303c-.9 0-1.638.69-1.713 1.571l-.007.149v4.728h-2V58.45a3.72 3.72 0 013.523-3.715l.197-.005h37.303zm-241.54 9.649v1l-3.351-.001v2.834h3.35v1h-4.35V64.38h4.35zm-.519-6.025v1h-2.832v2.834h2.832v1h-3.832v-4.834h3.832z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#FFF",
+    d: "M51.196 76.402v3.56l3.562.002V82.1h-3.562v3.562H49.06V82.1h-3.562v-2.137l3.561-.001.001-3.561h2.137zm196-5v3.56l3.562.002V77.1h-3.562v3.562h-2.137V77.1h-3.562v-2.137l3.561-.001.001-3.561h2.137z"
+  }))));
+};
+
+var ProfileIcon$1 = themeComponent(ProfileIcon, "Icons", fallbackValues$2, "info");
+
 var color$2 = "#15749D";
 var hoverColor$1 = "#116285";
 var activeColor$1 = "#0E506D";
@@ -19202,7 +19102,7 @@ function _templateObject2$c() {
 }
 
 function _templateObject$o() {
-  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n"]);
+  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n  > * + * {\n    margin-top: 0.25rem;\n  }\n"]);
 
   _templateObject$o = function _templateObject() {
     return data;
@@ -19221,14 +19121,74 @@ var SelectField = styled__default.select(_templateObject3$6(), function (_ref2)
       showErrors = _ref2.showErrors;
   return field.dirty && field.hasErrors || field.hasErrors && showErrors ? ERROR_COLOR : GHOST_GREY;
 }, FONT_WEIGHT_REGULAR, function (_ref3) {
-  var disabled = _ref3.disabled;
-  return disabled ? SEASHELL_WHITE : WHITE;
+  var themeValues = _ref3.themeValues;
+  return themeValues.inputBackgroundColor && themeValues.inputBackgroundColor;
 }, function (_ref4) {
-  var disabled = _ref4.disabled;
-  return disabled ? DUSTY_GREY : MINESHAFT_GREY;
+  var themeValues = _ref4.themeValues;
+  return themeValues.color && themeValues.color;
 }, MATISSE_BLUE);
 var SelectOption = styled__default.option(_templateObject4$3());
 
+var linkColor$1 = {
+  "default": "".concat(MATISSE_BLUE),
+  disabled: "".concat(MATISSE_BLUE)
+};
+var formBackgroundColor = {
+  "default": "".concat(WHITE),
+  disabled: "".concat(WHITE),
+  checkout: "".concat(ATHENS_GREY),
+  collapsible: "".concat(ATHENS_GREY)
+};
+var inputBackgroundColor = {
+  "default": "".concat(WHITE),
+  disabled: "".concat(SEASHELL_WHITE)
+};
+var color$5 = {
+  "default": "".concat(MINESHAFT_GREY),
+  disabled: "".concat(DUSTY_GREY)
+};
+var labelColor = {
+  "default": "".concat(CHARADE_GREY),
+  disabled: "".concat(CHARADE_GREY)
+};
+var borderColor = {
+  "default": "".concat(GREY_CHATEAU),
+  disabled: "".concat(GREY_CHATEAU)
+};
+var lineHeight$2 = {
+  "default": "1rem",
+  disabled: "1rem"
+};
+var fontSize$5 = {
+  "default": "0.875rem",
+  disabled: "0.875rem"
+};
+var errorFontSize = {
+  "default": "0.75rem",
+  disabled: "0.75rem"
+};
+var fontWeight$2 = {
+  "default": "".concat(FONT_WEIGHT_REGULAR),
+  disabled: "".concat(FONT_WEIGHT_REGULAR)
+};
+var hoverFocusStyles = {
+  "default": "color: #0E506D; outline: none; text-decoration: underline;  ",
+  disabled: "color: #6E727E;"
+};
+var fallbackValues$f = {
+  linkColor: linkColor$1,
+  formBackgroundColor: formBackgroundColor,
+  inputBackgroundColor: inputBackgroundColor,
+  color: color$5,
+  labelColor: labelColor,
+  borderColor: borderColor,
+  lineHeight: lineHeight$2,
+  fontSize: fontSize$5,
+  errorFontSize: errorFontSize,
+  fontWeight: fontWeight$2,
+  hoverFocusStyles: hoverFocusStyles
+};
+
 var FormSelect = function FormSelect(_ref) {
   var fieldActions = _ref.fieldActions,
       labelTextWhenNoError = _ref.labelTextWhenNoError,
@@ -19237,7 +19197,9 @@ var FormSelect = function FormSelect(_ref) {
       field = _ref.field,
       showErrors = _ref.showErrors,
       onChange = _ref.onChange,
-      dropdownMaxHeight = _ref.dropdownMaxHeight;
+      dropdownMaxHeight = _ref.dropdownMaxHeight,
+      disabledValues = _ref.disabledValues,
+      themeValues = _ref.themeValues;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -19260,18 +19222,26 @@ var FormSelect = function FormSelect(_ref) {
   });
   return /*#__PURE__*/React__default.createElement(SelectContainer, {
     ref: dropdownRef
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0",
+    minWidth: "100%"
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    justify: "space-between",
+    align: "center"
   }, /*#__PURE__*/React__default.createElement(Text$1, {
+    as: "label",
     variant: "pS",
-    color: STORM_GREY,
-    weight: "400",
-    extraStyles: "margin-bottom: 4px;"
-  }, labelTextWhenNoError), /*#__PURE__*/React__default.createElement(Dropdown$1, {
+    color: themeValues.labelColor,
+    weight: themeValues.fontWeight,
+    extraStyles: "word-break: break-word;\n              font-family: Public Sans;\n              &::first-letter {\n                text-transform: uppercase;\n              }"
+  }, labelTextWhenNoError))), /*#__PURE__*/React__default.createElement(Dropdown$1, {
     maxHeight: dropdownMaxHeight,
     placeholder: options[0] ? options[0].text : "",
     options: options,
     value: field.rawValue,
+    disabledValues: disabledValues,
     isOpen: open,
-    isError: false,
+    isError: field.hasErrors && field.dirty || field.hasErrors && showErrors,
     onSelect: onChange ? function (value) {
       return onChange(value);
     } : function (value) {
@@ -19283,9 +19253,18 @@ var FormSelect = function FormSelect(_ref) {
   }), /*#__PURE__*/React__default.createElement(SelectLabel, {
     field: field,
     showErrors: showErrors
-  }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? errorMessages[field.errors[0]] : null));
+  }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.createElement(Text$1, {
+    color: ERROR_COLOR,
+    variant: "pXS",
+    weight: themeValues.fontWeight,
+    extraStyles: "word-break: break-word;\n                font-family: Public Sans;\n                &::first-letter {\n                  text-transform: uppercase;\n                }"
+  }, errorMessages[field.errors[0]]) : /*#__PURE__*/React__default.createElement(Text$1, {
+    extraStyles: "height: ".concat(themeValues.lineHeight, ";")
+  })));
 };
 
+var FormSelect$1 = themeComponent(FormSelect, "FormSelect", fallbackValues$f, "default");
+
 var options = [{
   text: "Afghanistan",
   value: "AF"
@@ -20036,7 +20015,7 @@ var CountryDropdown = function CountryDropdown(_ref) {
       fieldActions = _ref.fieldActions,
       showErrors = _ref.showErrors,
       onChange = _ref.onChange;
-  return /*#__PURE__*/React__default.createElement(FormSelect, {
+  return /*#__PURE__*/React__default.createElement(FormSelect$1, {
     options: options,
     field: field,
     fieldActions: fieldActions,
@@ -20049,7 +20028,7 @@ var CountryDropdown = function CountryDropdown(_ref) {
 
 var backgroundColor$3 = WHITE;
 var boxShadow = "0px 2px 14px 0px ".concat(ATHENS_GREY, ", 0px 3px 8px 0px ").concat(GHOST_GREY);
-var fallbackValues$f = {
+var fallbackValues$g = {
   backgroundColor: backgroundColor$3,
   boxShadow: boxShadow
 };
@@ -20070,7 +20049,7 @@ var DisplayBox = function DisplayBox(_ref) {
   }, children));
 };
 
-var DisplayBox$1 = themeComponent(DisplayBox, "DisplayBox", fallbackValues$f);
+var DisplayBox$1 = themeComponent(DisplayBox, "DisplayBox", fallbackValues$g);
 
 var DisplayCard = function DisplayCard(_ref) {
   var title = _ref.title,
@@ -20417,64 +20396,64 @@ var src_1 = src.FormattedInput;
 var src_2 = src.createFormat;
 var src_3 = src.format;
 
-var linkColor$1 = {
+var linkColor$2 = {
   "default": "".concat(MATISSE_BLUE),
   disabled: "".concat(MATISSE_BLUE)
 };
-var formBackgroundColor = {
+var formBackgroundColor$1 = {
   "default": "".concat(WHITE),
   disabled: "".concat(WHITE),
   checkout: "".concat(ATHENS_GREY),
   collapsible: "".concat(ATHENS_GREY)
 };
-var inputBackgroundColor = {
+var inputBackgroundColor$1 = {
   "default": "".concat(WHITE),
   disabled: "".concat(SEASHELL_WHITE)
 };
-var color$5 = {
+var color$6 = {
   "default": "".concat(MINESHAFT_GREY),
   disabled: "".concat(DUSTY_GREY)
 };
-var labelColor = {
-  "default": "".concat(FIREFLY_GREY),
-  disabled: "".concat(FIREFLY_GREY)
+var labelColor$1 = {
+  "default": "".concat(CHARADE_GREY),
+  disabled: "".concat(CHARADE_GREY)
 };
-var borderColor = {
+var borderColor$1 = {
   "default": "".concat(GREY_CHATEAU),
   disabled: "".concat(GREY_CHATEAU)
 };
-var lineHeight$2 = {
+var lineHeight$3 = {
   "default": "1rem",
   disabled: "1rem"
 };
-var fontSize$5 = {
+var fontSize$6 = {
   "default": "0.875rem",
   disabled: "0.875rem"
 };
-var errorFontSize = {
+var errorFontSize$1 = {
   "default": "0.75rem",
   disabled: "0.75rem"
 };
-var fontWeight$2 = {
+var fontWeight$3 = {
   "default": "".concat(FONT_WEIGHT_REGULAR),
   disabled: "".concat(FONT_WEIGHT_REGULAR)
 };
-var hoverFocusStyles = {
+var hoverFocusStyles$1 = {
   "default": "color: #0E506D; outline: none; text-decoration: underline;  ",
   disabled: "color: #6E727E;"
 };
-var fallbackValues$g = {
-  linkColor: linkColor$1,
-  formBackgroundColor: formBackgroundColor,
-  inputBackgroundColor: inputBackgroundColor,
-  color: color$5,
-  labelColor: labelColor,
-  borderColor: borderColor,
-  lineHeight: lineHeight$2,
-  fontSize: fontSize$5,
-  errorFontSize: errorFontSize,
-  fontWeight: fontWeight$2,
-  hoverFocusStyles: hoverFocusStyles
+var fallbackValues$h = {
+  linkColor: linkColor$2,
+  formBackgroundColor: formBackgroundColor$1,
+  inputBackgroundColor: inputBackgroundColor$1,
+  color: color$6,
+  labelColor: labelColor$1,
+  borderColor: borderColor$1,
+  lineHeight: lineHeight$3,
+  fontSize: fontSize$6,
+  errorFontSize: errorFontSize$1,
+  fontWeight: fontWeight$3,
+  hoverFocusStyles: hoverFocusStyles$1
 };
 
 function _templateObject4$4() {
@@ -20690,7 +20669,7 @@ var FormInput = function FormInput(_ref13) {
   }, decorator)));
 };
 
-var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$g, "default");
+var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$h, "default");
 
 var FormInputRow = function FormInputRow(_ref) {
   var _ref$breakpoint = _ref.breakpoint,
@@ -20740,9 +20719,9 @@ var FormContainer = function FormContainer(_ref) {
   }, rest), children);
 };
 
-var FormContainer$1 = themeComponent(withWindowSize(FormContainer), "FormContainer", fallbackValues$g, "default");
+var FormContainer$1 = themeComponent(withWindowSize(FormContainer), "FormContainer", fallbackValues$h, "default");
 
-var fontSize$6 = {
+var fontSize$7 = {
   "default": "1rem",
   radio: "1.0625rem"
 };
@@ -20750,14 +20729,14 @@ var padding$1 = {
   "default": "0",
   radio: "0.625rem 0"
 };
-var color$6 = {
+var color$7 = {
   "default": "".concat(CHARADE_GREY),
   radio: "".concat(MINESHAFT_GREY)
 };
-var fallbackValues$h = {
-  fontSize: fontSize$6,
+var fallbackValues$i = {
+  fontSize: fontSize$7,
   padding: padding$1,
-  color: color$6
+  color: color$7
 };
 
 var FormattedAddress = function FormattedAddress(_ref) {
@@ -20797,11 +20776,11 @@ var FormattedAddress = function FormattedAddress(_ref) {
   }, city, ", ", stateProvince, " ".concat(zip), country ? " ".concat(country) : "")));
 };
 
-var FormattedAddress$1 = themeComponent(FormattedAddress, "FormattedAddress", fallbackValues$h, "default");
+var FormattedAddress$1 = themeComponent(FormattedAddress, "FormattedAddress", fallbackValues$i, "default");
 
 var textColor$1 = "".concat(CHARADE_GREY);
 var autopayTextColor = "".concat(REGENT_GREY);
-var fallbackValues$i = {
+var fallbackValues$j = {
   textColor: textColor$1,
   autopayTextColor: autopayTextColor
 };
@@ -20854,7 +20833,7 @@ var FormattedCreditCard = function FormattedCreditCard(_ref) {
   }, "Autopay Enabled")));
 };
 
-var FormattedCreditCard$1 = themeComponent(FormattedCreditCard, "FormattedCreditCard", fallbackValues$i, "default");
+var FormattedCreditCard$1 = themeComponent(FormattedCreditCard, "FormattedCreditCard", fallbackValues$j, "default");
 
 function _templateObject3$8() {
   var data = _taggedTemplateLiteral(["\n  display: block;\n  top: auto;\n  bottom: 6px;\n  left: 2px;\n  transition-duration: 0.13s;\n  transition-delay: 0.13s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  margin-top: 12px;\n  background-color: ", ";\n\n  &, &::before, &::after {\n    background-color: ", ";\n    width: 30px;\n    height: 3px;\n    position: absolute;\n    transition-property: transform;\n    transition-duration: 0.15s;\n    transition-timing-function: ease;\n  }\n\n  &::before, &::after {\n    content: \"\";\n    display: block;\n  }\n\n  &::before {\n    top: -10px;\n    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), \n                transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  &::after {\n    bottom: -10px;\n    top: -20px;\n    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), \n                opacity 0.1s linear;\n  }\n\n  &.active, &.active::before, &.active::after {\n    background-color: ", ";\n  }\n\n  &.active {\n    transform: translate3d(0, -10px, 0) rotate(-45deg);\n    transition-delay: 0.22s;\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  &.active::after {\n    top: 0;\n    opacity: 0;\n    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), \n                opacity: 0.1s 0.22s linear;\n  }\n\n  &.active::before {\n    top: 0;\n    transform: rotate(-90deg);\n    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), \n                transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n"]);
@@ -20971,14 +20950,14 @@ var Jumbo = function Jumbo(_ref) {
 
 var Jumbo$1 = withWindowSize(Jumbo);
 
-var fontWeight$3 = {
+var fontWeight$4 = {
   "default": "600",
   p: "600",
   pL: "600",
   h6: "700"
 };
-var fallbackValues$j = {
-  fontWeight: fontWeight$3
+var fallbackValues$k = {
+  fontWeight: fontWeight$4
 };
 
 var LabeledAmount = function LabeledAmount(_ref) {
@@ -21004,7 +20983,7 @@ var LabeledAmount = function LabeledAmount(_ref) {
   }, amount));
 };
 
-var LabeledAmount$1 = themeComponent(LabeledAmount, "LabeledAmount", fallbackValues$j, "default");
+var LabeledAmount$1 = themeComponent(LabeledAmount, "LabeledAmount", fallbackValues$k, "default");
 
 var weightTitle = {
   "default": "600",
@@ -21014,7 +20993,7 @@ var paragraphVariant = {
   "default": "pL",
   small: "p"
 };
-var fallbackValues$k = {
+var fallbackValues$l = {
   weightTitle: weightTitle,
   paragraphVariant: paragraphVariant
 };
@@ -21043,11 +21022,11 @@ var LineItem = function LineItem(_ref) {
   }, amount));
 };
 
-var LineItem$1 = themeComponent(LineItem, "LineItem", fallbackValues$k, "default");
+var LineItem$1 = themeComponent(LineItem, "LineItem", fallbackValues$l, "default");
 
-var color$7 = "#15749D";
-var fallbackValues$l = {
-  color: color$7
+var color$8 = "#15749D";
+var fallbackValues$m = {
+  color: color$8
 };
 
 function _templateObject2$g() {
@@ -21098,7 +21077,7 @@ var Spinner$1 = function Spinner(_ref4) {
   })));
 };
 
-var Spinner$2 = themeComponent(Spinner$1, "Spinner", fallbackValues$l);
+var Spinner$2 = themeComponent(Spinner$1, "Spinner", fallbackValues$m);
 
 var Loading = function Loading() {
   return /*#__PURE__*/React__default.createElement(Box, {
@@ -21512,7 +21491,7 @@ var PasswordRequirements = function PasswordRequirements(_ref) {
   }))));
 };
 
-var color$8 = {
+var color$9 = {
   "default": "".concat(CHARADE_GREY),
   large: "".concat(BRIGHT_GREY)
 };
@@ -21520,8 +21499,8 @@ var height$1 = {
   "default": "3rem",
   large: "192px"
 };
-var fallbackValues$m = {
-  color: color$8,
+var fallbackValues$n = {
+  color: color$9,
   height: height$1
 };
 
@@ -21609,12 +21588,12 @@ var Placeholder = function Placeholder(_ref2) {
   }, text)))))))))));
 };
 
-var Placeholder$1 = themeComponent(Placeholder, "Placeholder", fallbackValues$m, "default");
+var Placeholder$1 = themeComponent(Placeholder, "Placeholder", fallbackValues$n, "default");
 
 var backgroundColor$4 = {
   "default": "".concat(WHITE)
 };
-var fallbackValues$n = {
+var fallbackValues$o = {
   backgroundColor: backgroundColor$4
 };
 
@@ -21642,11 +21621,11 @@ var ProcessingFee = function ProcessingFee(_ref) {
   }));
 };
 
-var ProcessingFee$1 = themeComponent(ProcessingFee, "ProcessingFee", fallbackValues$n, "default");
+var ProcessingFee$1 = themeComponent(ProcessingFee, "ProcessingFee", fallbackValues$o, "default");
 
 var activeColor$4 = "".concat(MATISSE_BLUE);
 var inactiveColor = "".concat(GREY_CHATEAU);
-var fallbackValues$o = {
+var fallbackValues$p = {
   activeColor: activeColor$4,
   inactiveColor: inactiveColor
 };
@@ -21742,16 +21721,16 @@ var RadioButton$1 = function RadioButton(_ref2) {
   })));
 };
 
-var RadioButton$2 = themeComponent(RadioButton$1, "RadioButton", fallbackValues$o);
+var RadioButton$2 = themeComponent(RadioButton$1, "RadioButton", fallbackValues$p);
 
-var borderColor$1 = {
+var borderColor$2 = {
   "default": "".concat(GREY_CHATEAU)
 };
 var borderSize = {
   "default": "1px"
 };
-var fallbackValues$p = {
-  borderColor: borderColor$1,
+var fallbackValues$q = {
+  borderColor: borderColor$2,
   borderSize: borderSize
 };
 
@@ -21767,7 +21746,7 @@ var SolidDivider = function SolidDivider(_ref) {
   });
 };
 
-var SolidDivider$1 = themeComponent(SolidDivider, "SolidDivider", fallbackValues$p, "default");
+var SolidDivider$1 = themeComponent(SolidDivider, "SolidDivider", fallbackValues$q, "default");
 
 var placeHolderOptionUS = {
   text: "Please select state",
@@ -32332,7 +32311,7 @@ var FormStateDropdown = function FormStateDropdown(_ref) {
       countryCode = _ref.countryCode;
   var placeholder = countryCode === "US" ? placeHolderOptionUS : placeHolderOption;
   var options = [placeholder].concat(_toConsumableArray(getOptions(countryCode)));
-  return /*#__PURE__*/React__default.createElement(FormSelect, {
+  return /*#__PURE__*/React__default.createElement(FormSelect$1, {
     options: options,
     field: field,
     fieldActions: fieldActions,
@@ -32349,7 +32328,7 @@ var offBackground = "".concat(REGENT_GREY);
 var labelStyles = "\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n";
 var rightLabelStyles = "\n  ".concat(labelStyles, "\n  flex-direction: row;\n");
 var leftLabelStyles = "\n  ".concat(labelStyles, "\n  flex-direction: row-reverse;\n");
-var fallbackValues$q = {
+var fallbackValues$r = {
   onBackground: onBackground,
   disabledBackground: disabledBackground,
   white: white,
@@ -32551,7 +32530,7 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
   }, label))));
 };
 
-var ToggleSwitch$1 = themeComponent(ToggleSwitch, "ToggleSwitch", fallbackValues$q);
+var ToggleSwitch$1 = themeComponent(ToggleSwitch, "ToggleSwitch", fallbackValues$r);
 
 var background$1 = "".concat(ATHENS_GREY);
 var white$1 = "".concat(WHITE);
@@ -34483,7 +34462,7 @@ ChangePasswordForm.mapDispatchToProps = mapDispatchToProps$1;
 var titleColor = "#292A33";
 var headingBackgroundColor = "transparent";
 var bodyBackgroundColor = "transparent";
-var fallbackValues$r = {
+var fallbackValues$s = {
   titleColor: titleColor,
   headingBackgroundColor: headingBackgroundColor,
   bodyBackgroundColor: bodyBackgroundColor
@@ -34584,7 +34563,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
   }, children))));
 };
 
-var CollapsibleSection$1 = themeComponent(CollapsibleSection, "CollapsibleSection", fallbackValues$r);
+var CollapsibleSection$1 = themeComponent(CollapsibleSection, "CollapsibleSection", fallbackValues$s);
 
 var EditNameForm = function EditNameForm(_ref) {
   var fields = _ref.fields,
@@ -35119,7 +35098,7 @@ ForgotPasswordForm.mapDispatchToProps = mapDispatchToProps$4;
 
 var textColor$2 = "#ffffff";
 var backgroundColor$5 = "#182848";
-var fallbackValues$s = {
+var fallbackValues$t = {
   textColor: textColor$2,
   backgroundColor: backgroundColor$5
 };
@@ -35165,7 +35144,7 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
   }), repeat( /*#__PURE__*/React__default.createElement(Box, null), boxesAfter))));
 };
 
-var HighlightTabRow$1 = /*#__PURE__*/React.memo(themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$s));
+var HighlightTabRow$1 = /*#__PURE__*/React.memo(themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$t));
 
 var LoginForm = function LoginForm(_ref) {
   var _emailErrorMessages;
@@ -36500,11 +36479,11 @@ var Modal$1 = function Modal(_ref) {
   })))))))));
 };
 
-var fontSize$7 = {
+var fontSize$8 = {
   "default": "1.375rem",
   largeTitle: "1.75rem"
 };
-var fontWeight$4 = {
+var fontWeight$5 = {
   "default": "600",
   largeTitle: "700"
 };
@@ -36512,7 +36491,7 @@ var fontColor = {
   "default": CHARADE_GREY,
   largeTitle: CHARADE_GREY
 };
-var lineHeight$3 = {
+var lineHeight$4 = {
   "default": "2rem",
   largeTitle: "2rem"
 };
@@ -36540,11 +36519,11 @@ var backgroundColor$6 = {
   "default": WHITE,
   largeTitle: WHITE
 };
-var fallbackValues$t = {
-  fontSize: fontSize$7,
-  fontWeight: fontWeight$4,
+var fallbackValues$u = {
+  fontSize: fontSize$8,
+  fontWeight: fontWeight$5,
   fontColor: fontColor,
-  lineHeight: lineHeight$3,
+  lineHeight: lineHeight$4,
   textAlign: textAlign,
   titleType: titleType,
   titleSpacing: titleSpacing,
@@ -36581,7 +36560,7 @@ var Module = function Module(_ref) {
   }, children)));
 };
 
-var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$t, "default"));
+var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$u, "default"));
 
 var backgroundColor$7 = {
   profile: "#3b414d",
@@ -36591,7 +36570,7 @@ var shadowColor = {
   profile: "#292A33",
   cms: "#292A33"
 };
-var fallbackValues$u = {
+var fallbackValues$v = {
   backgroundColor: backgroundColor$7,
   shadowColor: shadowColor
 };
@@ -36632,7 +36611,7 @@ var NavMenuDesktop = function NavMenuDesktop(_ref) {
   }, menuContent));
 };
 
-var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$u, "profile");
+var NavMenuDesktop$1 = themeComponent(NavMenuDesktop, "NavMenu", fallbackValues$v, "profile");
 
 function _templateObject$B() {
   var data = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 72px;\n"]);
@@ -36694,7 +36673,7 @@ var NavMenuMobile = function NavMenuMobile(_ref) {
   }, menuContent));
 };
 
-var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$u, "profile");
+var NavMenuMobile$1 = themeComponent(NavMenuMobile, "NavMenu", fallbackValues$v, "profile");
 
 var AccountBillIcon = function AccountBillIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
@@ -38193,11 +38172,11 @@ var TitleModule = function TitleModule(_ref) {
   }, subtitle)));
 };
 
-var color$9 = "#15749D";
+var color$a = "#15749D";
 var hoverColor$4 = "#116285";
 var activeColor$5 = "#0E506D";
-var fallbackValues$v = {
-  color: color$9,
+var fallbackValues$w = {
+  color: color$a,
   hoverColor: hoverColor$4,
   activeColor: activeColor$5
 };
@@ -38267,7 +38246,7 @@ var AutopayModal = function AutopayModal(_ref) {
   }, modalExtraProps));
 };
 
-var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$v);
+var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$w);
 
 var AmountModule = function AmountModule(_ref) {
   var totalAmountDue = _ref.totalAmountDue,
@@ -38824,7 +38803,7 @@ var labeledAmountTotal = {
   "default": "h6",
   small: "pL"
 };
-var fallbackValues$w = {
+var fallbackValues$x = {
   backgroundColor: backgroundColor$8,
   lineItem: lineItem,
   labeledAmountSubtotal: labeledAmountSubtotal,
@@ -39000,21 +38979,21 @@ var PaymentDetails = function PaymentDetails(_ref4) {
   });
 };
 
-var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$w, "default");
+var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$x, "default");
 
-var linkColor$2 = {
+var linkColor$3 = {
   "default": "#357fb8",
   footer: "#ffffff"
 };
-var fontSize$8 = {
+var fontSize$9 = {
   "default": "1rem",
   footer: "0.875rem"
 };
-var lineHeight$4 = {
+var lineHeight$5 = {
   "default": "1.5rem",
   footer: "1.25rem"
 };
-var fontWeight$5 = {
+var fontWeight$6 = {
   "default": FONT_WEIGHT_REGULAR,
   footer: FONT_WEIGHT_SEMIBOLD
 };
@@ -39022,11 +39001,11 @@ var modalLinkHoverFocus = {
   "default": "",
   footer: "outline: none; text-decoration: underline;"
 };
-var fallbackValues$x = {
-  linkColor: linkColor$2,
-  fontSize: fontSize$8,
-  lineHeight: lineHeight$4,
-  fontWeight: fontWeight$5,
+var fallbackValues$y = {
+  linkColor: linkColor$3,
+  fontSize: fontSize$9,
+  lineHeight: lineHeight$5,
+  fontWeight: fontWeight$6,
   modalLinkHoverFocus: modalLinkHoverFocus
 };
 
@@ -39085,7 +39064,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
   });
 };
 
-var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$x, "default");
+var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$y, "default");
 
 function _templateObject2$l() {
   var data = _taggedTemplateLiteral(["\n  outline: none;\n"]);
@@ -39249,7 +39228,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     }
-  }), allowBankAccountType && /*#__PURE__*/React__default.createElement(FormSelect, {
+  }), allowBankAccountType && /*#__PURE__*/React__default.createElement(FormSelect$1, {
     labelTextWhenNoError: "Account type",
     options: [{
       text: "Select account type",
@@ -39609,13 +39588,13 @@ PhoneForm.mapDispatchToProps = mapDispatchToProps$8;
 var headingBackgroundColor$1 = "".concat(WHITE);
 var headingDisabledColor = "".concat(ATHENS_GREY);
 var bodyBackgroundColor$1 = "#eeeeee";
-var borderColor$2 = "".concat(GREY_CHATEAU);
+var borderColor$3 = "".concat(GREY_CHATEAU);
 var focusStyles = "outline: none;";
-var fallbackValues$y = {
+var fallbackValues$z = {
   headingBackgroundColor: headingBackgroundColor$1,
   headingDisabledColor: headingDisabledColor,
   bodyBackgroundColor: bodyBackgroundColor$1,
-  borderColor: borderColor$2,
+  borderColor: borderColor$3,
   focusStyles: focusStyles
 };
 
@@ -39802,7 +39781,7 @@ var RadioSection = function RadioSection(_ref) {
   })));
 };
 
-var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$y);
+var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$z);
 
 var RegistrationForm = function RegistrationForm(_ref) {
   var _emailErrorMessages, _passwordErrorMessage;
@@ -40091,7 +40070,7 @@ var ResetPasswordSuccess = withWindowSize(ResetConfirmationForm$2);
 var activeTabBackground = "#FFFFFF";
 var activeTabAccent = "#15749D";
 var activeTabHover = "#B8D5E1";
-var fallbackValues$z = {
+var fallbackValues$A = {
   activeTabBackground: activeTabBackground,
   activeTabAccent: activeTabAccent,
   activeTabHover: activeTabHover
@@ -40147,13 +40126,13 @@ var TabSidebar = function TabSidebar(_ref) {
   })));
 };
 
-var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$z);
+var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$A);
 
 var backgroundColor$9 = {
   "default": "#ffffff",
   footer: "#ffffff"
 };
-var linkColor$3 = {
+var linkColor$4 = {
   "default": "#357fb8",
   footer: "#ffffff"
 };
@@ -40161,15 +40140,15 @@ var border$2 = {
   "default": "#cdcdcd",
   footer: "#cdcdcd"
 };
-var fontSize$9 = {
+var fontSize$a = {
   "default": "1rem",
   footer: "0.875rem"
 };
-var lineHeight$5 = {
+var lineHeight$6 = {
   "default": "1.5rem",
   footer: "1.25rem"
 };
-var fontWeight$6 = {
+var fontWeight$7 = {
   "default": FONT_WEIGHT_REGULAR,
   footer: FONT_WEIGHT_SEMIBOLD
 };
@@ -40177,13 +40156,13 @@ var modalLinkHoverFocus$1 = {
   "default": "",
   footer: "outline: none; text-decoration: underline;"
 };
-var fallbackValues$A = {
+var fallbackValues$B = {
   backgroundColor: backgroundColor$9,
-  linkColor: linkColor$3,
+  linkColor: linkColor$4,
   border: border$2,
-  fontSize: fontSize$9,
-  lineHeight: lineHeight$5,
-  fontWeight: fontWeight$6,
+  fontSize: fontSize$a,
+  lineHeight: lineHeight$6,
+  fontWeight: fontWeight$7,
   modalLinkHoverFocus: modalLinkHoverFocus$1
 };
 
@@ -40241,7 +40220,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
   });
 };
 
-var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$A, "default");
+var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$B, "default");
 
 function _templateObject2$m() {
   var data = _taggedTemplateLiteral([""]);
@@ -40365,13 +40344,13 @@ var Timeout = function Timeout(_ref) {
 
 var Timeout$1 = withWindowSize(Timeout);
 
-var fontWeight$7 = "600";
+var fontWeight$8 = "600";
 var fontColor$1 = WHITE;
 var textAlign$1 = "left";
 var headerBackgroundColor = BRIGHT_GREY;
 var imageBackgroundColor = MATISSE_BLUE;
-var fallbackValues$B = {
-  fontWeight: fontWeight$7,
+var fallbackValues$C = {
+  fontWeight: fontWeight$8,
   fontColor: fontColor$1,
   textAlign: textAlign$1,
   headerBackgroundColor: headerBackgroundColor,
@@ -40423,7 +40402,7 @@ var WelcomeModule = function WelcomeModule(_ref) {
   })))));
 };
 
-var WelcomeModule$1 = /*#__PURE__*/React.memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$B));
+var WelcomeModule$1 = /*#__PURE__*/React.memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$C));
 
 var WorkflowTile = function WorkflowTile(_ref) {
   var _ref$workflowName = _ref.workflowName,
@@ -40471,7 +40450,7 @@ var WorkflowTile = function WorkflowTile(_ref) {
 };
 
 var pageBackground = "#F6F6F9";
-var fallbackValues$C = {
+var fallbackValues$D = {
   pageBackground: pageBackground
 };
 
@@ -40518,7 +40497,7 @@ var CenterSingle = function CenterSingle(_ref) {
   })));
 };
 
-var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$C));
+var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$D));
 
 var CenterStack = function CenterStack(_ref) {
   var header = _ref.header,
@@ -40560,7 +40539,7 @@ var CenterStack = function CenterStack(_ref) {
   })));
 };
 
-var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$C));
+var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$D));
 
 var CenterSingle$2 = function CenterSingle(_ref) {
   var header = _ref.header,
@@ -40600,7 +40579,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
   })));
 };
 
-var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$C));
+var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$D));
 
 var SidebarSingleContent = function SidebarSingleContent(_ref) {
   var header = _ref.header,
@@ -40654,7 +40633,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
   })));
 };
 
-var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$C));
+var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$D));
 
 var SidebarStackContent = function SidebarStackContent(_ref) {
   var header = _ref.header,
@@ -40725,7 +40704,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
   })));
 };
 
-var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$C));
+var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$D));
 
 
 
@@ -40795,7 +40774,7 @@ exports.FormContainer = FormContainer$1;
 exports.FormInput = FormInput$1;
 exports.FormInputColumn = FormInputColumn;
 exports.FormInputRow = FormInputRow;
-exports.FormSelect = FormSelect;
+exports.FormSelect = FormSelect$1;
 exports.FormattedAddress = FormattedAddress$1;
 exports.FormattedCreditCard = FormattedCreditCard$1;
 exports.Frame = Frame;
@@ -40838,6 +40817,7 @@ exports.PendingIcon = PendingIcon;
 exports.PhoneForm = PhoneForm;
 exports.Placeholder = Placeholder$1;
 exports.ProcessingFee = ProcessingFee$1;
+exports.ProfileIcon = ProfileIcon$1;
 exports.ProfileIconSmall = ProfileIconSmall$1;
 exports.PropertiesAddIcon = PropertiesAddIcon$1;
 exports.PropertiesIconSmall = PropertiesIconSmall$1;