@everymatrix/user-login 1.46.1 → 1.47.1

package/dist/cjs/user-login.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"isValidPassword":[32],"isPasswordVisible":[32],"limitStylingAppends":[32],"errorMessage":[32],"hasError":[32]},null,{"translationUrl":["handleNewTranslations"]}]]]], options);
+  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"limitStylingAppends":[32],"errorMessage":[32],"hasError":[32],"userPrefixOptions":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/user-login/user-login.css

@@ -30,6 +30,18 @@ section {
   width: 100%;
   border-bottom: 2px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #22B04E));
 }
+.InputBox .PhoneInputBox {
+  display: flex;
+  flex-direction: row;
+}
+.InputBox .PhoneInputBox .PhoneBox {
+  position: relative;
+  width: 100%;
+}
+.InputBox .PhoneInputBox .PrefixBox {
+  position: relative;
+  width: fit-content;
+}
 .InputBox.InputInvalidBox .PasswordVisibilityIcon {
   fill: var(--emfw-w-color-error, var(--emfe-w-color-red, #FD2839));
 }
@@ -69,7 +81,7 @@ section {
   left: 5px;
   transform: translateY(-50%);
   color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #22B04E));
-  font-size: 1em;
+  font-size: var(--emw--font-size-medium, 16px);
   pointer-events: none;
   transition: 0.5s;
 }
@@ -82,9 +94,9 @@ section {
   background: transparent;
   border: none;
   outline: none;
-  font-size: 1em;
+  font-size: var(--emw--font-size-medium, 16px);
   padding: 0 35px 0 5px;
-  color: var(--emfe-w-registration-typography, var(--emfe-w-color-typography, #FFFFFF));
+  color: var(--emfe-w-registration-typography, var(--emfe-w-color-typography, #000000));
   box-sizing: border-box;
 }
 
@@ -92,13 +104,19 @@ section {
 input:focus ~ label,
 label.FieldFilledIn {
   top: -3px;
-  font-size: 0.7em;
+  font-size: var(--emw--font-size-x-small, 16px);
+}
+
+vaadin-combo-box:focus-within ~ label,
+label.FieldFilledIn {
+  top: -3px;
+  font-size: var(--emw--font-size-x-small, 16px);
 }
 
 /* animation:end */
 .ForgotPassword button {
   margin: -10px 0 17px;
-  font-size: 0.9em;
+  font-size: var(--emw--font-size-medium, 16px);
   color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #22B04E));
   display: flex;
   justify-content: space-between;
@@ -127,7 +145,7 @@ label.FieldFilledIn {
 }
 
 .Register {
-  font-size: 0.9em;
+  font-size: var(--emw--font-size-medium, 16px);
   color: var(--emfe-w-registration-typography, var(--emfe-w-color-typography, #FFFFFF));
   text-align: center;
   margin: 25px 0 10px;
@@ -142,9 +160,8 @@ label.FieldFilledIn {
 
 .InvalidField {
   position: absolute;
-  top: 45px;
   color: var(--emfw-w-color-error, var(--emfe-w-color-red, #FD2839));
-  font-size: 0.7em;
+  font-size: var(--emw--font-size-x-small, 12px);
 }
 
 .SubmitCredentials {
@@ -153,7 +170,7 @@ label.FieldFilledIn {
 
 .CredentialsError {
   color: var(--emfw-w-color-error, var(--emfe-w-color-red, #FD2839));
-  font-size: 0.7em;
+  font-size: var(--emw--font-size-x-small, 12px);
   padding: 0 0 20px 0;
   margin: 0;
 }