From 531cf57546ebc3c4c076adc79ea3bd41ff34749e Mon Sep 17 00:00:00 2001
From: "ashu.kharbanda" <ashu_kharbanda@outlook.com>
Date: Fri, 14 Jul 2023 05:26:49 +0530
Subject: [PATCH] fix(pagination theme file): added enabled attribute for
 pagination base theme

hover class was getting applied even when button is disabled. so, added enabled: attribute to each
hover class of pagination base theme. Now it will only show hover if button is enabled.

fix #849
---
 src/components/Pagination/theme.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Pagination/theme.ts b/src/components/Pagination/theme.ts
index 3d4ef879e3..a5d12e60f2 100644
--- a/src/components/Pagination/theme.ts
+++ b/src/components/Pagination/theme.ts
@@ -12,15 +12,15 @@ export const paginationTheme: FlowbitePaginationTheme = {
     base: 'xs:mt-0 mt-2 inline-flex items-center -space-x-px',
     showIcon: 'inline-flex',
     previous: {
-      base: 'ml-0 rounded-l-lg border border-gray-300 bg-white py-2 px-3 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white',
+      base: 'ml-0 rounded-l-lg border border-gray-300 bg-white py-2 px-3 leading-tight text-gray-500 enabled:hover:bg-gray-100 enabled:hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 enabled:dark:hover:bg-gray-700 enabled:dark:hover:text-white',
       icon: 'h-5 w-5',
     },
     next: {
-      base: 'rounded-r-lg border border-gray-300 bg-white py-2 px-3 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white',
+      base: 'rounded-r-lg border border-gray-300 bg-white py-2 px-3 leading-tight text-gray-500 enabled:hover:bg-gray-100 enabled:hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 enabled:dark:hover:bg-gray-700 enabled:dark:hover:text-white',
       icon: 'h-5 w-5',
     },
     selector: {
-      base: 'w-12 border border-gray-300 bg-white py-2 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white',
+      base: 'w-12 border border-gray-300 bg-white py-2 leading-tight text-gray-500 enabled:hover:bg-gray-100 enabled:hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 enabled:dark:hover:bg-gray-700 enabled:dark:hover:text-white',
       active:
         'bg-cyan-50 text-cyan-600 hover:bg-cyan-100 hover:text-cyan-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white',
       disabled: 'opacity-50 cursor-normal',