From 69303cd7d110ac566f3acaf124dbccfed08ca4ea Mon Sep 17 00:00:00 2001
From: Icaro Motta <icaro.ldm@gmail.com>
Date: Thu, 27 Oct 2022 16:03:18 -0300
Subject: [PATCH] Implement positive button state (#14252)

---
 src/quo2/components/buttons/button.cljs | 10 ++++++++++
 src/quo2/foundations/colors.cljs        |  6 ++++++
 src/quo2/screens/buttons/button.cljs    |  4 +++-
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/quo2/components/buttons/button.cljs b/src/quo2/components/buttons/button.cljs
index 11f90499f5..c6cf1de6a7 100644
--- a/src/quo2/components/buttons/button.cljs
+++ b/src/quo2/components/buttons/button.cljs
@@ -44,6 +44,11 @@
                              :background-color     {:default  colors/danger-50
                                                     :pressed  colors/danger-60
                                                     :disabled colors/danger-50}}
+           :positive        {:icon-color       colors/white
+                             :label            {:style {:color colors/white}}
+                             :background-color {:default  colors/success-50
+                                                :pressed  colors/success-60
+                                                :disabled colors/success-50-opa-30}}
            :photo-bg        {:icon-color           colors/neutral-100
                              :icon-secondary-color colors/neutral-80-opa-40
                              :label                {:style    {:color colors/neutral-100}}
@@ -104,6 +109,11 @@
                              :background-color     {:default  colors/danger-60
                                                     :pressed  colors/danger-50
                                                     :disabled colors/danger-60}}
+           :positive        {:icon-color       colors/white
+                             :label            {:style {:color colors/white}}
+                             :background-color {:default  colors/success-60
+                                                :pressed  colors/success-50
+                                                :disabled colors/success-60-opa-30}}
            :photo-bg        {:icon-color           colors/white
                              :icon-secondary-color colors/neutral-30
                              :label                {:style    {:color colors/white}}
diff --git a/src/quo2/foundations/colors.cljs b/src/quo2/foundations/colors.cljs
index 3346850ee8..3d81c7cc76 100644
--- a/src/quo2/foundations/colors.cljs
+++ b/src/quo2/foundations/colors.cljs
@@ -117,6 +117,12 @@
 (def success-50-opa-30 (alpha success-50 0.3))
 (def success-50-opa-40 (alpha success-50 0.4))
 
+(def success-60-opa-5 (alpha success-60 0.05))
+(def success-60-opa-10 (alpha success-60 0.1))
+(def success-60-opa-20 (alpha success-60 0.2))
+(def success-60-opa-30 (alpha success-60 0.3))
+(def success-60-opa-40 (alpha success-60 0.4))
+
 ;;;;Danger
 
 ;;Solid
diff --git a/src/quo2/screens/buttons/button.cljs b/src/quo2/screens/buttons/button.cljs
index 108050bb0e..fbbaa1d91b 100644
--- a/src/quo2/screens/buttons/button.cljs
+++ b/src/quo2/screens/buttons/button.cljs
@@ -21,7 +21,9 @@
                             {:key   :ghost
                              :value "Ghost"}
                             {:key   :danger
-                             :value "Danger"}]}
+                             :value "Danger"}
+                            {:key   :positive
+                             :value "Positive"}]}
                  {:label   "Size:"
                   :key     :size
                   :type    :select