revert: "fix: a11yPasswordVisibilityBtnValueOverflow typo (#19531)" (#19756)

Author: Zeyber

Diff for: feature-libs/asm/components/csagent-login-form/csagent-login-form.component.ts

@@ -26,7 +26,7 @@ export class CSAgentLoginFormComponent implements OnInit {
   submitEvent = new EventEmitter<{ userId: string; password: string }>();
 
   constructor(protected fb: UntypedFormBuilder) {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
     useFeatureStyles('a11yTextSpacingAdjustments');
   }
 

Diff for: feature-libs/order/components/order-confirmation/order-guest-register-form/order-guest-register-form.component.ts

@@ -74,7 +74,7 @@ export class OrderGuestRegisterFormComponent implements OnDestroy {
     protected authService: AuthService,
     protected fb: UntypedFormBuilder
   ) {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   submit() {

Diff for: feature-libs/organization/administration/components/user/change-password-form/user-change-password-form.component.ts

@@ -30,7 +30,7 @@ export class UserChangePasswordFormComponent {
     protected formService: UserChangePasswordFormService,
     protected messageService: MessageService
   ) {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   save(form: UntypedFormGroup): void {

Diff for: feature-libs/user/account/components/login-form/login-form.component.ts

@@ -17,7 +17,7 @@ import { LoginFormComponentService } from './login-form-component.service';
 })
 export class LoginFormComponent {
   constructor(protected service: LoginFormComponentService) {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   form: UntypedFormGroup = this.service.form;

Diff for: feature-libs/user/account/components/otp-login-form/otp-login-form.component.ts

@@ -59,7 +59,7 @@ export class OneTimePasswordLoginFormComponent {
   @HostBinding('class.user-form') style = true;
 
   constructor() {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   onSubmit(): void {

Diff for: feature-libs/user/profile/components/register/register.component.ts

@@ -124,7 +124,7 @@ export class RegisterComponent implements OnInit, OnDestroy {
     protected authConfigService: AuthConfigService,
     protected registerComponentService: RegisterComponentService
   ) {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   ngOnInit() {

Diff for: feature-libs/user/profile/components/reset-password/reset-password.component.ts

@@ -23,7 +23,7 @@ export class ResetPasswordComponent {
   token$: Observable<string> = this.service.resetToken$;
 
   constructor(protected service: ResetPasswordComponentService) {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   onSubmit(token: string) {

Diff for: feature-libs/user/profile/components/update-email/update-email.component.ts

@@ -18,7 +18,7 @@ import { UpdateEmailComponentService } from './update-email-component.service';
 })
 export class UpdateEmailComponent {
   constructor(protected service: UpdateEmailComponentService) {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   form: UntypedFormGroup = this.service.form;

Diff for: feature-libs/user/profile/components/update-password/my-account-v2-password.component.ts

@@ -27,7 +27,7 @@ export class MyAccountV2PasswordComponent {
   isUpdating$: Observable<boolean> = this.service.isUpdating$;
 
   constructor() {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   onSubmit(): void {

Diff for: feature-libs/user/profile/components/update-password/update-password.component.ts

@@ -27,7 +27,7 @@ export class UpdatePasswordComponent {
   });
 
   constructor(protected service: UpdatePasswordComponentService) {
-    useFeatureStyles('a11yPasswordVisibilityBtnValueOverflow');
+    useFeatureStyles('a11yPasswordVisibliltyBtnValueOverflow');
   }
 
   form: UntypedFormGroup = this.service.form;

Diff for: projects/core/src/features-config/feature-toggles/config/feature-toggles.ts

@@ -642,7 +642,7 @@ export interface FeatureTogglesInterface {
   /**
    * Stops the inputs value from obstructing the 'PasswordVisibilityToggleComponent'.
    */
-  a11yPasswordVisibilityBtnValueOverflow?: boolean;
+  a11yPasswordVisibliltyBtnValueOverflow?: boolean;
 
   /**
    * In `ItemCounterComponenet`, Remove button no longer lose focus after activating when count is 2.
@@ -949,7 +949,7 @@ export const defaultFeatureToggles: Required<FeatureTogglesInterface> = {
   a11yAddToWishlistFocus: false,
   a11ySearchBoxFocusOnEscape: false,
   a11yUpdatingCartNoNarration: false,
-  a11yPasswordVisibilityBtnValueOverflow: false,
+  a11yPasswordVisibliltyBtnValueOverflow: false,
   a11yItemCounterFocus: false,
   a11yScrollToReviewByShowReview: false,
   a11yViewHoursButtonIconContrast: false,

Diff for: projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts

@@ -389,7 +389,7 @@ if (environment.cpq) {
         a11yAddToWishlistFocus: true,
         a11ySearchBoxFocusOnEscape: true,
         a11yUpdatingCartNoNarration: true,
-        a11yPasswordVisibilityBtnValueOverflow: true,
+        a11yPasswordVisibliltyBtnValueOverflow: true,
         a11yItemCounterFocus: true,
         a11yScrollToReviewByShowReview: true,
         a11yViewHoursButtonIconContrast: true,

Diff for: projects/storefrontstyles/scss/cxbase/blocks/forms.scss

@@ -510,8 +510,10 @@ form {
 }
 
 input[cxpasswordvisibilityswitch] {
-  @include forFeature('a11yPasswordVisibilityBtnValueOverflow') {
-    $password-visibility-btn-width: 30px;
-    padding-inline-end: calc($password-visibility-btn-width + $input-padding-x);
+  @include forFeature('a11yPasswordVisibliltyBtnValueOverflow') {
+    $password-visibbility-btn-width: 30px;
+    padding-inline-end: calc(
+      $password-visibbility-btn-width + $input-padding-x
+    );
   }
 }