Merge pull request #864 from takenet/bugfix/color-button

fix(button): fixing the old variant color button

src/components.d.ts

@@ -1776,6 +1776,9 @@ export namespace Components {
           * Data test is the prop to specifically test the component action object.
          */
         "dataTest"?: string;
+        /**
+          * Disable state. Indicates if the component is disabled.
+         */
         "disable"?: boolean;
         /**
           * Icon. Used to add icon in list item.
@@ -1785,6 +1788,9 @@ export namespace Components {
           * A prop for make the nav open.
          */
         "isOpen"?: boolean;
+        /**
+          * Loading state. Indicates if the component is in a loading state.
+         */
         "loading"?: boolean;
         /**
           * SecondaryText. Used to insert a secondaryText in the display item.
@@ -5471,6 +5477,9 @@ declare namespace LocalJSX {
           * Data test is the prop to specifically test the component action object.
          */
         "dataTest"?: string;
+        /**
+          * Disable state. Indicates if the component is disabled.
+         */
         "disable"?: boolean;
         /**
           * Icon. Used to add icon in list item.
@@ -5480,6 +5489,9 @@ declare namespace LocalJSX {
           * A prop for make the nav open.
          */
         "isOpen"?: boolean;
+        /**
+          * Loading state. Indicates if the component is in a loading state.
+         */
         "loading"?: boolean;
         /**
           * When de open or close of component change, the event are dispache.

src/components/button/button.scss

@@ -193,6 +193,14 @@ $button-border-radius: 8px;
     }
   }
 
+  &.button__variant--secondary {
+    @include button-variant(transparent, transparent, $color-content-default);
+  }
+
+  &.button__variant--tertiary {
+    @include button-variant(transparent, $color-border-1, $color-content-default);
+  }
+
   &__group {
     width: 100%;
   }