From 5d951f2349760d8df7efe39983783614d8b4cb7f Mon Sep 17 00:00:00 2001 From: WillianLomeu Date: Wed, 31 Jul 2024 17:55:49 -0300 Subject: [PATCH] fix(button): fixing the old variant color button --- src/components.d.ts | 12 ++++++++++++ src/components/button/button.scss | 8 ++++++++ 2 files changed, 20 insertions(+) diff --git a/src/components.d.ts b/src/components.d.ts index 93458b13..bf03a64a 100644 --- a/src/components.d.ts +++ b/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. diff --git a/src/components/button/button.scss b/src/components/button/button.scss index 13021b94..b5546bf7 100755 --- a/src/components/button/button.scss +++ b/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%; }