From fb9c4fe90eeac731040b17b67a495db5d6126604 Mon Sep 17 00:00:00 2001
From: Patrick Yeo <patrick.yeo@liferay.com>
Date: Tue, 21 Dec 2021 13:42:20 -0800
Subject: [PATCH] fix(@clayui/css): Atlas Buttons some disabled button-outline
 variants have white text on hover

    - btn-outline-info
    - btn-outline-success
    - btn-outline-warning
    - btn-outline-danger
    - btn-outline-light
    - btn-outline-dark
---
 .../src/scss/atlas/variables/_buttons.scss    | 33 ++-----------------
 1 file changed, 2 insertions(+), 31 deletions(-)

diff --git a/packages/clay-css/src/scss/atlas/variables/_buttons.scss b/packages/clay-css/src/scss/atlas/variables/_buttons.scss
index dbbec5cddd..275ad7635f 100644
--- a/packages/clay-css/src/scss/atlas/variables/_buttons.scss
+++ b/packages/clay-css/src/scss/atlas/variables/_buttons.scss
@@ -448,11 +448,6 @@ $btn-outline-info: map-deep-merge(
 				box-shadow: map-deep-get($btn-info, active, focus, box-shadow),
 			),
 		),
-		disabled: (
-			background-color: transparent,
-			border-color: map-get($btn-info, background-color),
-			color: map-get($btn-info, background-color),
-		),
 	),
 	$btn-outline-info
 );
@@ -470,11 +465,6 @@ $btn-outline-success: map-deep-merge(
 			box-shadow: map-deep-get($btn-success, focus, box-shadow),
 			color: $white,
 		),
-		disabled: (
-			background-color: transparent,
-			border-color: map-get($btn-success, background-color),
-			color: map-get($btn-success, background-color),
-		),
 		active: (
 			background-color:
 				map-deep-get($btn-success, active, background-color),
@@ -510,11 +500,6 @@ $btn-outline-warning: map-deep-merge(
 					map-deep-get($btn-warning, active, focus, box-shadow),
 			),
 		),
-		disabled: (
-			background-color: transparent,
-			border-color: map-get($btn-warning, background-color),
-			color: map-get($btn-warning, background-color),
-		),
 	),
 	$btn-outline-warning
 );
@@ -531,17 +516,13 @@ $btn-outline-danger: map-deep-merge(
 			color: $white,
 		),
 		active: (
-			background-color: map-get($btn-danger, active-bg),
+			background-color:
+				map-deep-get($btn-danger, active, background-color),
 			box-shadow: map-deep-get($btn-danger, active, box-shadow),
 			focus: (
 				box-shadow: map-deep-get($btn-danger, active, focus, box-shadow),
 			),
 		),
-		disabled: (
-			background-color: transparent,
-			border-color: map-get($btn-danger, background-color),
-			color: map-get($btn-danger, background-color),
-		),
 	),
 	$btn-outline-danger
 );
@@ -564,11 +545,6 @@ $btn-outline-light: map-deep-merge(
 				box-shadow: map-deep-get($btn-light, active, focus, box-shadow),
 			),
 		),
-		disabled: (
-			background-color: transparent,
-			border-color: map-get($btn-light, background-color),
-			color: map-get($btn-light, background-color),
-		),
 	),
 	$btn-outline-light
 );
@@ -591,11 +567,6 @@ $btn-outline-dark: map-deep-merge(
 				box-shadow: map-deep-get($btn-dark, active, focus, box-shadow),
 			),
 		),
-		disabled: (
-			background-color: transparent,
-			border-color: map-get($btn-dark, background-color),
-			color: map-get($btn-dark, background-color),
-		),
 	),
 	$btn-outline-dark
 );