diff --git a/packages/styles/package.json b/packages/styles/package.json index c794a1083b..64bb5eec99 100644 --- a/packages/styles/package.json +++ b/packages/styles/package.json @@ -65,7 +65,7 @@ "codecov": "3.8.3" }, "dependencies": { - "@naturacosmeticos/natds-themes": "0.54.0", + "@naturacosmeticos/natds-themes": "0.58.5", "hex-to-rgba": "2.0.1" }, "publishConfig": { diff --git a/packages/styles/src/__tests__/themes/aesop/__snapshots__/aesop.test.ts.snap b/packages/styles/src/__tests__/themes/aesop/__snapshots__/aesop.test.ts.snap index f7e8c28fa0..8f2dc41d38 100644 --- a/packages/styles/src/__tests__/themes/aesop/__snapshots__/aesop.test.ts.snap +++ b/packages/styles/src/__tests__/themes/aesop/__snapshots__/aesop.test.ts.snap @@ -885,7 +885,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -897,9 +897,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -1802,7 +1802,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -1814,9 +1814,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { diff --git a/packages/styles/src/__tests__/themes/avon/__snapshots__/avon.test.ts.snap b/packages/styles/src/__tests__/themes/avon/__snapshots__/avon.test.ts.snap index 4fdb84c237..c91b4e7a31 100644 --- a/packages/styles/src/__tests__/themes/avon/__snapshots__/avon.test.ts.snap +++ b/packages/styles/src/__tests__/themes/avon/__snapshots__/avon.test.ts.snap @@ -877,7 +877,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -889,9 +889,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -1783,7 +1783,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -1795,9 +1795,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { diff --git a/packages/styles/src/__tests__/themes/biome/__snapshots__/biome.test.ts.snap b/packages/styles/src/__tests__/themes/biome/__snapshots__/biome.test.ts.snap index 448b094118..74369a89ce 100644 --- a/packages/styles/src/__tests__/themes/biome/__snapshots__/biome.test.ts.snap +++ b/packages/styles/src/__tests__/themes/biome/__snapshots__/biome.test.ts.snap @@ -873,7 +873,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -885,9 +885,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -1778,7 +1778,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -1790,9 +1790,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { diff --git a/packages/styles/src/__tests__/themes/bodyShop/__snapshots__/theBodyShop.test.ts.snap b/packages/styles/src/__tests__/themes/bodyShop/__snapshots__/theBodyShop.test.ts.snap index b4c61cb281..6b92bd7795 100644 --- a/packages/styles/src/__tests__/themes/bodyShop/__snapshots__/theBodyShop.test.ts.snap +++ b/packages/styles/src/__tests__/themes/bodyShop/__snapshots__/theBodyShop.test.ts.snap @@ -877,7 +877,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -889,9 +889,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -1786,7 +1786,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -1798,9 +1798,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { diff --git a/packages/styles/src/__tests__/themes/natura/__snapshots__/natura.test.ts.snap b/packages/styles/src/__tests__/themes/natura/__snapshots__/natura.test.ts.snap index d2cb1893e0..2f2ca664e9 100644 --- a/packages/styles/src/__tests__/themes/natura/__snapshots__/natura.test.ts.snap +++ b/packages/styles/src/__tests__/themes/natura/__snapshots__/natura.test.ts.snap @@ -873,7 +873,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -885,9 +885,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -1780,7 +1780,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -1792,9 +1792,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { diff --git a/packages/styles/src/__tests__/tokens/__snapshots__/tokens.test.ts.snap b/packages/styles/src/__tests__/tokens/__snapshots__/tokens.test.ts.snap index 089ad6cecf..1d61ecaf1d 100644 --- a/packages/styles/src/__tests__/tokens/__snapshots__/tokens.test.ts.snap +++ b/packages/styles/src/__tests__/tokens/__snapshots__/tokens.test.ts.snap @@ -546,7 +546,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -558,9 +558,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { diff --git a/packages/web/package.json b/packages/web/package.json index 5cb998ffc2..e781496e59 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -2,7 +2,7 @@ "name": "@naturacosmeticos/natds-web", "displayName": "NatDS React Web", "description": "A collection of components from Natura Design System for React websites and webapps", - "version": "4.6.0", + "version": "4.6.1-alpha.DSY-3466.2.0", "private": false, "keywords": [ "design-system", diff --git a/packages/web/src/Components/Logo/Logo.tsx b/packages/web/src/Components/Logo/Logo.tsx index a48ffa8d1c..fe9221b653 100644 --- a/packages/web/src/Components/Logo/Logo.tsx +++ b/packages/web/src/Components/Logo/Logo.tsx @@ -1,3 +1,4 @@ +/* eslint-disable react/no-danger */ /* eslint-disable react/no-danger-with-children */ import React from 'react' import { useTheme } from '@material-ui/core/styles' @@ -10,7 +11,7 @@ const Logo = ({ size = 'veryHuge', model = 'a', arialabel = 'logo' -}: ILogoProps) => { +}: ILogoProps):JSX.Element => { const theme: IThemeWeb = useTheme() const checkColor = color === 'neutral' ? 'neutral' : 'custom' const logo = theme.asset?.brand[checkColor][model].file diff --git a/packages/web/src/Provider/__snapshots__/buildTheme.test.ts.snap b/packages/web/src/Provider/__snapshots__/buildTheme.test.ts.snap index 710f3f72b8..5e0dff532c 100644 --- a/packages/web/src/Provider/__snapshots__/buildTheme.test.ts.snap +++ b/packages/web/src/Provider/__snapshots__/buildTheme.test.ts.snap @@ -855,7 +855,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -867,9 +867,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -1765,7 +1765,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -1777,9 +1777,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { diff --git a/packages/web/src/Themes/__snapshots__/themes.test.tsx.snap b/packages/web/src/Themes/__snapshots__/themes.test.tsx.snap index 195f3e30c3..cd85c95342 100644 --- a/packages/web/src/Themes/__snapshots__/themes.test.tsx.snap +++ b/packages/web/src/Themes/__snapshots__/themes.test.tsx.snap @@ -880,7 +880,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -892,9 +892,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -1789,7 +1789,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -1801,9 +1801,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -2720,7 +2720,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -2732,9 +2732,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -3630,7 +3630,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -3642,9 +3642,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -4565,7 +4565,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -4577,9 +4577,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { @@ -5477,7 +5477,7 @@ Object { "lineHeight": 1.5, }, "h2": Object { - "fontSize": 60, + "fontSize": 64, "fontWeight": 400, "letterSpacing": 0, "lineHeight": 1.5, @@ -5489,9 +5489,9 @@ Object { "lineHeight": 1.5, }, "h4": Object { - "fontSize": 34, + "fontSize": 32, "fontWeight": 400, - "letterSpacing": 0.27, + "letterSpacing": 0, "lineHeight": 1.5, }, "h5": Object { diff --git a/yarn.lock b/yarn.lock index f72b96d22a..02420fc77d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2693,19 +2693,19 @@ resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-icons/-/natds-icons-1.11.3.tgz#e7de13d8fde2c44f9c68e73de75f02906fefdfb8" integrity sha512-NQVrs5aUaCc7eyrPRh5TlgRYZqT0SXDHq/VVcWUG/R7j9wzFFvCs/IbcAjeNJR4cVNDqq2ruAIl9ZnHanw5Qpw== -"@naturacosmeticos/natds-themes@0.54.0": - version "0.54.0" - resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.54.0.tgz#58442a8702230fb2da7446cddaf804d5e0e099d0" - integrity sha512-bSM+V74alX2P4vfncqJN8k/8vYWMMJRj4dzf2hxmfuhJa5RHfFLqauZjgkgSA2O2zQ5Lfr0RKZYz0zLO5bnesg== +"@naturacosmeticos/natds-themes@0.55.0": + version "0.55.0" + resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.55.0.tgz#0d5180e7f1c93ff9478e9735bf9560b0b66146f4" + integrity sha512-kxmrNVzKRi/4WG5Tht4I27Lt60NwHyysy6TPwwhXAyktegDTccenmHaB3g5XZ7Qc7Hua6YOohD4I27LkKcn8MQ== dependencies: open-color "^1.8.0" svg2vectordrawable "2.6.26" webp-converter "^2.3.3" -"@naturacosmeticos/natds-themes@0.55.0": - version "0.55.0" - resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.55.0.tgz#0d5180e7f1c93ff9478e9735bf9560b0b66146f4" - integrity sha512-kxmrNVzKRi/4WG5Tht4I27Lt60NwHyysy6TPwwhXAyktegDTccenmHaB3g5XZ7Qc7Hua6YOohD4I27LkKcn8MQ== +"@naturacosmeticos/natds-themes@0.58.5": + version "0.58.5" + resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.58.5.tgz#785dd8f01dd7b37a6c005cc141c1d5d630960a20" + integrity sha512-x9s4zyIKhIa0ASgEnRBlL0LU12ee8JqLYVZBihWvQpzI7Ny3ihmexcfxrKr/tt308hBbnvb7R3x5ap+ksN9sTw== dependencies: open-color "^1.8.0" svg2vectordrawable "2.6.26"