fix(Button): change colors for disabled style

Telefonica · Oct 11, 2023 · 1c53613 · 1c53613
1 parent 7054e3d
commit 1c53613
Show file tree

Hide file tree

Showing 19 changed files with 13 additions and 13 deletions.
diff --git a/Sources/MisticaSwiftUI/Components/Button/MisticaButtonStyle.swift b/Sources/MisticaSwiftUI/Components/Button/MisticaButtonStyle.swift
@@ -43,8 +43,8 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
                     ),
                     .disabled: MisticaButton.StateStyle(
                         textColor: .textButtonPrimary,
-                        backgroundColor: .buttonPrimaryBackground,
-                        borderColor: .buttonPrimaryBackground
+                        backgroundColor: .buttonPrimaryBackground.opacity(0.5),
+                        borderColor: .buttonPrimaryBackground.opacity(0.1)
                     ),
                     .loading: MisticaButton.StateStyle(
                         textColor: .textButtonPrimary,
@@ -78,8 +78,8 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
                     ),
                     .disabled: MisticaButton.StateStyle(
                         textColor: .textButtonPrimaryInverse,
-                        backgroundColor: .buttonPrimaryBackgroundInverse,
-                        borderColor: .buttonPrimaryBackgroundInverse
+                        backgroundColor: .buttonPrimaryBackgroundInverse.opacity(0.5),
+                        borderColor: .buttonPrimaryBackgroundInverse.opacity(0.1)
                     ),
                     .loading: MisticaButton.StateStyle(
                         textColor: .textButtonPrimaryInverse,
@@ -112,9 +112,9 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
                         borderColor: .buttonSecondaryBackgroundSelected
                     ),
                     .disabled: MisticaButton.StateStyle(
-                        textColor: .textButtonSecondary,
+                        textColor: .textButtonSecondary.opacity(0.5),
                         backgroundColor: .clear,
-                        borderColor: .buttonSecondaryBorder
+                        borderColor: .buttonSecondaryBorder.opacity(0.5)
                     ),
                     .loading: MisticaButton.StateStyle(
                         textColor: .textButtonSecondary,
@@ -147,9 +147,9 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
                         borderColor: .buttonSecondaryBorderInverseSelected
                     ),
                     .disabled: MisticaButton.StateStyle(
-                        textColor: .textButtonSecondaryInverse,
+                        textColor: .textButtonSecondaryInverse.opacity(0.5),
                         backgroundColor: .clear,
-                        borderColor: .buttonSecondaryBorderInverse
+                        borderColor: .buttonSecondaryBorderInverse.opacity(0.5)
                     ),
                     .loading: MisticaButton.StateStyle(
                         textColor: .textButtonSecondaryInverse,
@@ -183,8 +183,8 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
                     ),
                     .disabled: MisticaButton.StateStyle(
                         textColor: .textButtonPrimary,
-                        backgroundColor: .buttonDangerBackground,
-                        borderColor: .buttonDangerBackground
+                        backgroundColor: .buttonDangerBackground.opacity(0.5),
+                        borderColor: .buttonDangerBackground.opacity(0.1)
                     ),
                     .loading: MisticaButton.StateStyle(
                         textColor: .textButtonPrimary,
@@ -219,7 +219,7 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
                         borderColor: .clear
                     ),
                     .disabled: MisticaButton.StateStyle(
-                        textColor: .textLink,
+                        textColor: .textLink.opacity(0.5),
                         backgroundColor: .clear,
                         borderColor: .clear
                     ),
@@ -256,7 +256,7 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
                         borderColor: .clear
                     ),
                     .disabled: MisticaButton.StateStyle(
-                        textColor: .textButtonSecondaryInverse,
+                        textColor: .textButtonSecondaryInverse.opacity(0.5),
                         backgroundColor: .clear,
                         borderColor: .clear
                     ),
@@ -292,7 +292,7 @@ public extension ButtonStyle where Self == MisticaButtonStyle {
                         borderColor: .clear
                     ),
                     .disabled: MisticaButton.StateStyle(
-                        textColor: .textLinkSnackbar,
+                        textColor: .textLinkSnackbar.opacity(0.5),
                         backgroundColor: .clear,
                         borderColor: .clear
                     ),

diff --git a/...aSwiftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithDangerStyle.1.png b/...aSwiftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithDangerStyle.1.png
diff --git a/...tUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithLinkInverseStyle.1.png b/...tUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithLinkInverseStyle.1.png
diff --git a/...ts/UI/__Snapshots__/ButtonTests/testRegularSizeWithLinkInverseWithChevron.1.png b/...ts/UI/__Snapshots__/ButtonTests/testRegularSizeWithLinkInverseWithChevron.1.png
diff --git a/...icaSwiftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithLinkStyle.1.png b/...icaSwiftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithLinkStyle.1.png
diff --git a/...ftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithLinkWithChevron.1.png b/...ftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithLinkWithChevron.1.png
diff --git a/...Tests/UI/__Snapshots__/ButtonTests/testRegularSizeWithPrimaryInverseStyle.1.png b/...Tests/UI/__Snapshots__/ButtonTests/testRegularSizeWithPrimaryInverseStyle.1.png
diff --git a/...SwiftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithPrimaryStyle.1.png b/...SwiftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithPrimaryStyle.1.png
diff --git a/...sts/UI/__Snapshots__/ButtonTests/testRegularSizeWithSecondaryInverseStyle.1.png b/...sts/UI/__Snapshots__/ButtonTests/testRegularSizeWithSecondaryInverseStyle.1.png
diff --git a/...iftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithSecondaryStyle.1.png b/...iftUITests/UI/__Snapshots__/ButtonTests/testRegularSizeWithSecondaryStyle.1.png
diff --git a/...icaSwiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithDangerStyle.1.png b/...icaSwiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithDangerStyle.1.png
diff --git a/...iftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithLinkInverseStyle.1.png b/...iftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithLinkInverseStyle.1.png
diff --git a/...ests/UI/__Snapshots__/ButtonTests/testSmallSizeWithLinkInverseWithChevron.1.png b/...ests/UI/__Snapshots__/ButtonTests/testSmallSizeWithLinkInverseWithChevron.1.png
diff --git a/...sticaSwiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithLinkStyle.1.png b/...sticaSwiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithLinkStyle.1.png
diff --git a/...wiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithLinkWithChevron.1.png b/...wiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithLinkWithChevron.1.png
diff --git a/...UITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithPrimaryInverseStyle.1.png b/...UITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithPrimaryInverseStyle.1.png
diff --git a/...caSwiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithPrimaryStyle.1.png b/...caSwiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithPrimaryStyle.1.png
diff --git a/...Tests/UI/__Snapshots__/ButtonTests/testSmallSizeWithSecondaryInverseStyle.1.png b/...Tests/UI/__Snapshots__/ButtonTests/testSmallSizeWithSecondaryInverseStyle.1.png
diff --git a/...SwiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithSecondaryStyle.1.png b/...SwiftUITests/UI/__Snapshots__/ButtonTests/testSmallSizeWithSecondaryStyle.1.png