@thecb/components 6.2.6 → 6.2.9

package/dist/index.esm.js

@@ -6296,6 +6296,20 @@ var checkDeniedCards = function checkDeniedCards(name) {
 var screenReaderOnlyStyle = "\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n";
 var inputPlaceholderTextStyle = "\n  ::-webkit-input-placeholder {\n    color: ".concat(CHARADE_GREY, ";\n  }\n  ::-moz-placeholder {\n    color: ").concat(CHARADE_GREY, ";\n  }\n  ::-ms-placeholder {\n    color: ").concat(CHARADE_GREY, ";\n  }\n  ::placeholder {\n    color: ").concat(CHARADE_GREY, ";\n  }\n");
 var inputDisabledStyle = "\n  color: #6e727e;\n  background-color: #f7f7f7;\n  pointer-events: none;\n";
+var MOBILE_WIDTH = 768;
+var throttle = function throttle(delay, fn) {
+  var lastCall = 0;
+  return function () {
+    var now = new Date().getTime();
+
+    if (now - lastCall < delay) {
+      return;
+    }
+
+    lastCall = now;
+    return fn.apply(void 0, arguments);
+  };
+};
 
 var general = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -6311,7 +6325,9 @@ var general = /*#__PURE__*/Object.freeze({
   checkDeniedCards: checkDeniedCards,
   screenReaderOnlyStyle: screenReaderOnlyStyle,
   inputPlaceholderTextStyle: inputPlaceholderTextStyle,
-  inputDisabledStyle: inputDisabledStyle
+  inputDisabledStyle: inputDisabledStyle,
+  MOBILE_WIDTH: MOBILE_WIDTH,
+  throttle: throttle
 });
 
 var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children"];
@@ -13730,42 +13746,27 @@ var BankIcon = function BankIcon() {
 
 var GenericCard = function GenericCard() {
   return /*#__PURE__*/React.createElement("svg", {
-    width: "28px",
-    height: "18px",
-    viewBox: "0 0 28 18",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
-    id: "bg",
-    fill: "#CACED8",
-    x: "0",
-    y: "0",
     width: "28",
     height: "18",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement("g", {
-    transform: "translate(0.000000, 4.000000)",
-    fill: "#6D717E"
+    viewBox: "0 0 28 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React.createElement("rect", {
-    id: "Rectangle-Copy-7",
-    x: "0",
-    y: "0",
     width: "28",
-    height: "4"
-  }), /*#__PURE__*/React.createElement("rect", {
-    id: "Rectangle-Copy-8",
-    x: "17",
-    y: "8",
-    width: "7",
-    height: "2",
-    rx: "1"
-  })))));
+    height: "18",
+    rx: "2",
+    fill: "#15749D"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.86108 13C3.44687 13 3.11108 13.3358 3.11108 13.75C3.11108 14.1642 3.44687 14.5 3.86108 14.5H7.80553C8.21974 14.5 8.55553 14.1642 8.55553 13.75C8.55553 13.3358 8.21974 13 7.80553 13H3.86108ZM10.8611 13C10.4469 13 10.1111 13.3358 10.1111 13.75C10.1111 14.1642 10.4469 14.5 10.8611 14.5H17.9166C18.3309 14.5 18.6666 14.1642 18.6666 13.75C18.6666 13.3358 18.3309 13 17.9166 13H10.8611Z",
+    fill: "#E4F4FD"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.2223 5.25V6.75H18.6667V6.25C18.6667 5.69772 19.1145 5.25 19.6667 5.25H20.2223ZM20.4723 5.25V6.75H22.3056V5.25H22.5556V6.75H24.1109V7H22.5556V8.25L24.1109 8.25V8.5L22.5556 8.5V9.74999L23.1111 9.74999C23.6634 9.74999 24.1111 9.30228 24.1111 8.74999V6.25C24.1111 5.69772 23.6634 5.25 23.1111 5.25H20.4723ZM22.3056 9.74999V8.5L20.4723 8.49999V9.74999L22.3056 9.74999ZM20.2223 9.74999V8.49999L18.6667 8.49999V8.74999C18.6667 9.30228 19.1145 9.74999 19.6667 9.74999H20.2223ZM18.6667 8.24999L20.2223 8.24999V7H18.6667V8.24999ZM20.4723 8.24999V7H22.3056V8.25L20.4723 8.24999Z",
+    fill: "#F4C932"
+  }));
 };
 
 var BankItemWrapper = styled.div.withConfig({
@@ -14899,36 +14900,27 @@ var ProfileIcon$1 = themeComponent(ProfileIcon, "Icons", fallbackValues$2, "info
 
 var GenericCardLarge = function GenericCardLarge() {
   return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "34",
-    height: "28",
-    viewBox: "0 0 34 28"
-  }, /*#__PURE__*/React.createElement("g", {
+    width: "36",
+    height: "24",
+    viewBox: "0 0 36 24",
     fill: "none",
-    fillRule: "evenodd",
-    stroke: "none",
-    strokeWidth: "1"
-  }, /*#__PURE__*/React.createElement("g", {
-    fillRule: "nonzero",
-    transform: "translate(-142 -927)"
-  }, /*#__PURE__*/React.createElement("g", {
-    transform: "translate(94 518)"
-  }, /*#__PURE__*/React.createElement("g", {
-    transform: "translate(24 350)"
-  }, /*#__PURE__*/React.createElement("g", {
-    transform: "translate(0 35)"
-  }, /*#__PURE__*/React.createElement("g", {
-    transform: "translate(24 24)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#CACED8",
-    d: "M29.259.699H3.282C1.497.699.035 2.217.035 4.074v20.25c0 1.856 1.462 3.375 3.247 3.375H29.26c1.786 0 3.247-1.52 3.247-3.375V4.074c0-1.857-1.461-3.375-3.247-3.375z"
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "36",
+    height: "24",
+    rx: "2",
+    fill: "#15749D"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#000",
-    d: "M0.035 6.699H32.50599999999999V13.699H0.035z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 17.3333C4.44772 17.3333 4 17.781 4 18.3333C4 18.8856 4.44772 19.3333 5 19.3333H10C10.5523 19.3333 11 18.8856 11 18.3333C11 17.781 10.5523 17.3333 10 17.3333H5ZM14 17.3333C13.4477 17.3333 13 17.781 13 18.3333C13 18.8856 13.4477 19.3333 14 19.3333H23C23.5523 19.3333 24 18.8856 24 18.3333C24 17.781 23.5523 17.3333 23 17.3333H14Z",
+    fill: "#E4F4FD"
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#000",
-    d: "M27.51 22.699h-6.244c-.468 0-.937-.47-.937-.938v-3.125c0-.469.469-.937.937-.937h6.244c.469 0 .937.468.937.937v3.125c0 .625-.312.938-.937.938z"
-  }))))))));
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M26.0357 7V9.04167H24V8C24 7.44771 24.4477 7 25 7H26.0357ZM26.2857 7V9.04167H28.7142V7H28.9642V9.04167H30.9997V9.29167H28.9642V11.0417L30.9997 11.0417L30.9997 11.2917L28.9642 11.2917V13L29.9999 13C30.5522 13 30.9999 12.5523 30.9999 12V8C30.9999 7.44772 30.5522 7 29.9999 7H26.2857ZM28.7142 13V11.2917L26.2857 11.2917V13L28.7142 13ZM26.0357 13V11.2917L24 11.2917V12C24 12.5523 24.4477 13 25 13L26.0357 13ZM24 11.0417L26.0357 11.0417V9.29167H24V11.0417ZM26.2857 11.0417V9.29167H28.7142V11.0417L26.2857 11.0417Z",
+    fill: "#F4C932"
+  }));
 };
 
 var EmptyCartIcon = function EmptyCartIcon(_ref) {
@@ -19057,22 +19049,6 @@ var fallbackValues$b = {
   iconBackgroundColor: iconBackgroundColor
 };
 
-var MOBILE_WIDTH = 768;
-
-var throttle = function throttle(delay, fn) {
-  var lastCall = 0;
-  return function () {
-    var now = new Date().getTime();
-
-    if (now - lastCall < delay) {
-      return;
-    }
-
-    lastCall = now;
-    return fn.apply(void 0, arguments);
-  };
-};
-
 var withWindowSize = function withWindowSize(Child) {
   return function (_ref) {
     var props = _extends({}, _ref);
@@ -19217,8 +19193,8 @@ var cardRegistry = {
   accounts: function accounts(props) {
     return /*#__PURE__*/React.createElement(Card$1, _extends({
       icon: "accounts",
-      heading: "Add an Account",
-      buttonText: "Add Account",
+      heading: "Find Your Account",
+      buttonText: "Find Account",
       text: "Find and attach your accounts to make your payments simple.",
       cardAction: "/profile/accounts"
     }, props));
@@ -19226,8 +19202,8 @@ var cardRegistry = {
   properties: function properties(props) {
     return /*#__PURE__*/React.createElement(Card$1, _extends({
       icon: "properties",
-      heading: "Add a Property",
-      buttonText: "Add Property",
+      heading: "Find Your Property",
+      buttonText: "Find Property",
       text: "Find and attach your properties to make your tax payments simple.",
       cardAction: "/profile/properties"
     }, props));
@@ -19235,8 +19211,8 @@ var cardRegistry = {
   payment: function payment(props) {
     return /*#__PURE__*/React.createElement(Card$1, _extends({
       icon: "payment",
-      heading: "Configure Your Settings",
-      buttonText: "Configure Settings",
+      heading: "Manage Your Wallet",
+      buttonText: "Go to Wallet",
       text: "Add your personal information and payment methods to make fast payments.",
       cardAction: "/profile/settings"
     }, props));