[CORL-550] More stable css classes (#2515)

* feat: more stable css classes

* chore: renamee ValidationMessageHelper to FormValidationMessage

* chore: Rename FormValidationMessage to FieldValidationMessage

* feat: more css classes, icons use <i> tag

* feat: stable classnames for gdpr features

* feat: more css stable classnames
This commit is contained in:
Vinh
2019-09-04 12:34:42 -04:00
committed by Kim Gardner
parent fcf3640adc
commit aa32fcaea6
157 changed files with 2965 additions and 1531 deletions
@@ -23,12 +23,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -45,12 +45,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -66,12 +66,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -136,12 +136,12 @@ Your email address will be used to:
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -188,12 +188,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -210,12 +210,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -231,12 +231,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -275,12 +275,12 @@ Your email address will be used to:
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Please enter a valid email address.
</span>
@@ -314,12 +314,12 @@ Your email address will be used to:
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Emails do not match. Try again.
</span>
@@ -386,12 +386,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -408,12 +408,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -429,12 +429,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -542,12 +542,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -564,12 +564,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -585,12 +585,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -629,12 +629,12 @@ Your email address will be used to:
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -668,12 +668,12 @@ Your email address will be used to:
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -720,12 +720,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -742,12 +742,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -763,12 +763,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -886,12 +886,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -908,12 +908,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -929,12 +929,12 @@ Your email address will be used to:
<div
className="ListItem-leftCol"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
done
</span>
</i>
</div>
<div>
<div
@@ -57,24 +57,24 @@ we require users to create a password.
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Password must contain at least 8 characters.
</span>
@@ -175,12 +175,12 @@ we require users to create a password.
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -264,24 +264,24 @@ we require users to create a password.
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -376,12 +376,12 @@ GraphQL request (4:3)
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -461,12 +461,12 @@ we require users to create a password.
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -46,12 +46,12 @@ exports[`checks for invalid username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Username must contain at least 3 characters.
</span>
@@ -207,12 +207,12 @@ exports[`shows error when submitting empty form 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -36,12 +36,12 @@ exports[`accepts correct password 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -85,12 +85,12 @@ exports[`accepts correct password 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -122,12 +122,12 @@ exports[`accepts correct password 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -208,24 +208,24 @@ exports[`accepts valid email 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -258,12 +258,12 @@ exports[`accepts valid email 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -351,12 +351,12 @@ exports[`auth configuration renders all auth enabled 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -388,12 +388,12 @@ exports[`auth configuration renders all auth enabled 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -600,12 +600,12 @@ exports[`checks for invalid email 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Please enter a valid email address.
</span>
@@ -649,24 +649,24 @@ exports[`checks for invalid email 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -699,12 +699,12 @@ exports[`checks for invalid email 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -833,12 +833,12 @@ exports[`renders sign in view 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -870,12 +870,12 @@ exports[`renders sign in view 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -1017,12 +1017,12 @@ exports[`renders sign in view with error 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -1054,12 +1054,12 @@ exports[`renders sign in view with error 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -1110,12 +1110,12 @@ exports[`shows error when submitting empty form 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1159,24 +1159,24 @@ exports[`shows error when submitting empty form 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1209,12 +1209,12 @@ exports[`shows error when submitting empty form 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -1302,12 +1302,12 @@ exports[`shows server error 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -1339,12 +1339,12 @@ exports[`shows server error 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -1425,12 +1425,12 @@ exports[`submits form successfully 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -1462,12 +1462,12 @@ exports[`submits form successfully 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign in with Email
</span>
@@ -43,12 +43,12 @@ exports[`accepts correct password 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -87,12 +87,12 @@ exports[`accepts correct password 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -141,12 +141,12 @@ exports[`accepts correct password 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -163,12 +163,12 @@ exports[`accepts correct password 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -256,12 +256,12 @@ exports[`accepts valid email 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -310,24 +310,24 @@ exports[`accepts valid email 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -345,12 +345,12 @@ exports[`accepts valid email 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -407,12 +407,12 @@ exports[`accepts valid username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -492,24 +492,24 @@ exports[`accepts valid username 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -527,12 +527,12 @@ exports[`accepts valid username 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -661,12 +661,12 @@ exports[`auth configuration renders all auth enabled 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -683,12 +683,12 @@ exports[`auth configuration renders all auth enabled 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -902,12 +902,12 @@ exports[`checks for invalid characters in username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -946,12 +946,12 @@ exports[`checks for invalid characters in username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Invalid characters. Try again.
</span>
@@ -1000,24 +1000,24 @@ exports[`checks for invalid characters in username 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1035,12 +1035,12 @@ exports[`checks for invalid characters in username 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -1097,12 +1097,12 @@ exports[`checks for invalid email 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Please enter a valid email address.
</span>
@@ -1141,12 +1141,12 @@ exports[`checks for invalid email 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1195,24 +1195,24 @@ exports[`checks for invalid email 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1230,12 +1230,12 @@ exports[`checks for invalid email 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -1292,12 +1292,12 @@ exports[`checks for too long username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1336,12 +1336,12 @@ exports[`checks for too long username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Usernames cannot be longer than 30 characters.
</span>
@@ -1390,24 +1390,24 @@ exports[`checks for too long username 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1425,12 +1425,12 @@ exports[`checks for too long username 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -1487,12 +1487,12 @@ exports[`checks for too short password 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1531,12 +1531,12 @@ exports[`checks for too short password 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1585,24 +1585,24 @@ exports[`checks for too short password 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Password must contain at least 8 characters.
</span>
@@ -1620,12 +1620,12 @@ exports[`checks for too short password 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -1682,12 +1682,12 @@ exports[`checks for too short username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1726,12 +1726,12 @@ exports[`checks for too short username 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
Username must contain at least 3 characters.
</span>
@@ -1780,24 +1780,24 @@ exports[`checks for too short username 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -1815,12 +1815,12 @@ exports[`checks for too short username 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -1990,12 +1990,12 @@ exports[`renders sign up form 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -2012,12 +2012,12 @@ exports[`renders sign up form 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -2077,12 +2077,12 @@ exports[`shows error when submitting empty form 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -2121,12 +2121,12 @@ exports[`shows error when submitting empty form 1`] = `
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -2175,24 +2175,24 @@ exports[`shows error when submitting empty form 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
<div
className="Message-root Message-colorError Message-fullWidth"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm MessageIcon-root"
>
warning
</span>
</i>
<span>
This field is required.
</span>
@@ -2210,12 +2210,12 @@ exports[`shows error when submitting empty form 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -2351,12 +2351,12 @@ exports[`shows server error 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -2373,12 +2373,12 @@ exports[`shows server error 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>
@@ -2507,12 +2507,12 @@ exports[`submits form successfully 1`] = `
tabIndex={0}
title="Show password"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-sm"
>
visibility
</span>
</i>
</div>
</div>
</div>
@@ -2529,12 +2529,12 @@ exports[`submits form successfully 1`] = `
onTouchEnd={[Function]}
type="submit"
>
<span
<i
aria-hidden="true"
className="Icon-root Icon-md ButtonIcon-root"
>
email
</span>
</i>
<span>
Sign up with Email
</span>