[CL-160] Rename BadgeType to BadgeVariant (#7244)

We're establishing a common language for the Component Library. As part of this work we're renaming componentType to variant. Starting with badges.

apps/web/src/app/admin-console/organizations/manage/groups.component.html

@@ -88,7 +88,7 @@
               *ngIf="!g.details.accessAll"
               [items]="g.collectionNames"
               [maxItems]="3"
-              badgeType="secondary"
+              variant="secondary"
             ></bit-badge-list>
             <span *ngIf="g.details.accessAll">{{ "all" | i18n }}</span>
           </td>

apps/web/src/app/admin-console/organizations/members/components/member-dialog/member-dialog.component.html

@@ -5,7 +5,7 @@
       <span class="tw-text-sm tw-normal-case tw-text-muted" *ngIf="!loading && params.name">{{
         params.name
       }}</span>
-      <span bitBadge badgeType="secondary" *ngIf="isRevoked">{{ "revoked" | i18n }}</span>
+      <span bitBadge variant="secondary" *ngIf="isRevoked">{{ "revoked" | i18n }}</span>
     </span>
     <div bitDialogContent>
       <ng-container *ngIf="loading">

apps/web/src/app/admin-console/organizations/members/people.component.html

@@ -8,22 +8,22 @@
         [attr.aria-label]="'memberStatusFilter' | i18n"
       >
         <bit-toggle [value]="null">
-          {{ "all" | i18n }} <span bitBadge badgeType="info" *ngIf="allCount">{{ allCount }}</span>
+          {{ "all" | i18n }} <span bitBadge variant="info" *ngIf="allCount">{{ allCount }}</span>
         </bit-toggle>
 
         <bit-toggle [value]="userStatusType.Invited">
           {{ "invited" | i18n }}
-          <span bitBadge badgeType="info" *ngIf="invitedCount">{{ invitedCount }}</span>
+          <span bitBadge variant="info" *ngIf="invitedCount">{{ invitedCount }}</span>
         </bit-toggle>
 
         <bit-toggle [value]="userStatusType.Accepted">
           {{ "needsConfirmation" | i18n }}
-          <span bitBadge badgeType="info" *ngIf="acceptedCount">{{ acceptedCount }}</span>
+          <span bitBadge variant="info" *ngIf="acceptedCount">{{ acceptedCount }}</span>
         </bit-toggle>
 
         <bit-toggle [value]="userStatusType.Revoked">
           {{ "revoked" | i18n }}
-          <span bitBadge badgeType="info" *ngIf="revokedCount">{{ revokedCount }}</span>
+          <span bitBadge variant="info" *ngIf="revokedCount">{{ revokedCount }}</span>
         </bit-toggle>
       </bit-toggle-group>
 
@@ -160,21 +160,21 @@
                     <span
                       bitBadge
                       class="tw-text-xs"
-                      badgeType="secondary"
+                      variant="secondary"
                       *ngIf="u.status === userStatusType.Invited"
                       >{{ "invited" | i18n }}</span
                     >
                     <span
                       bitBadge
                       class="tw-text-xs"
-                      badgeType="warning"
+                      variant="warning"
                       *ngIf="u.status === userStatusType.Accepted"
                       >{{ "needsConfirmation" | i18n }}</span
                     >
                     <span
                       bitBadge
                       class="tw-text-xs"
-                      badgeType="secondary"
+                      variant="secondary"
                       *ngIf="u.status === userStatusType.Revoked"
                       >{{ "revoked" | i18n }}</span
                     >
@@ -195,7 +195,7 @@
                 *ngIf="organization.useGroups || !u.accessAll"
                 [items]="organization.useGroups ? u.groupNames : u.collectionNames"
                 [maxItems]="3"
-                badgeType="secondary"
+                variant="secondary"
               ></bit-badge-list>
               <span *ngIf="!organization.useGroups && u.accessAll">{{ "all" | i18n }}</span>
             </td>

apps/web/src/app/admin-console/organizations/policies/policies.component.html

@@ -14,7 +14,7 @@
     <tr *ngFor="let p of policies">
       <td *ngIf="p.display(organization)">
         <a href="#" appStopClick (click)="edit(p)">{{ p.name | i18n }}</a>
-        <span bitBadge badgeType="success" *ngIf="policiesEnabledMap.get(p.type)">{{
+        <span bitBadge variant="success" *ngIf="policiesEnabledMap.get(p.type)">{{
           "on" | i18n
         }}</span>
         <small class="text-muted d-block">{{ p.description | i18n }}</small>

apps/web/src/app/admin-console/organizations/shared/components/access-selector/access-selector.component.html

@@ -63,7 +63,7 @@
           <div class="tw-flex tw-flex-col">
             <div>
               {{ item.labelName }}
-              <span *ngIf="$any(item).status == 0" bitBadge badgeType="secondary">
+              <span *ngIf="$any(item).status == 0" bitBadge variant="secondary">
                 {{ "invited" | i18n }}
               </span>
             </div>