@flusys/ng-auth 1.1.0-beta → 1.1.1-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/fesm2022/flusys-ng-auth.mjs +28 -28
  2. package/fesm2022/flusys-ng-auth.mjs.map +1 -1
  3. package/package.json +4 -4
package/fesm2022/flusys-ng-auth.mjs CHANGED
@@ -1604,10 +1604,10 @@ class AdministrationPageComponent {
1604
1604
  <div class="administration-page p-4">
1605
1605
  <div class="administration-header mb-4">
1606
1606
  <h1 class="text-2xl font-bold m-0">Administration</h1>
1607
- <p class="text-gray-500 mt-1">{{ subtitle() }}</p>
1607
+ <p class="text-muted-color mt-1">{{ subtitle() }}</p>
1608
1608
  </div>
1609
1609
 
1610
- <div class="administration-tabs flex gap-1 mb-4 border-b border-gray-200">
1610
+ <div class="administration-tabs flex gap-1 mb-4 border-b border-surface-200">
1611
1611
  @for (tab of visibleTabs(); track tab.id) {
1612
1612
  <a
1613
1613
  [routerLink]="tab.route"
@@ -1631,10 +1631,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
1631
1631
  <div class="administration-page p-4">
1632
1632
  <div class="administration-header mb-4">
1633
1633
  <h1 class="text-2xl font-bold m-0">Administration</h1>
1634
- <p class="text-gray-500 mt-1">{{ subtitle() }}</p>
1634
+ <p class="text-muted-color mt-1">{{ subtitle() }}</p>
1635
1635
  </div>
1636
1636
 
1637
- <div class="administration-tabs flex gap-1 mb-4 border-b border-gray-200">
1637
+ <div class="administration-tabs flex gap-1 mb-4 border-b border-surface-200">
1638
1638
  @for (tab of visibleTabs(); track tab.id) {
1639
1639
  <a
1640
1640
  [routerLink]="tab.route"
@@ -3615,7 +3615,7 @@ class LoginPageComponent {
3615
3615
  @if (currentStep() === 'email-verification') {
3616
3616
  <div class="text-center">
3617
3617
  <div class="flex justify-center mb-6">
3618
- <i class="pi pi-envelope text-6xl text-orange-500"></i>
3618
+ <i class="pi pi-envelope text-6xl text-warn"></i>
3619
3619
  </div>
3620
3620
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
3621
3621
  Email Not Verified
@@ -3819,7 +3819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
3819
3819
  @if (currentStep() === 'email-verification') {
3820
3820
  <div class="text-center">
3821
3821
  <div class="flex justify-center mb-6">
3822
- <i class="pi pi-envelope text-6xl text-orange-500"></i>
3822
+ <i class="pi pi-envelope text-6xl text-warn"></i>
3823
3823
  </div>
3824
3824
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
3825
3825
  Email Not Verified
@@ -4399,7 +4399,7 @@ class ProfilePageComponent {
4399
4399
  styleClass="w-full"
4400
4400
  inputStyleClass="w-full" />
4401
4401
  @if (!passwordsMatch()) {
4402
- <small class="text-red-500">Passwords do not match</small>
4402
+ <small class="text-danger">Passwords do not match</small>
4403
4403
  }
4404
4404
  </div>
4405
4405
  </div>
@@ -4437,8 +4437,8 @@ class ProfilePageComponent {
4437
4437
  </div>
4438
4438
  </div>
4439
4439
  <div class="flex items-center gap-3">
4440
- <div class="w-10 h-10 rounded-lg bg-green-500/10 flex items-center justify-center flex-shrink-0">
4441
- <i class="pi pi-map-marker text-green-500"></i>
4440
+ <div class="w-10 h-10 rounded-lg bg-success/10 flex items-center justify-center flex-shrink-0">
4441
+ <i class="pi pi-map-marker text-success"></i>
4442
4442
  </div>
4443
4443
  <div>
4444
4444
  <div class="text-sm text-muted-color">Branch</div>
@@ -4658,7 +4658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
4658
4658
  styleClass="w-full"
4659
4659
  inputStyleClass="w-full" />
4660
4660
  @if (!passwordsMatch()) {
4661
- <small class="text-red-500">Passwords do not match</small>
4661
+ <small class="text-danger">Passwords do not match</small>
4662
4662
  }
4663
4663
  </div>
4664
4664
  </div>
@@ -4696,8 +4696,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
4696
4696
  </div>
4697
4697
  </div>
4698
4698
  <div class="flex items-center gap-3">
4699
- <div class="w-10 h-10 rounded-lg bg-green-500/10 flex items-center justify-center flex-shrink-0">
4700
- <i class="pi pi-map-marker text-green-500"></i>
4699
+ <div class="w-10 h-10 rounded-lg bg-success/10 flex items-center justify-center flex-shrink-0">
4700
+ <i class="pi pi-map-marker text-success"></i>
4701
4701
  </div>
4702
4702
  <div>
4703
4703
  <div class="text-sm text-muted-color">Branch</div>
@@ -5031,7 +5031,7 @@ class RegisterPageComponent {
5031
5031
  autocomplete="new-password"
5032
5032
  />
5033
5033
  @if (!passwordsMatch() && userFormModel().confirmPassword) {
5034
- <small class="text-red-500 block mt-2"
5034
+ <small class="text-danger block mt-2"
5035
5035
  >Passwords do not match</small
5036
5036
  >
5037
5037
  }
@@ -5274,7 +5274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
5274
5274
  autocomplete="new-password"
5275
5275
  />
5276
5276
  @if (!passwordsMatch() && userFormModel().confirmPassword) {
5277
- <small class="text-red-500 block mt-2"
5277
+ <small class="text-danger block mt-2"
5278
5278
  >Passwords do not match</small
5279
5279
  >
5280
5280
  }
@@ -5533,7 +5533,7 @@ class ResetPasswordPageComponent {
5533
5533
  autocomplete="new-password" />
5534
5534
 
5535
5535
  @if (passwordMismatch()) {
5536
- <small class="text-red-500 block mb-4">Passwords do not match</small>
5536
+ <small class="text-danger block mb-4">Passwords do not match</small>
5537
5537
  }
5538
5538
 
5539
5539
  <p-button
@@ -5554,7 +5554,7 @@ class ResetPasswordPageComponent {
5554
5554
  @case ('success') {
5555
5555
  <div class="text-center">
5556
5556
  <div class="flex justify-center mb-6">
5557
- <i class="pi pi-check-circle text-6xl text-green-500"></i>
5557
+ <i class="pi pi-check-circle text-6xl text-success"></i>
5558
5558
  </div>
5559
5559
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
5560
5560
  Password Reset Successful
@@ -5572,7 +5572,7 @@ class ResetPasswordPageComponent {
5572
5572
  @case ('invalid-token') {
5573
5573
  <div class="text-center">
5574
5574
  <div class="flex justify-center mb-6">
5575
- <i class="pi pi-times-circle text-6xl text-red-500"></i>
5575
+ <i class="pi pi-times-circle text-6xl text-danger"></i>
5576
5576
  </div>
5577
5577
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
5578
5578
  Invalid or Expired Link
@@ -5652,7 +5652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
5652
5652
  autocomplete="new-password" />
5653
5653
 
5654
5654
  @if (passwordMismatch()) {
5655
- <small class="text-red-500 block mb-4">Passwords do not match</small>
5655
+ <small class="text-danger block mb-4">Passwords do not match</small>
5656
5656
  }
5657
5657
 
5658
5658
  <p-button
@@ -5673,7 +5673,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
5673
5673
  @case ('success') {
5674
5674
  <div class="text-center">
5675
5675
  <div class="flex justify-center mb-6">
5676
- <i class="pi pi-check-circle text-6xl text-green-500"></i>
5676
+ <i class="pi pi-check-circle text-6xl text-success"></i>
5677
5677
  </div>
5678
5678
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
5679
5679
  Password Reset Successful
@@ -5691,7 +5691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
5691
5691
  @case ('invalid-token') {
5692
5692
  <div class="text-center">
5693
5693
  <div class="flex justify-center mb-6">
5694
- <i class="pi pi-times-circle text-6xl text-red-500"></i>
5694
+ <i class="pi pi-times-circle text-6xl text-danger"></i>
5695
5695
  </div>
5696
5696
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
5697
5697
  Invalid or Expired Link
@@ -6006,8 +6006,8 @@ class UserFormComponent {
6006
6006
 
6007
6007
  <!-- Company Info (when company feature enabled) -->
6008
6008
  @if (companyFeatureEnabled() && !isEditMode()) {
6009
- <div class="md:col-span-2 p-3 bg-blue-50 rounded-lg border border-blue-200">
6010
- <div class="flex items-center gap-2 text-blue-700">
6009
+ <div class="md:col-span-2 p-3 bg-primary/10 rounded-lg border border-primary/20">
6010
+ <div class="flex items-center gap-2 text-primary">
6011
6011
  <i class="pi pi-info-circle"></i>
6012
6012
  <span class="text-sm">
6013
6013
  User will be automatically assigned to
@@ -6116,8 +6116,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
6116
6116
 
6117
6117
  <!-- Company Info (when company feature enabled) -->
6118
6118
  @if (companyFeatureEnabled() && !isEditMode()) {
6119
- <div class="md:col-span-2 p-3 bg-blue-50 rounded-lg border border-blue-200">
6120
- <div class="flex items-center gap-2 text-blue-700">
6119
+ <div class="md:col-span-2 p-3 bg-primary/10 rounded-lg border border-primary/20">
6120
+ <div class="flex items-center gap-2 text-primary">
6121
6121
  <i class="pi pi-info-circle"></i>
6122
6122
  <span class="text-sm">
6123
6123
  User will be automatically assigned to
@@ -7159,7 +7159,7 @@ class VerifyEmailPageComponent {
7159
7159
  @case ('success') {
7160
7160
  <div class="text-center">
7161
7161
  <div class="flex justify-center mb-6">
7162
- <i class="pi pi-check-circle text-8xl text-green-500"></i>
7162
+ <i class="pi pi-check-circle text-8xl text-success"></i>
7163
7163
  </div>
7164
7164
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
7165
7165
  Email Verified
@@ -7177,7 +7177,7 @@ class VerifyEmailPageComponent {
7177
7177
  @case ('invalid-token') {
7178
7178
  <div class="text-center">
7179
7179
  <div class="flex justify-center mb-6">
7180
- <i class="pi pi-times-circle text-8xl text-red-500"></i>
7180
+ <i class="pi pi-times-circle text-8xl text-danger"></i>
7181
7181
  </div>
7182
7182
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
7183
7183
  Verification Failed
@@ -7291,7 +7291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
7291
7291
  @case ('success') {
7292
7292
  <div class="text-center">
7293
7293
  <div class="flex justify-center mb-6">
7294
- <i class="pi pi-check-circle text-8xl text-green-500"></i>
7294
+ <i class="pi pi-check-circle text-8xl text-success"></i>
7295
7295
  </div>
7296
7296
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
7297
7297
  Email Verified
@@ -7309,7 +7309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
7309
7309
  @case ('invalid-token') {
7310
7310
  <div class="text-center">
7311
7311
  <div class="flex justify-center mb-6">
7312
- <i class="pi pi-times-circle text-8xl text-red-500"></i>
7312
+ <i class="pi pi-times-circle text-8xl text-danger"></i>
7313
7313
  </div>
7314
7314
  <div class="text-3xl font-medium mb-4" style="color: var(--p-content-color);">
7315
7315
  Verification Failed