@thecb/components 4.1.24 → 4.1.25

package/dist/index.cjs.js

@@ -34990,15 +34990,15 @@ var EmailForm = function EmailForm(_ref) {
     }, []);
   }
 
-  var emailFieldErrorMessages = (_emailFieldErrorMessa = {}, _defineProperty(_emailFieldErrorMessa, required.error, "Email is required"), _defineProperty(_emailFieldErrorMessa, isProbablyEmail.error, "Invalid email address"), _emailFieldErrorMessa);
+  var emailFieldErrorMessages = (_emailFieldErrorMessa = {}, _defineProperty(_emailFieldErrorMessa, required.error, "Email address is required"), _defineProperty(_emailFieldErrorMessa, isProbablyEmail.error, "Invalid email address"), _emailFieldErrorMessa);
   return /*#__PURE__*/React__default.createElement(FormContainer$1, {
     variant: variant,
     role: "form",
-    "aria-label": "Email"
+    "aria-label": "Email address"
   }, guestCheckout && /*#__PURE__*/React__default.createElement(Paragraph$1, {
     margin: "0 0 1.125rem 0"
   }, "If desired, you can create a wallet later for faster checkout"), /*#__PURE__*/React__default.createElement(FormInputColumn, null, /*#__PURE__*/React__default.createElement(FormInput$1, {
-    labelTextWhenNoError: "Email",
+    labelTextWhenNoError: "Email address",
     errorMessages: emailFieldErrorMessages,
     type: "email",
     field: fields.email,
@@ -35049,9 +35049,9 @@ var ForgotPasswordForm = function ForgotPasswordForm(_ref) {
     }, []);
   }
 
-  var EmailErrorMessages = (_EmailErrorMessages = {}, _defineProperty(_EmailErrorMessages, required.error, "Email is required"), _defineProperty(_EmailErrorMessages, isProbablyEmail.error, "Email is not valid"), _EmailErrorMessages);
+  var EmailErrorMessages = (_EmailErrorMessages = {}, _defineProperty(_EmailErrorMessages, required.error, "Email address is required"), _defineProperty(_EmailErrorMessages, isProbablyEmail.error, "Email address is not valid"), _EmailErrorMessages);
   return /*#__PURE__*/React__default.createElement(FormInput$1, {
-    labelTextWhenNoError: "Email",
+    labelTextWhenNoError: "Email address",
     errorMessages: EmailErrorMessages,
     field: fields.email,
     fieldActions: actions.fields.email,
@@ -35146,7 +35146,7 @@ var LoginForm = function LoginForm(_ref) {
     }, []);
   }
 
-  var emailErrorMessages = (_emailErrorMessages = {}, _defineProperty(_emailErrorMessages, required.error, "Email is required"), _defineProperty(_emailErrorMessages, isProbablyEmail.error, "Invalid email address"), _emailErrorMessages);
+  var emailErrorMessages = (_emailErrorMessages = {}, _defineProperty(_emailErrorMessages, required.error, "Email address is required"), _defineProperty(_emailErrorMessages, isProbablyEmail.error, "Invalid email address"), _emailErrorMessages);
 
   var passwordErrorMessages = _defineProperty({}, required.error, "Password is required");
 
@@ -35154,7 +35154,7 @@ var LoginForm = function LoginForm(_ref) {
     role: "form",
     "aria-label": "Login"
   }, /*#__PURE__*/React__default.createElement(FormInput$1, {
-    labelTextWhenNoError: "Email",
+    labelTextWhenNoError: "Email address",
     errorMessages: emailErrorMessages,
     type: "email",
     field: fields.email,

package/package.json

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

package/src/components/molecules/email-form/EmailForm.js

@@ -25,12 +25,12 @@ const EmailForm = ({
     useEffect(() => () => actions.form.clear(), []);
   }
   const emailFieldErrorMessages = {
-    [required.error]: "Email is required",
+    [required.error]: "Email address is required",
     [isProbablyEmail.error]: "Invalid email address"
   };
 
   return (
-    <FormContainer variant={variant} role="form" aria-label="Email">
+    <FormContainer variant={variant} role="form" aria-label="Email address">
       {guestCheckout && (
         <Paragraph margin="0 0 1.125rem 0">
           If desired, you can create a wallet later for faster checkout
@@ -38,7 +38,7 @@ const EmailForm = ({
       )}
       <FormInputColumn>
         <FormInput
-          labelTextWhenNoError="Email"
+          labelTextWhenNoError="Email address"
           errorMessages={emailFieldErrorMessages}
           type="email"
           field={fields.email}

package/src/components/molecules/forgot-password-form/ForgotPasswordForm.js

@@ -14,13 +14,13 @@ const ForgotPasswordForm = ({
     useEffect(() => () => actions.form.clear(), []);
   }
   const EmailErrorMessages = {
-    [required.error]: "Email is required",
-    [isProbablyEmail.error]: "Email is not valid"
+    [required.error]: "Email address is required",
+    [isProbablyEmail.error]: "Email address is not valid"
   };
 
   return (
     <FormInput
-      labelTextWhenNoError="Email"
+      labelTextWhenNoError="Email address"
       errorMessages={EmailErrorMessages}
       field={fields.email}
       fieldActions={actions.fields.email}

package/src/components/molecules/login-form/LoginForm.js

@@ -14,7 +14,7 @@ const LoginForm = ({
     useEffect(() => () => actions.form.clear(), []);
   }
   const emailErrorMessages = {
-    [required.error]: "Email is required",
+    [required.error]: "Email address is required",
     [isProbablyEmail.error]: "Invalid email address"
   };
   const passwordErrorMessages = {
@@ -23,7 +23,7 @@ const LoginForm = ({
   return (
     <FormInputColumn role="form" aria-label="Login">
       <FormInput
-        labelTextWhenNoError="Email"
+        labelTextWhenNoError="Email address"
         errorMessages={emailErrorMessages}
         type="email"
         field={fields.email}