From 17061f5115b6aa7042f4c9098d26265254bc0d7d Mon Sep 17 00:00:00 2001
From: Carlos Lima <carloslimasd@gmail.com>
Date: Fri, 3 Mar 2023 16:20:19 -0300
Subject: [PATCH] Adding secondary action to color tokens (#2324)

Co-authored-by: Nida Ghuman <nidaqg@gmail.com>
---
 playbook/app/pb_kits/playbook/pb_button/_button_mixins.scss   | 4 ++--
 .../playbook/pb_circle_icon_button/_circle_icon_button.scss   | 2 +-
 playbook/app/pb_kits/playbook/tokens/_colors.scss             | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/playbook/app/pb_kits/playbook/pb_button/_button_mixins.scss b/playbook/app/pb_kits/playbook/pb_button/_button_mixins.scss
index 6d58dfc2d8..89b915cc9e 100644
--- a/playbook/app/pb_kits/playbook/pb_button/_button_mixins.scss
+++ b/playbook/app/pb_kits/playbook/pb_button/_button_mixins.scss
@@ -101,7 +101,7 @@ $pb_button_border_width: 0px;
 
 // Secondary ====================
 @mixin pb_button_secondary {
-  @include pb_button_variant(rgba($primary_action, 0.05), $primary_action);
+  @include pb_button_variant($secondary-action, $primary_action);
 
   @media (hover:hover) {
     &:hover {
@@ -109,7 +109,7 @@ $pb_button_border_width: 0px;
     }
     &:active {
       transition: none;
-      @include pb_button_variant(rgba($primary_action, 0.05), $primary_action);
+      @include pb_button_variant($secondary-action, $primary_action);
     }
   } 
 }
diff --git a/playbook/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss b/playbook/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
index 9b9cbba5f8..88e7498fa7 100644
--- a/playbook/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
+++ b/playbook/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
@@ -26,7 +26,7 @@ $pb_button_styles: [
 @mixin pb_circle_icon_button_active {
   &:active {
     transition: none;
-    @include pb_button_variant(rgba($primary_action, 0.05), $primary_action);
+    @include pb_button_variant($secondary-action, $primary_action);
   }
 }
 
diff --git a/playbook/app/pb_kits/playbook/tokens/_colors.scss b/playbook/app/pb_kits/playbook/tokens/_colors.scss
index 2804f5fe86..2acb3da162 100755
--- a/playbook/app/pb_kits/playbook/tokens/_colors.scss
+++ b/playbook/app/pb_kits/playbook/tokens/_colors.scss
@@ -75,6 +75,8 @@ $card_colors: (
 );
 
 $primary-action:      $primary !default;
+$secondary-action:    rgba($primary_action, 0.05) !default;
+
 $action_colors: (
   primary_action:            $primary-action
 );