Merge pull request #1803 from natura-cosmeticos/DSY-3807

feat(natds-react): update version natds-themes to 0.68.1
natura-cosmeticos · Nov 14, 2023 · 72c003f · 72c003f
2 parents 8344548 + 3dc49cf
commit 72c003f
Show file tree

Hide file tree

Showing 4 changed files with 132 additions and 52 deletions.
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -2,7 +2,7 @@
   "name": "@naturacosmeticos/natds-react",
   "displayName": "NatDS-React",
   "description": "A collection of components from Natura Design System for React",
-  "version": "2.55.0",
+  "version": "2.56.0-alpha.DSY-3807.2.0",
   "private": false,
   "keywords": [
     "design-system",
@@ -58,7 +58,7 @@
   },
   "dependencies": {
     "@naturacosmeticos/natds-icons": "1.16.5",
-    "@naturacosmeticos/natds-themes": "0.59.24",
+    "@naturacosmeticos/natds-themes": "0.68.1",
     "react-jss": "10.9.0"
   },
   "devDependencies": {

diff --git a/packages/react/src/ThemeProvider/__snapshots__/buildTheme.test.ts.snap b/packages/react/src/ThemeProvider/__snapshots__/buildTheme.test.ts.snap
@@ -308,11 +308,20 @@ Object {
   },
   "color": Object {
     "alert": "#e74627",
+    "alertDark": "#c13014",
+    "alertDarkest": "#a02b14",
+    "alertLight": "#ff826a",
+    "alertLightest": "#ffd0c7",
     "background": "#fafafa",
     "highEmphasis": "#333333",
     "highlight": "#000000",
     "link": "#227bbd",
+    "linkDark": "#1a588a",
+    "linkDarkest": "#194b73",
+    "linkLight": "#54a6dc",
+    "linkLightest": "#c4dff3",
     "lowEmphasis": "#bbbbbb",
+    "lowLight": "#ffffff",
     "mediumEmphasis": "#777777",
     "neutral100": "#f1f3f5",
     "neutral200": "#e9ecef",
@@ -324,9 +333,22 @@ Object {
     "neutral700": "#495057",
     "neutral800": "#343a40",
     "neutral900": "#212529",
+    "neutralDark": "#777777",
+    "neutralDarkest": "#333333",
+    "neutralLight": "#fafafa",
+    "neutralLightest": "#ffffff",
+    "neutralMedium": "#bbbbbb",
     "onAlert": "#ffffff",
+    "onAlertDark": "#ffffff",
+    "onAlertDarkest": "#ffffff",
+    "onAlertLight": "#333333",
+    "onAlertLightest": "#333333",
     "onBackground": "#333333",
     "onLink": "#ffffff",
+    "onLinkDark": "#ffffff",
+    "onLinkDarkest": "#ffffff",
+    "onLinkLight": "#ffffff",
+    "onLinkLightest": "#333333",
     "onPrimary": "#333333",
     "onPrimaryDark": "#ffffff",
     "onPrimaryDarkest": "#ffffff",
@@ -338,8 +360,17 @@ Object {
     "onSecondaryLight": "#000000",
     "onSecondaryLightest": "#000000",
     "onSuccess": "#ffffff",
+    "onSuccessDark": "#ffffff",
+    "onSuccessDarkest": "#ffffff",
+    "onSuccessLight": "#333333",
+    "onSuccessLightest": "#333333",
     "onSurface": "#333333",
+    "onSurfaceInverse": "#ffffff",
     "onWarning": "#333333",
+    "onWarningDark": "#333333",
+    "onWarningDarkest": "#ffffff",
+    "onWarningLight": "#333333",
+    "onWarningLightest": "#333333",
     "primary": "#f4ab34",
     "primaryDark": "#cd902c",
     "primaryDarkest": "#A67423",
@@ -351,8 +382,17 @@ Object {
     "secondaryLight": "#ff8332",
     "secondaryLightest": "#ff9a59",
     "success": "#569a32",
+    "successDark": "#386823",
+    "successDarkest": "#2b4720",
+    "successLight": "#a0d87e",
+    "successLightest": "#e1f3d4",
     "surface": "#ffffff",
+    "surfaceInverse": "#333333",
     "warning": "#fcc433",
+    "warningDark": "#f69e0a",
+    "warningDarkest": "#da7705",
+    "warningLight": "#fde68a",
+    "warningLightest": "#fef3c7",
   },
   "counter": Object {
     "borderRadius": 4,

diff --git a/packages/react/src/ThemeProvider/mock-theme.json b/packages/react/src/ThemeProvider/mock-theme.json
@@ -971,52 +971,92 @@
       "xLarge": 64
   },
   "color": {
-      "neutral50": "#f8f9fa",
-      "neutral100": "#f1f3f5",
-      "neutral200": "#e9ecef",
-      "neutral300": "#dee2e6",
-      "neutral400": "#ced4da",
-      "neutral500": "#adb5bd",
-      "neutral600": "#868e96",
-      "neutral700": "#495057",
-      "neutral800": "#343a40",
-      "neutral900": "#212529",
-      "primary": "#F4AB34",
-      "onPrimary": "#333333",
-      "primaryLight": "#F6B854",
-      "onPrimaryLight": "#333333",
-      "primaryLightest": "#F8C675",
-      "onPrimaryLightest": "#333333",
-      "primaryDark": "#CD902C",
-      "onPrimaryDark": "#FFFFFF",
-      "primaryDarkest": "#A67423",
-      "onPrimaryDarkest": "#FFFFFF",
-      "secondary": "#FF6B0B",
-      "onSecondary": "#000000",
-      "secondaryLight": "#FF8332",
-      "onSecondaryLight": "#000000",
-      "secondaryLightest": "#FF8332",
-      "onSecondaryLightest": "#000000",
-      "secondaryDark": "#D65A09",
-      "onSecondaryDark": "#FFFFFF",
-      "secondaryDarkest": "#AD4907",
-      "onSecondaryDarkest": "#FFFFFF",
-      "background": "#fafafa",
-      "onBackground": "#333333",
-      "surface": "#ffffff",
-      "onSurface": "#333333",
-      "highlight": "#000000",
-      "highEmphasis": "#333333",
-      "mediumEmphasis": "#777777",
-      "lowEmphasis": "#bbbbbb",
-      "link": "#227bbd",
-      "onLink": "#ffffff",
-      "success": "#569a32",
-      "onSuccess": "#ffffff",
-      "warning": "#fcc433",
-      "onWarning": "#333333",
-      "alert": "#e74627",
-      "onAlert": "#ffffff"
+    "neutral50": "#f8f9fa",
+    "neutral100": "#f1f3f5",
+    "neutral200": "#e9ecef",
+    "neutral300": "#dee2e6",
+    "neutral400": "#ced4da",
+    "neutral500": "#adb5bd",
+    "neutral600": "#868e96",
+    "neutral700": "#495057",
+    "neutral800": "#343a40",
+    "neutral900": "#212529",
+    "primary": "#f4ab34",
+    "onPrimary": "#333333",
+    "primaryLight": "#f6b854",
+    "onPrimaryLight": "#333333",
+    "primaryLightest": "#F8C675",
+    "onPrimaryLightest": "#333333",
+    "primaryDark": "#cd902c",
+    "onPrimaryDark": "#ffffff",
+    "primaryDarkest": "#A67423",
+    "onPrimaryDarkest": "#ffffff",
+    "secondary": "#ff6b0b",
+    "onSecondary": "#000000",
+    "secondaryLight": "#ff8332",
+    "onSecondaryLight": "#000000",
+    "secondaryLightest": "#ff9a59",
+    "onSecondaryLightest": "#000000",
+    "secondaryDark": "#d65a09",
+    "onSecondaryDark": "#ffffff",
+    "secondaryDarkest": "#ad4907",
+    "onSecondaryDarkest": "#ffffff",
+    "background": "#fafafa",
+    "onBackground": "#333333",
+    "surface": "#ffffff",
+    "onSurface": "#333333",
+    "surfaceInverse": "#333333",
+    "onSurfaceInverse": "#ffffff",
+    "highlight": "#000000",
+    "highEmphasis": "#333333",
+    "mediumEmphasis": "#777777",
+    "lowEmphasis": "#bbbbbb",
+    "lowLight": "#ffffff",
+    "link": "#227bbd",
+    "onLink": "#ffffff",
+    "linkLight": "#54a6dc",
+    "onLinkLight": "#ffffff",
+    "linkLightest": "#c4dff3",
+    "onLinkLightest": "#333333",
+    "linkDark": "#1a588a",
+    "onLinkDark": "#ffffff",
+    "linkDarkest": "#194b73",
+    "onLinkDarkest": "#ffffff",
+    "success": "#569a32",
+    "onSuccess": "#ffffff",
+    "successLight": "#a0d87e",
+    "onSuccessLight": "#333333",
+    "successLightest": "#e1f3d4",
+    "onSuccessLightest": "#333333",
+    "successDark": "#386823",
+    "onSuccessDark": "#ffffff",
+    "successDarkest": "#2b4720",
+    "onSuccessDarkest": "#ffffff",
+    "warning": "#fcc433",
+    "onWarning": "#333333",
+    "warningLight": "#fde68a",
+    "onWarningLight": "#333333",
+    "warningLightest": "#fef3c7",
+    "onWarningLightest": "#333333",
+    "warningDark": "#f69e0a",
+    "onWarningDark": "#333333",
+    "warningDarkest": "#da7705",
+    "onWarningDarkest": "#ffffff",
+    "alert": "#e74627",
+    "onAlert": "#ffffff",
+    "alertLight": "#ff826a",
+    "onAlertLight": "#333333",
+    "alertLightest": "#ffd0c7",
+    "onAlertLightest": "#333333",
+    "alertDark": "#c13014",
+    "onAlertDark": "#ffffff",
+    "alertDarkest": "#a02b14",
+    "onAlertDarkest": "#ffffff",
+    "neutralLightest": "#ffffff",
+    "neutralLight": "#fafafa",
+    "neutralMedium": "#bbbbbb",
+    "neutralDark": "#777777",
+    "neutralDarkest": "#333333"
   },
   "asset": {
       "font": {

diff --git a/yarn.lock b/yarn.lock
@@ -2707,10 +2707,10 @@
     svg2vectordrawable "2.6.26"
     webp-converter "^2.3.3"
 
-"@naturacosmeticos/natds-themes@0.59.24":
-  version "0.59.24"
-  resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.59.24.tgz#b48ceee2e71eb348a8c67b4f1037745db6b545c7"
-  integrity sha512-eoKhmI191x1oxK2bd/nqA1eHQHI6SHCCA/KGrXTFnQfEPCpr/vOP2Hp1Q/Dksol6jm0udOlRrJjvDalXdvtbgA==
+"@naturacosmeticos/natds-themes@0.68.1":
+  version "0.68.1"
+  resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.68.1.tgz#2e14ba7316d3ae0ceb5ff7eed32c1846efe7fd54"
+  integrity sha512-5SUCiGnW79nPjIYG7/vh9euUTPidJhe64NOE/eaPAApQ3/9wk4tfXjND2nnyp7tNEp280eIbXpU36NW2WZW5pQ==
   dependencies:
     open-color "^1.8.0"
     svg2vectordrawable "2.6.26"