From fe9801fe53c1b81993969568e5911f14133fd047 Mon Sep 17 00:00:00 2001
From: MCatherine <Mcatherine1994@gmail.com>
Date: Mon, 4 Mar 2024 12:57:43 -0800
Subject: [PATCH] fix: primevue dialog button style (#162)

* fix(primevue): remove important from dialog button

* fix(primevue): fix primevue dialog classname selection
---
 .../primevue-components-overrides.scss        | 32 ++++++++-----------
 1 file changed, 13 insertions(+), 19 deletions(-)

diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
index 0986e59..4f8a8a4 100644
--- a/style-sheets/primevue-components-overrides.scss
+++ b/style-sheets/primevue-components-overrides.scss
@@ -674,46 +674,40 @@ label {
 }
 
 /* ------------------------------------ dialog confirm button reject --------------------------         */
-.#{variables.$primevue-prefix}-dialog
-    .#{variables.$primevue-prefix}-confirm-dialog-reject,
-.#{variables.$primevue-prefix}-confirm-dialog-reject:enabled:hover,
-.#{variables.$primevue-prefix}-confirm-dialog-reject:enabled:focus {
-    border: 0.0625rem solid
-        map.get(lightButton.$light-button-token-overrides, 'button-tertiary') !important;
-}
-
 .#{variables.$primevue-prefix}-dialog
     .#{variables.$primevue-prefix}-confirm-dialog-reject {
+    border: 0.0625rem solid
+        map.get(lightButton.$light-button-token-overrides, 'button-tertiary');
     background: transparent;
 }
 
-.#{variables.$primevue-prefix}-button
-    .#{variables.$primevue-prefix}-confirm-dialog-reject,
-.#{variables.$primevue-prefix}-button-text:enabled:hover {
+.#{variables.$primevue-prefix}-dialog
+    .#{variables.$primevue-prefix}-confirm-dialog-reject:enabled:hover,
+.#{variables.$primevue-prefix}-confirm-dialog-reject:enabled:focus {
     background: map.get(
         lightButton.$light-button-token-overrides,
         'button-tertiary-hover'
-    ) !important;
+    );
     border-color: map.get(
         lightButton.$light-button-token-overrides,
         'button-tertiary-hover'
-    ) !important;
-    color: map.get(lightTheme.$light-theme, 'text-on-color') !important;
+    );
+    color: map.get(lightTheme.$light-theme, 'text-on-color');
 }
 
 /* ------------------------------------ dialog confirm button accept -------------------------- */
 .#{variables.$primevue-prefix}-dialog
     .#{variables.$primevue-prefix}-confirm-dialog-accept {
-    color: colors.$white !important;
+    color: colors.$white;
     border: 0.0625rem solid
         map.get(
             lightButton.$light-button-token-overrides,
             'button-danger-primary'
-        ) !important;
+        );
     background-color: map.get(
         lightButton.$light-button-token-overrides,
         'button-danger-primary'
-    ) !important;
+    );
 }
 
 .#{variables.$primevue-prefix}-dialog
@@ -722,11 +716,11 @@ label {
         map.get(
             lightButton.$light-button-token-overrides,
             'button-danger-hover'
-        ) !important;
+        );
     background-color: map.get(
         lightButton.$light-button-token-overrides,
         'button-danger-hover'
-    ) !important;
+    );
 }
 
 /* ------------------------------------ primevue toast --------------------------------- */