From 22b8fc5f7d9967bcd155990bc28d339d06bcfef2 Mon Sep 17 00:00:00 2001
From: Oscar Hinton <Hinton@users.noreply.github.com>
Date: Fri, 25 Jul 2025 17:52:01 +0200
Subject: [PATCH] [CL-660] Forbid non tailwind classes from web and libs
 (#14422)

* Forbid non tailwind classes from web and libs

* Ignore vault filter section
---
 .../vault-filter-section.component.html       |  1 +
 eslint.config.mjs                             | 20 +++++++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/apps/web/src/app/vault/individual-vault/vault-filter/shared/components/vault-filter-section.component.html b/apps/web/src/app/vault/individual-vault/vault-filter/shared/components/vault-filter-section.component.html
index 1485c1f5343..01a38a02d51 100644
--- a/apps/web/src/app/vault/individual-vault/vault-filter/shared/components/vault-filter-section.component.html
+++ b/apps/web/src/app/vault/individual-vault/vault-filter/shared/components/vault-filter-section.component.html
@@ -1,3 +1,4 @@
+<!-- eslint-disable tailwindcss/no-custom-classname -->
 <ng-container *ngIf="filters && filters.length">
   <div *ngIf="headerInfo.showHeader" class="filter-heading">
     <button
diff --git a/eslint.config.mjs b/eslint.config.mjs
index f08523d5878..c4018b7625e 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -310,6 +310,26 @@ export default tseslint.config(
       "no-console": "off",
     },
   },
+  // Tailwind migrated clients & libs
+  {
+    files: ["apps/web/**/*.html", "bitwarden_license/bit-web/**/*.html", "libs/**/*.html"],
+    rules: {
+      "tailwindcss/no-custom-classname": [
+        "error",
+        {
+          // In migrated clients we only allow tailwind classes plus the following exceptions
+          whitelist: [
+            "((bwi)\\-?).*", // Font icons
+            "logo",
+            "logo-themed",
+            "file-selector",
+            "mfaType.*",
+            "filter.*", // Temporary until filters are migrated
+          ],
+        },
+      ],
+    },
+  },
   /// Bandaids for keeping existing circular dependencies from getting worse and new ones from being created
   /// Will be removed after Nx is implemented and existing circular dependencies are removed.
   {