Merge pull request #1844 from natura-cosmeticos/DSY-5430v2

fix(natds-react): fixed texttransform CB2 e FV2 to none update theme
natura-cosmeticos · Jan 8, 2025 · 447ae43 · 447ae43
2 parents 56eeaf8 + 4ed54bd
commit 447ae43
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 20 deletions.
diff --git a/packages/react/src/components/GayaButton/GayaButton.stories.tsx b/packages/react/src/components/GayaButton/GayaButton.stories.tsx
@@ -43,7 +43,7 @@ export default {
 export const Playground: Story<GayaButtonProps> = (args) => <GayaButton {...args} />
 Playground.args = {
   children: 'button',
-  onClick: () => console.log('clicked!')
+  onClick: () => null
 }
 
 export const Variants: Story<GayaButtonProps> = (args) => (

diff --git a/packages/react/src/components/GayaButton/GayaButton.styles.ts b/packages/react/src/components/GayaButton/GayaButton.styles.ts
@@ -13,19 +13,13 @@ type GayaButtonStyleProps = Pick<GayaButtonProps, 'size' | 'showIcon' | 'iconPos
 const getPaddingStyles = (theme: Theme) => ({ size, brand, mode }: GayaButtonStyleProps) => {
   const brandTheme = buildTheme(brand, mode)
   const padding = {
-    // semi: theme.spacing.micro,
     semi: theme.button.paddingX,
-    // medium: theme.spacing.small,
     medium: theme.button.paddingX,
-    // semiX: theme.spacing.tiny
     semiX: theme.button.paddingX
   }
   const paddingbrand = {
-    // semi: brandTheme.spacing.micro,
     semi: brandTheme.button.paddingX,
-    // medium: brandTheme.spacing.small,
     medium: brandTheme.button.paddingX,
-    // semiX: brandTheme.spacing.tiny
     semiX: brandTheme.button.paddingX
   }
   if (brand) {

diff --git a/packages/react/src/components/GayaButton/GayaButton.tsx b/packages/react/src/components/GayaButton/GayaButton.tsx
@@ -49,7 +49,7 @@ const GayaButton = React.forwardRef<HTMLButtonElement, GayaButtonProps>(({
   return (
     <Ripple brand={brand} disabled={disabled} fullWidth={fullWidth}>
       <button
-        className={`${gayaButton} ${className} Button-gaya`}
+        className={`${gayaButton} ${className} Gaya-Button`}
         data-testid={testID}
         disabled={disabled || ariaDisabled}
         onClick={onClick}

diff --git a/packages/react/src/components/GayaButton/__snapshots__/GayaButton.test.tsx.snap b/packages/react/src/components/GayaButton/__snapshots__/GayaButton.test.tsx.snap
@@ -74,7 +74,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div
@@ -166,7 +166,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div
@@ -258,7 +258,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div
@@ -351,7 +351,7 @@ Array [
     >
       <button
         aria-disabled="true"
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         data-testid="btn-disabled"
         disabled=""
         type="button"
@@ -443,7 +443,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div
@@ -534,7 +534,7 @@ Array [
     >
       <button
         aria-disabled="true"
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         disabled=""
         type="button"
       >
@@ -625,7 +625,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div
@@ -716,7 +716,7 @@ Array [
     >
       <button
         aria-disabled="true"
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         disabled=""
         type="button"
       >
@@ -809,7 +809,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div
@@ -910,7 +910,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div
@@ -1017,7 +1017,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div
@@ -1124,7 +1124,7 @@ Array [
       data-testid="ripple"
     >
       <button
-        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Button-gaya"
+        class="gayaButton-0-2-1 gayaButton-d0-0-2-4  Gaya-Button"
         type="button"
       >
         <div