Merge pull request #499 from natura-cosmeticos/DSY-4671

Dsy 4671 Added new colors and states in button component
natura-cosmeticos · May 9, 2024 · 23b6f5f · 23b6f5f
2 parents c8285bd + 8aea4ea
commit 23b6f5f
Showing 19 changed files with 3,103 additions and 48 deletions.
diff --git a/packages/natds-themes/properties/brands/aesop/components/button.json b/packages/natds-themes/properties/brands/aesop/components/button.json
@@ -3,6 +3,9 @@
     "button": {
       "borderRadius": {
         "value": "{borderRadius.medium.value}"
+      },
+      "elevation": {
+        "value": "0 4px 5px 0 rgba(0, 0, 0, 0.14)"
       }
     }
   }

diff --git a/packages/natds-themes/properties/brands/avon/components/button.json b/packages/natds-themes/properties/brands/avon/components/button.json
@@ -3,6 +3,9 @@
     "button": {
       "borderRadius": {
         "value": "{borderRadius.medium.value}"
+      },
+      "elevation": {
+        "value": "0 4px 5px 0 rgba(0, 0, 0, 0.14)"
       }
     }
   }

diff --git a/packages/natds-themes/properties/brands/avon_v2/components/button.json b/packages/natds-themes/properties/brands/avon_v2/components/button.json
@@ -3,6 +3,9 @@
     "button": {
       "borderRadius": {
         "value": "{borderRadius.medium.value}"
+      },
+      "elevation": {
+        "value": "0 4px 5px 0 rgba(0, 0, 0, 0.14)"
       }
     }
   }

diff --git a/packages/natds-themes/properties/brands/biome/components/button.json b/packages/natds-themes/properties/brands/biome/components/button.json
@@ -3,6 +3,9 @@
     "button": {
       "borderRadius": {
         "value": "{borderRadius.medium.value}"
+      },
+      "elevation": {
+        "value": "0 4px 5px 0 rgba(0, 0, 0, 0.14)"
       }
     }
   }

diff --git a/packages/natds-themes/properties/brands/biome/dark.json b/packages/natds-themes/properties/brands/biome/dark.json
@@ -42,12 +42,24 @@
     "onSecondaryLight": {
       "value": "#000000"
     },
+    "secondaryLightest": {
+      "value": "#FF9A59"
+    },
+    "onSecondaryLightest": {
+      "value": "#000000"
+    },
     "secondaryDark": {
       "value": "#69A172"
     },
     "onSecondaryDark": {
       "value": "#000000"
     },
+    "secondaryDarkest": {
+      "value": "#AD4907"
+    },
+    "onSecondaryDarkest": {
+      "value": "#FFFFFF"
+    },
 
 
     "contentHighlight": {

diff --git a/packages/natds-themes/properties/brands/biome/light.json b/packages/natds-themes/properties/brands/biome/light.json
@@ -42,12 +42,24 @@
     "onSecondaryLight": {
       "value": "#000000"
     },
+    "secondaryLightest": {
+      "value": "#FF9A59"
+    },
+    "onSecondaryLightest": {
+      "value": "#000000"
+    },
     "secondaryDark": {
       "value": "#005A00"
     },
     "onSecondaryDark": {
       "value": "#FFFFFF"
     },
+    "secondaryDarkest": {
+      "value": "#AD4907"
+    },
+    "onSecondaryDarkest": {
+      "value": "#FFFFFF"
+    },
 
 
     "contentHighlight": {

diff --git a/packages/natds-themes/properties/brands/casaEestilo/components/button.json b/packages/natds-themes/properties/brands/casaEestilo/components/button.json
@@ -3,6 +3,9 @@
     "button": {
       "borderRadius": {
         "value": "{borderRadius.medium.value}"
+      },
+      "elevation": {
+        "value": "0 4px 5px 0 rgba(0, 0, 0, 0.14)"
       }
     }
   }

diff --git a/packages/natds-themes/properties/brands/consultoriaDeBeleza/components/button.json b/packages/natds-themes/properties/brands/consultoriaDeBeleza/components/button.json
@@ -3,6 +3,9 @@
     "button": {
       "borderRadius": {
         "value": "{borderRadius.medium.value}"
+      },
+      "elevation": {
+        "value": "0 4px 5px 0 rgba(0, 0, 0, 0.14)"
       }
     }
   }

diff --git a/packages/natds-themes/properties/brands/natdsTest/components/button.json b/packages/natds-themes/properties/brands/natdsTest/components/button.json
@@ -3,6 +3,9 @@
     "button": {
       "borderRadius": {
         "value": "{borderRadius.none.value}"
+      },
+      "elevation": {
+        "value": "0 4px 5px 0 rgba(0, 0, 0, 0.14)"
       }
     }
   }