From a50cff75ff519dff2ca63de4d552afdb6994d7af Mon Sep 17 00:00:00 2001
From: Alec Rippberger <127791530+alec-livefront@users.noreply.github.com>
Date: Fri, 21 Feb 2025 14:04:00 -0600
Subject: [PATCH] [PM-17185] Remove Bootstrap style from SsoComponent in
 bitwarden_license (#13417)

* Replace Bootstrap with Tailwind equivalents

* Remove debug code

* Leverage bitLink directive

* use bitTypography directive

* Remove typo

* Replace Boostrap styles in subcomponents with Tailwind

* Remove unused class defininition

* Revert "Remove unused class defininition"

This reverts commit 22fba6c3d19941490c35cf370190fdc6941afffd.

* Revert changes to non-sso component files

* Revert change to non sso file

* Use bitTypography directive instead of custom tailwind classes

* Remove typo
---
 .../src/app/auth/sso/sso.component.html       | 29 ++++++++++++-------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/bitwarden_license/bit-web/src/app/auth/sso/sso.component.html b/bitwarden_license/bit-web/src/app/auth/sso/sso.component.html
index 036163af3d..22887cb709 100644
--- a/bitwarden_license/bit-web/src/app/auth/sso/sso.component.html
+++ b/bitwarden_license/bit-web/src/app/auth/sso/sso.component.html
@@ -3,7 +3,7 @@
 <bit-container>
   <ng-container *ngIf="loading">
     <i
-      class="bwi bwi-spinner bwi-spin text-muted"
+      class="bwi bwi-spinner bwi-spin tw-text-muted"
       title="{{ 'loading' | i18n }}"
       aria-hidden="true"
     ></i>
@@ -148,7 +148,7 @@
             aria-live="polite"
             *ngIf="haveTestedKeyConnector && !keyConnectorUrl.hasError('invalidUrl')"
           >
-            <small class="text-success">
+            <small class="tw-text-success-600">
               <i class="bwi bwi-check-circle" aria-hidden="true"></i>
               {{ "keyConnectorTestSuccess" | i18n }}
             </small>
@@ -173,8 +173,10 @@
       *ngIf="ssoConfigForm.get('configType').value === ssoType.OpenIdConnect"
       [formGroup]="openIdForm"
     >
-      <div class="config-section">
-        <h2 class="secondary-header">{{ "openIdConnectConfig" | i18n }}</h2>
+      <div>
+        <h2 bitTypography="h2">
+          {{ "openIdConnectConfig" | i18n }}
+        </h2>
 
         <bit-form-field>
           <bit-label>{{ "callbackPath" | i18n }}</bit-label>
@@ -246,14 +248,15 @@
 
         <!-- Optional customizations -->
         <div
-          class="section-header d-flex flex-row align-items-center mt-3 mb-3"
+          class="tw-flex tw-flex-row tw-items-center tw-my-3 tw-text-main hover:tw-cursor-pointer"
           (click)="toggleOpenIdCustomizations()"
         >
-          <h3 class="mb-0 mr-2" id="customizations-header">
+          <h3 class="tw-mb-0 tw-mr-2 tw-font-normal tw-uppercase" id="customizations-header">
             {{ "openIdOptionalCustomizations" | i18n }}
           </h3>
           <button
-            class="mb-1 btn btn-link"
+            bitLink
+            linkType="primary"
             type="button"
             appStopClick
             role="button"
@@ -314,8 +317,10 @@
     <!-- SAML2 SP -->
     <div *ngIf="ssoConfigForm.get('configType').value === ssoType.Saml2" [formGroup]="samlForm">
       <!-- SAML2 SP -->
-      <div class="config-section">
-        <h2 class="secondary-header">{{ "samlSpConfig" | i18n }}</h2>
+      <div>
+        <h2 bitTypography="h2">
+          {{ "samlSpConfig" | i18n }}
+        </h2>
 
         <bit-form-control>
           <bit-label>{{ "spUniqueEntityId" | i18n }}</bit-label>
@@ -457,8 +462,10 @@
       </div>
 
       <!-- SAML2 IDP -->
-      <div class="config-section">
-        <h2 class="secondary-header">{{ "samlIdpConfig" | i18n }}</h2>
+      <div>
+        <h2 bitTypography="h2">
+          {{ "samlIdpConfig" | i18n }}
+        </h2>
 
         <bit-form-field>
           <bit-label>{{ "idpEntityId" | i18n }}</bit-label>