@thecb/components 4.1.16-beta.0 → 4.1.18-beta.0

package/dist/index.cjs.js

@@ -14663,6 +14663,40 @@ var ProfileIcon = function ProfileIcon(_ref) {
 
 var ProfileIcon$1 = themeComponent(ProfileIcon, "Icons", fallbackValues$2, "info");
 
+var GenericCardLarge = function GenericCardLarge() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "34",
+    height: "28",
+    viewBox: "0 0 34 28"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    stroke: "none",
+    strokeWidth: "1"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    fillRule: "nonzero",
+    transform: "translate(-142 -927)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    transform: "translate(94 518)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    transform: "translate(24 350)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    transform: "translate(0 35)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    transform: "translate(24 24)"
+  }, /*#__PURE__*/React__default.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"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#000",
+    d: "M0.035 6.699H32.50599999999999V13.699H0.035z"
+  }), /*#__PURE__*/React__default.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"
+  }))))))));
+};
+
 var color$2 = "#15749D";
 var hoverColor$1 = "#116285";
 var activeColor$1 = "#0E506D";
@@ -38492,10 +38526,10 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
   return /*#__PURE__*/React__default.createElement(FormContainer$1, {
     variant: variant,
     role: "form",
-    "aria-label": "Partial amount"
+    "aria-label": "Other amount"
   }, /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "p"
-  }, "Pay a portion of your current bill. The remaining balance will still be due on the same due date."), /*#__PURE__*/React__default.createElement("div", {
+  }, "Pay a different amount. The total balance will still be due on the same due date."), /*#__PURE__*/React__default.createElement("div", {
     style: {
       height: "16px"
     }
@@ -40545,6 +40579,7 @@ exports.FormattedAddress = FormattedAddress$1;
 exports.FormattedCreditCard = FormattedCreditCard$1;
 exports.Frame = Frame;
 exports.GenericCard = GenericCard;
+exports.GenericCardLarge = GenericCardLarge;
 exports.GoToEmailIcon = GoToEmailIcon$1;
 exports.Grid = Grid;
 exports.HamburgerButton = HamburgerButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.1.16-beta.0",
+  "version": "4.1.18-beta.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/icons/GenericCardLarge.js

@@ -0,0 +1,39 @@
+import React from "react";
+
+const GenericCardLarge = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="34"
+      height="28"
+      viewBox="0 0 34 28"
+    >
+      <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
+        <g fillRule="nonzero" transform="translate(-142 -927)">
+          <g transform="translate(94 518)">
+            <g transform="translate(24 350)">
+              <g transform="translate(0 35)">
+                <g transform="translate(24 24)">
+                  <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"
+                  ></path>
+                  <path
+                    fill="#000"
+                    d="M0.035 6.699H32.50599999999999V13.699H0.035z"
+                  ></path>
+                  <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"
+                  ></path>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+export default GenericCardLarge;

package/src/components/atoms/icons/index.js

@@ -41,6 +41,7 @@ import VoidedIcon from "./VoidedIcon";
 import StatusUnknownIcon from "./StatusUnknownIcon";
 import CarrotIcon from "./CarrotIcon";
 import ProfileIcon from "./ProfileIcon";
+import GenericCardLarge from "./GenericCardLarge";
 
 export {
   AccountsIcon,
@@ -85,5 +86,6 @@ export {
   VoidedIcon,
   StatusUnknownIcon,
   CarrotIcon,
-  ProfileIcon
+  ProfileIcon,
+  GenericCardLarge
 };

package/src/components/molecules/partial-amount-form/PartialAmountForm.js

@@ -39,10 +39,10 @@ const PartialAmountForm = ({
 
   const lineItemsNew = Array.isArray(lineItems) ? lineItems : [];
   return (
-    <FormContainer variant={variant} role="form" aria-label="Partial amount">
+    <FormContainer variant={variant} role="form" aria-label="Other amount">
       <Text variant="p">
-        Pay a portion of your current bill. The remaining balance will still be
-        due on the same due date.
+        Pay a different amount. The total balance will still be due on the same
+        due date.
       </Text>
       <div style={{ height: "16px" }}></div>
       <FormInputColumn>