fix(deps): update dependency @naturacosmeticos/natds-themes to ^0.29.0 (

#264) * fix(deps): update dependency @naturacosmeticos/natds-themes to ^0.29.0 Co-authored-by: Renovate Bot <[email protected]> Co-authored-by: mattosdavi <[email protected]>
natura-cosmeticos · Mar 23, 2022 · 423186c · 423186c
1 parent 2adcc0d
commit 423186c
Show file tree

Hide file tree

Showing 4 changed files with 435 additions and 17 deletions.
diff --git a/package.json b/package.json
@@ -67,7 +67,7 @@
   },
   "dependencies": {
     "@naturacosmeticos/natds-icons": "^1.10.0",
-    "@naturacosmeticos/natds-themes": "^0.24.3",
+    "@naturacosmeticos/natds-themes": "^0.29.0",
     "fs-extra": "8.1.0",
     "react-native-gesture-handler": "^1.10.3",
     "react-native-svg": "^12.1.1"

diff --git a/src/common/themeSelectors/theme/mock-theme.json b/src/common/themeSelectors/theme/mock-theme.json
@@ -87,6 +87,10 @@
       "fallback": {
           "fontFamily": "Arial",
           "fontWeight": 400
+      },
+      "color": {
+          "background": "#f4ab34",
+          "label": "#333333"
       }
   },
   "badge": {
@@ -222,6 +226,9 @@
       "borderRadius": {
           "enable": 4,
           "disable": 0
+      },
+      "color": {
+          "background": "#ffffff"
       }
   },
   "checkbox": {
@@ -296,7 +303,16 @@
               "fontWeight": 400
           }
       },
-      "borderRadius": 4
+      "borderRadius": 4,
+      "color": {
+          "background": "#ffffff",
+          "title": "#000000"
+      }
+  },
+  "divider": {
+      "color": {
+          "background": "#bbbbbb"
+      }
   },
   "expansionPanel": {
       "title": {
@@ -323,12 +339,60 @@
       },
       "medium": {
           "borderRadius": 24
+      },
+      "standard": {
+          "color": {
+              "enable": {
+                  "background": "#FFFFFF00"
+              },
+              "disable": {
+                  "background": "#FFFFFF00"
+              },
+              "hover": {
+                  "background": "#f1f3f5"
+              },
+              "focus": {
+                  "background": "#e9ecef"
+              }
+          }
+      },
+      "float": {
+          "color": {
+              "enable": {
+                  "background": "#ffffff"
+              },
+              "disable": {
+                  "background": "#bbbbbb"
+              },
+              "hover": {
+                  "background": "#f1f3f5"
+              },
+              "focus": {
+                  "background": "#e9ecef"
+              }
+          }
+      },
+      "overlay": {
+          "color": {
+              "enable": {
+                  "background": "#000000"
+              },
+              "disable": {
+                  "background": "#000000"
+              },
+              "hover": {
+                  "background": "#000000"
+              },
+              "focus": {
+                  "background": "#000000"
+              }
+          }
       }
   },
   "image": {
       "borderRadius": {
-          "enable": 4,
-          "disable": 0
+          "medium": 4,
+          "none": 0
       }
   },
   "link": {
@@ -344,11 +408,16 @@
               "fontFamily": "Arial",
               "fontWeight": 400
           }
+      },
+      "color": {
+          "label": {
+              "enable": {
+                  "default": "#227bbd",
+                  "light": "#bbbbbb"
+              }
+          }
       }
   },
-  "menuItem": {
-      "borderRadius": 4
-  },
   "navigationDrawer": {
       "header": {
           "title": {
@@ -419,6 +488,10 @@
       },
       "large": {
           "borderRadius": 32
+      },
+      "color": {
+          "stroke": "#f4ab34",
+          "layer": "#ffffff"
       }
   },
   "radioButton": {
@@ -435,7 +508,21 @@
               "fontWeight": 400
           }
       },
-      "borderRadius": 12
+      "borderRadius": 12,
+      "color": {
+          "select": {
+              "border": "#f4ab34",
+              "content": "#f4ab34"
+          },
+          "unselect": {
+              "border": "#000000",
+              "content": "#000000"
+          },
+          "disable": {
+              "border": "#bbbbbb",
+              "content": "#bbbbbb"
+          }
+      }
   },
   "rating": {
       "counter": {
@@ -483,6 +570,110 @@
               "fontWeight": 400
           }
       },
+      "contained": {
+          "color": {
+              "enable": {
+                  "primary": {
+                      "background": "#f4ab34",
+                      "border": "#FFFFFF00",
+                      "label": "#333333"
+                  },
+                  "neutral": {
+                      "background": "#ffffff",
+                      "border": "#FFFFFF00",
+                      "label": "#333333"
+                  }
+              },
+              "disable": {
+                  "primary": {
+                      "background": "#bbbbbb",
+                      "border": "#FFFFFF00",
+                      "label": "#777777"
+                  },
+                  "neutral": {
+                      "background": "#bbbbbb",
+                      "border": "#FFFFFF00",
+                      "label": "#777777"
+                  }
+              },
+              "hover": {
+                  "primary": {
+                      "background": "#ef8426",
+                      "border": "#FFFFFF00",
+                      "label": "#333333"
+                  },
+                  "neutral": {
+                      "background": "#f1f3f5",
+                      "border": "#FFFFFF00",
+                      "label": "#333333"
+                  }
+              },
+              "focus": {
+                  "primary": {
+                      "background": "#A67423",
+                      "border": "#FFFFFF00",
+                      "label": "#333333"
+                  },
+                  "neutral": {
+                      "background": "#e9ecef",
+                      "border": "#FFFFFF00",
+                      "label": "#333333"
+                  }
+              }
+          }
+      },
+      "outlined": {
+          "color": {
+              "enable": {
+                  "primary": {
+                      "background": "#FFFFFF00",
+                      "border": "#f4ab34",
+                      "label": "#333333"
+                  },
+                  "neutral": {
+                      "background": "#FFFFFF00",
+                      "border": "#bbbbbb",
+                      "label": "#333333"
+                  }
+              },
+              "disable": {
+                  "primary": {
+                      "background": "#ffffff",
+                      "border": "#bbbbbb",
+                      "label": "#bbbbbb"
+                  },
+                  "neutral": {
+                      "background": "#ffffff",
+                      "border": "#bbbbbb",
+                      "label": "#bbbbbb"
+                  }
+              },
+              "hover": {
+                  "primary": {
+                      "background": "#f1f3f5",
+                      "border": "#ef8426",
+                      "label": "#333333"
+                  },
+                  "neutral": {
+                      "background": "#f1f3f5",
+                      "border": "#777777",
+                      "label": "#333333"
+                  }
+              },
+              "focus": {
+                  "primary": {
+                      "background": "#e9ecef",
+                      "border": "#ef8426",
+                      "label": "#333333"
+                  },
+                  "neutral": {
+                      "background": "#e9ecef",
+                      "border": "#777777",
+                      "label": "#333333"
+                  }
+              }
+          }
+      },
       "borderRadius": 28
   },
   "snackbar": {
@@ -541,6 +732,24 @@
               "enable": 12,
               "disable": 0
           }
+      },
+      "color": {
+          "background": {
+              "primary": "#f4ab34",
+              "secondary": "#ff6b0b",
+              "success": "#569a32",
+              "alert": "#e74627",
+              "warning": "#fcc433",
+              "link": "#227bbd"
+          },
+          "label": {
+              "primary": "#333333",
+              "secondary": "#000000",
+              "success": "#ffffff",
+              "alert": "#ffffff",
+              "warning": "#333333",
+              "link": "#ffffff"
+          }
       }
   },
   "textField": {