From 6e0b303ad0f0de2f1e29c02bb55f4709be1e470e Mon Sep 17 00:00:00 2001
From: Pavel Kalashnikov <kalashnikovisme@gmail.com>
Date: Thu, 30 Oct 2025 06:03:33 +0400
Subject: [PATCH] Expand Tailwind safelist for components

---
 config/tailwind.config.js | 105 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 101 insertions(+), 4 deletions(-)

diff --git a/config/tailwind.config.js b/config/tailwind.config.js
index cc0564d8..f3a6275b 100644
--- a/config/tailwind.config.js
+++ b/config/tailwind.config.js
@@ -2,6 +2,9 @@ module.exports = {
   safelist: [
     // === Navbar ===
     'ml-4',
+    'text-white',
+    'sm:px-8',
+    'focus:outline-none',
     
     // === Custom table layout utilities ===
     'div-table',
@@ -9,14 +12,30 @@ module.exports = {
     'div-table-cell',
     'sm:text-base',
     'last:border-b-0',
+    'gap-4',
+    'rtl:text-right',
+    'text-small',
 
     // === Visibility and typography helpers ===
     'hidden',
     'xl:hidden',
+    'block',
+    'text-left',
+    'text-right',
     'text-xl',
+    'text-lg',
+    'text-base',
+    'text-sm',
     'text-4xl',
     'font-bold',
-    'text-right',
+
+    // === Text color helpers ===
+    'text-gray-300',
+    'text-gray-500',
+    'text-gray-700',
+    'text-gray-800',
+    'text-gray-900',
+    'text-purple-700',
 
     // === Grid templates used for configurable layouts ===
     'grid',
@@ -41,9 +60,11 @@ module.exports = {
     'flex',
     'flex-col',
     'flex-wrap',
+    'flex-row',
     'flex-row-reverse',
     'flex-auto',
     'flex-initial',
+    'flex-1',
     'justify-between',
     'justify-end',
     'space-x-1',
@@ -60,44 +81,95 @@ module.exports = {
     'w-8',
     'min-w-96',
     'max-w-full',
+    'h-fit',
+    'h-1/2',
 
     // === Spacing utilities ===
     'p-4',
+    'p-2',
+    'p-1',
     'px-6',
     'px-4',
     'px-3',
     'px-2',
+    'px-1',
+    'px-5',
     'py-8',
     'py-4',
     'py-2',
     'py-1',
+    'py-3',
+    'pl-2',
+    'pr-1',
     'mb-2',
+    'ml-2',
+    'mx-2',
     'mt-8',
     'mt-2',
+    'mt-4',
+    'space-x-4',
+    'space-y-2',
 
     // === Pagination styles ===
     'bg-white',
+    'bg-purple-500',
     'rounded-md',
     'hover:bg-purple-100',
     'hover:bg-gray-100',
     'hover:bg-gray-300',
     'hover:text-gray-800',
+    'hover:text-gray-700',
+    'text-purple-700',
+    'page',
+    'gap',
+    'first',
+    'last',
+    'prev',
+    'next',
 
-    // === Dark mode pagination styles ===
+    // === Dark mode helpers ===
     'dark:text-white',
+    'dark:text-gray-100',
+    'dark:text-gray-300',
+    'dark:text-gray-400',
+    'dark:text-gray-500',
+    'dark:text-gray-800',
+    'dark:text-teal-100',
     'dark:bg-gray-800',
-    'dark:hover:bg-gray-700',
     'dark:bg-gray-900',
     'dark:bg-gray-700',
-    'dark:text-gray-400',
+    'dark:bg-white',
+    'dark:bg-teal-900',
+    'dark:hover:bg-gray-700',
+    'dark:hover:bg-blue-500',
+    'dark:hover:bg-red-500',
+    'dark:hover:text-gray-200',
     'dark:hover:text-gray-400',
+    'dark:border-gray-600',
+    'dark:border-gray-700',
+    'dark:border-teal-700',
+    'dark:hover:border-gray-600',
+    'dark:ring-1',
+    'dark:ring-gray-700',
+    'dark:shadow-lg',
+    'dark:focus:ring-2',
+    'dark:focus:ring-red-400',
+    'dark:focus:border-red-400',
     'dark:placeholder-gray-400',
+    'dark:placeholder-white',
+    'dark:disabled:bg-gray-800',
+    'dark:disabled:text-gray-500',
 
     // === Button and badge helpers ===
     'bg-purple-700',
+    'btn',
+    'btn-delete',
+    'btn-primary',
     'rounded',
     'rounded-full',
     'rounded-t',
+    'rounded-sm',
+    'inline-block',
     'font-medium',
     'font-normal',
     'text-xs',
@@ -148,6 +220,20 @@ module.exports = {
     'mb-4',
     'bg-red-500',
     'hover:bg-red-700',
+    'focus:outline-none',
+    'focus:border-red-500',
+    'focus:border-transparent',
+    'focus:ring-2',
+    'focus:ring-blue-500',
+    'focus:shadow-outline',
+
+    // === Background helpers ===
+    'bg-gray-100',
+
+    // === Border color helpers ===
+    'border-gray-100',
+    'border-gray-200',
+    'border-gray-300',
 
     // === Multiselect dropdown positioning ===
     'absolute',
@@ -156,6 +242,7 @@ module.exports = {
     'top-11',
     'z-40',
     'left-0',
+    'lef-0',
     'max-h-select',
     'overflow-y-auto',
     'cursor-pointer',
@@ -178,5 +265,15 @@ module.exports = {
     'h-full',
     'm-1',
     'hover:bg-teal-100',
+
+    // === Overlay and animation helpers ===
+    'fixed',
+    'inset-x-0',
+    'bottom-0',
+    'top-4',
+    'right-4',
+    'shadow-lg',
+    'z-50',
+    'animate-roll-up',
   ],
 }