feat(sign-up-design): changed regexp, added autocomplete input attributes

Author: rnastyuk

src/app/features/auth/sign-up/sign-up.component.html

@@ -35,6 +35,7 @@ <h2>Create A Free Account</h2>
  pInputText
  formControlName="fullName"
  placeholder="John Doe"
+ autocomplete="full-name"
  />
  </div>
 
@@ -46,6 +47,7 @@ <h2>Create A Free Account</h2>
  pInputText
  formControlName="email"
  placeholder="email@example.com"
+ autocomplete="off"
  />
  </div>
 
@@ -56,6 +58,7 @@ <h2>Create A Free Account</h2>
  formControlName="password"
  [toggleMask]="true"
  [feedback]="false"
+ autocomplete="new-password"
  ></p-password>
  @if (
  signUpForm.controls["password"].errors &&
@@ -76,6 +79,7 @@ <h2>Create A Free Account</h2>
  formControlName="confirmPassword"
  [toggleMask]="true"
  [feedback]="false"
+ autocomplete="new-password"
  ></p-password>
  @if (
  signUpForm.get("confirmPassword")?.errors?.["passwordMismatch"] &&

src/app/features/auth/sign-up/sign-up.helper.ts

@@ -1,7 +1,7 @@
 import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
 
 export const PASSWORD_REGEX =
- /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
+ /^(?=.*[A-Z])(?=.*[a-z])(?=.*\d)(?=.*[^\w\s]).{8,}$/;
 
 export function passwordMatchValidator(
  passwordField = 'password',

src/assets/icons/dist/icons.html

@@ -45,7 +45,6 @@
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
- color: #666;
  }
  </style>
 

src/assets/styles/overrides/input.scss

@@ -33,7 +33,3 @@ p-password.ng-touched.ng-invalid {
 .p-inputtext.ng-dirty.ng-invalid::placeholder {
  color: var.$grey-1;
 }
-
-input:-internal-autofill-selected {
- background-color: white !important;
-}