From e90acb5c3053ac047d41c1f40d6ffdd0735ac617 Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Wed, 13 Sep 2023 14:57:05 -0300 Subject: [PATCH 01/12] feat(natds-react): add viewport breakpoint DS affects: @naturacosmeticos/natds-react DSY-3330 --- packages/react/.storybook/preview.js | 51 +++++++++++++++++++++++++++- 1 file changed, 50 insertions(+), 1 deletion(-) diff --git a/packages/react/.storybook/preview.js b/packages/react/.storybook/preview.js index ded220168e..e92a7a13d1 100644 --- a/packages/react/.storybook/preview.js +++ b/packages/react/.storybook/preview.js @@ -1,13 +1,62 @@ import ThemeDecorator from "./decorators/themeDecorator"; import { dark, light } from "./theme"; +const viewportDS = { + ["Extra small"]: { + name: 'Extra small', + styles: { + width: '576px', + height: '100vh' + } + }, + small: { + name: 'Small', + styles: { + width: '768px', + height: '100vh' + } + }, + Medium: { + name: 'Medium', + styles: { + width: '1024px', + height: '100vh' + } + }, + Large: { + name: 'Large', + styles: { + width: '1280px', + height: '100vh' + } + }, + ["Extra Large"]: { + name: 'Extra Large', + styles: { + width: '1440px', + height: '100vh' + } + }, + ["Extra extra Large"]: { + name: 'Extra extra Large', + styles: { + width: '100%', + height: '100vh' + } + }, +} + export { globalTypes } from "./globalTypes"; export const decorators = [ThemeDecorator] export const parameters = { actions: { argTypesRegex: "^on[A-Z].*" }, backgrounds: { disable: true, grid: { disable: true } }, - viewport: { disable: true }, + viewport: { + disable: false, + viewports: viewportDS + + }, darkMode: { dark, light From e710ef18c1d14049dcf24d7bf5ba61b919946663 Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Wed, 13 Sep 2023 14:59:09 -0300 Subject: [PATCH 02/12] fixt(natds-react): remove type BrandProps biome affects: @naturacosmeticos/natds-react DSY-3330 --- packages/react/src/Templates/GlobalTypes/index.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/react/src/Templates/GlobalTypes/index.ts b/packages/react/src/Templates/GlobalTypes/index.ts index 85b500da20..fd6b89f2ca 100644 --- a/packages/react/src/Templates/GlobalTypes/index.ts +++ b/packages/react/src/Templates/GlobalTypes/index.ts @@ -1,7 +1,6 @@ export type BrandProps = 'aesop' | 'avon' | 'avon_v2' - | 'biome' | 'natura' | 'theBodyShop' | 'consultoriaDeBeleza' From 593133c030a0f1bc6b0b8b6897a9ba2a4ecb5717 Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Wed, 13 Sep 2023 15:00:25 -0300 Subject: [PATCH 03/12] feat(natds-react): add Template Login affects: @naturacosmeticos/natds-react DSY-3330 --- .../src/Templates/Login/Login.stories.tsx | 32 +++++ .../react/src/Templates/Login/Login.style.ts | 118 ++++++++++++++++++ packages/react/src/Templates/Login/Login.tsx | 101 +++++++++++++++ 3 files changed, 251 insertions(+) create mode 100644 packages/react/src/Templates/Login/Login.stories.tsx create mode 100644 packages/react/src/Templates/Login/Login.style.ts create mode 100644 packages/react/src/Templates/Login/Login.tsx diff --git a/packages/react/src/Templates/Login/Login.stories.tsx b/packages/react/src/Templates/Login/Login.stories.tsx new file mode 100644 index 0000000000..a6bb194779 --- /dev/null +++ b/packages/react/src/Templates/Login/Login.stories.tsx @@ -0,0 +1,32 @@ +import React from 'react' +import { Story, Meta } from '@storybook/react' +import Login from './Login' + +const componentStatus = ` +- - - + +**NOTE FOR UXs**: This is exemplo template: +- - - +` + +export default { + title: 'Templates/Login', + component: Login, + parameters: { + componentSubtitle: 'This is an example of implementing the theme on a Login page', + docs: { description: { component: componentStatus } } + } +} as Meta + +export const Playground: Story = () => ( + + + +) +// export const TemplateCheckoutMobile: Story = () => ( +//
+ +// +//
+ +// ) diff --git a/packages/react/src/Templates/Login/Login.style.ts b/packages/react/src/Templates/Login/Login.style.ts new file mode 100644 index 0000000000..128b2e304c --- /dev/null +++ b/packages/react/src/Templates/Login/Login.style.ts @@ -0,0 +1,118 @@ +/* eslint-disable max-len */ +import { createUseStyles } from 'react-jss' +import { Theme } from '@naturacosmeticos/natds-themes' + +const styles = createUseStyles((theme: Theme) => ({ + + container: { + display: 'flex', + position: 'relative', + fontFamily: [theme.tag.label.primary.fontFamily, theme.tag.label.fallback.fontFamily], + alignItems: 'center', + justifyContent: 'center', + flexDirection: 'column', + border: ' 1px solid #0000001F', + gap: theme.size.micro, + boxSizing: '-moz-initial', + minWidth: 360, + width: '100%', + fontWeight: theme.typography.fontWeight.medium, + fontSize: theme.typography.fontSize.level2 + }, + wrapper: { + width: '100%', + maxWidth: 328, + minHeight: '90px' + }, + wrapperBTN: { + display: 'flex', + flexDirection: 'column', + width: '100%', + marginBottom: '80px', + maxWidth: 328, + gap: 16 + }, + wrapperLogo: { + display: 'flex', + width: '100%', + marginBottom: '40px', + alignItems: 'center', + flexDirection: 'column' + }, + wrapperLogin: { + display: 'flex', + alignItems: 'center', + flexDirection: 'column', + width: '100%', + minHeight: '200px', + marginBottom: '13px', + gap: '24px' + }, + wrapperChecks: { + display: 'flex', + alignItems: 'center', + justifyContent: 'space-between', + width: '100%', + marginBottom: '67px', + maxWidth: 328 + }, + row: { + display: 'flex', + alignContent: 'center', + justifyContent: 'center', + width: '100%' + }, + colLeft: { + display: 'flex', + alignItems: 'center', + flexDirection: 'column', + paddingTop: '150px', + width: '100%' + }, + colRight: { + overflow: 'hidden', + width: '100%', + height: '900px' + }, + btnOpenIMG: { + display: 'flex', + position: 'absolute', + // border: '1px solid red', + top: 5, + left: 5 + }, + + '@media screen and (max-width: 1280px)': { + containerStep: { + display: 'flex', + justifyContent: 'center', + flexDirection: 'column', + // border: '1px solid yellow', + minHeight: '80px', + width: '100%', + gap: 24, + overflow: 'hidden' + }, + containerSection: { + display: 'flex', + width: '100%', + gap: 16, + flexDirection: 'column-reverse', + justifyContent: 'center', + alignItems: 'center' + }, + summaryContainer: { + display: 'flex', + width: '100%', + // alignItems: 'start', + maxWidth: 'unset', + minHeight: 'unset', + flexDirection: 'column', + justifyContent: 'start', + backgroundColor: theme.color.surface, + gap: 4 + } + } +})) + +export default styles diff --git a/packages/react/src/Templates/Login/Login.tsx b/packages/react/src/Templates/Login/Login.tsx new file mode 100644 index 0000000000..17fd3b20ca --- /dev/null +++ b/packages/react/src/Templates/Login/Login.tsx @@ -0,0 +1,101 @@ +/* eslint-disable complexity */ +import React, { useState } from 'react' +import styles from './Login.style' +import TextField from '../../components/TextField/TextField' +import Logo from '../../components/Logo/Logo' +import Icon from '../../components/Icon' +import CheckBox from '../../components/Checkbox' +import Typography from '../../components/Typography' +import Button from '../../components/Button' +// import Image from '../../components/Image' +import useMedia from '../hookMedia/useMedia' +import IconButton from '../../components/IconButton' + +const URLIMG = 'https://www.naturaeco.com/wp-content/uploads/sites/428/2021/06/NET-ZERO-scaled.jpg' + +const Login: React.FC = (() => { + const [password, setPassword] = useState('Hello World') + const [email, setEmail] = useState('') + const [passwordTrans, setPasswordTrans] = useState(false) + const [check, setCheck] = useState(false) + const [openImg, setOpenImg] = useState(false) + const { mediaOn } = useMedia(768) + const { + container, wrapper, wrapperLogin, + wrapperLogo, wrapperChecks, wrapperBTN, row, colLeft, colRight, btnOpenIMG + } = styles() + return ( +
+ { + !mediaOn && ( +
+ setOpenImg(!openImg)} + IconComponent={openImg ? : } + /> +
+ ) + } + +
+
+
+ +
+
+
+ setPasswordTrans(!passwordTrans)} + onChange={(e) => setEmail(e.target.value)} + value={email} + type="text" + label="Login" + /> + +
+
+ setPasswordTrans(!passwordTrans)} + onChange={(e) => setPassword(e.target.value)} + value={password} + type={`${passwordTrans ? 'text' : 'password'}`} + label="Password" + action="icon" + IconComponent={passwordTrans ? : } + /> +
+
+
+ setCheck(!check)} /> + Forgot password? +
+
+ + +
+
+ { + !mediaOn && openImg && ( +
+ {/* */} + + +
+ ) + } + +
+ +
+ ) +} +) +export default Login From db493ed0e681b5a042c416f263da9baf6e7353b7 Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Wed, 13 Sep 2023 15:03:05 -0300 Subject: [PATCH 04/12] fixt(natds-react): alignItems center in wrapperRow affects: @naturacosmeticos/natds-react DSY-3330 --- packages/react/src/components/Snackbar/Snackbar.styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/Snackbar/Snackbar.styles.ts b/packages/react/src/components/Snackbar/Snackbar.styles.ts index 981d4768dc..beb2967c2b 100644 --- a/packages/react/src/components/Snackbar/Snackbar.styles.ts +++ b/packages/react/src/components/Snackbar/Snackbar.styles.ts @@ -129,7 +129,7 @@ const styles = createUseStyles((theme: The }, wrapperRow: { display: 'flex', - alignItems: 'start', + alignItems: 'center', width: '100%', gap: '8px' }, From b65ed4c59e408a84b7ff8b2f7ba1e9c9606c695c Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Wed, 13 Sep 2023 18:08:48 -0300 Subject: [PATCH 05/12] test(natds-react): update snapshot snackbar affects: @naturacosmeticos/natds-react DSY-3330 --- .../__snapshots__/Snackbar.test.tsx.snap | 36 +++++++++---------- 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/packages/react/src/components/Snackbar/__snapshots__/Snackbar.test.tsx.snap b/packages/react/src/components/Snackbar/__snapshots__/Snackbar.test.tsx.snap index 2ea4673aa2..e154e76597 100644 --- a/packages/react/src/components/Snackbar/__snapshots__/Snackbar.test.tsx.snap +++ b/packages/react/src/components/Snackbar/__snapshots__/Snackbar.test.tsx.snap @@ -31,7 +31,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -214,7 +214,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -539,7 +539,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -753,7 +753,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -934,7 +934,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -1115,7 +1115,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -1296,7 +1296,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -1477,7 +1477,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -1659,7 +1659,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -1840,7 +1840,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -2022,7 +2022,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -2204,7 +2204,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -2386,7 +2386,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -2567,7 +2567,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -2748,7 +2748,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -2929,7 +2929,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -3110,7 +3110,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; @@ -3297,7 +3297,7 @@ Array [ gap: 8px; width: 100%; display: flex; - align-items: start; + align-items: center; } .wrapperColumm-0-2-4 { gap: 8px; From 315674c4b1cf52aa552a18670642c0fff360bd9c Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Wed, 13 Sep 2023 18:10:50 -0300 Subject: [PATCH 06/12] chore(natds-react): update Icons and themes affects: @naturacosmeticos/natds-react DSY-3330 --- packages/react/.storybook/preview-head.html | 2 +- packages/react/package.json | 4 ++-- yarn.lock | 16 ++++++++-------- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/react/.storybook/preview-head.html b/packages/react/.storybook/preview-head.html index 238f8b42fa..14fa374abf 100644 --- a/packages/react/.storybook/preview-head.html +++ b/packages/react/.storybook/preview-head.html @@ -1,5 +1,5 @@ - + diff --git a/packages/react/package.json b/packages/react/package.json index 3d5b329715..756ae452ef 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -57,8 +57,8 @@ "generate": "yarn plop --plopfile ./generators/plopfile.js" }, "dependencies": { - "@naturacosmeticos/natds-icons": "1.16.1", - "@naturacosmeticos/natds-themes": "0.59.11", + "@naturacosmeticos/natds-icons": "1.16.5", + "@naturacosmeticos/natds-themes": "0.59.24", "react-jss": "10.9.0" }, "devDependencies": { diff --git a/yarn.lock b/yarn.lock index 121ff0d18d..7c5dc640c0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2693,10 +2693,10 @@ resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-icons/-/natds-icons-1.11.3.tgz#e7de13d8fde2c44f9c68e73de75f02906fefdfb8" integrity sha512-NQVrs5aUaCc7eyrPRh5TlgRYZqT0SXDHq/VVcWUG/R7j9wzFFvCs/IbcAjeNJR4cVNDqq2ruAIl9ZnHanw5Qpw== -"@naturacosmeticos/natds-icons@1.16.1": - version "1.16.1" - resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-icons/-/natds-icons-1.16.1.tgz#b7c98999ca811fd57a1e31c702deec0f6a04ecbc" - integrity sha512-d8vBZ0rebrS64e9WRCaPr5wPN0peOX/bcineXo/rQg8HAmwwDew3FlXeEOOWXw+N0lGpFkIescs5yuaEIERjfg== +"@naturacosmeticos/natds-icons@1.16.5": + version "1.16.5" + resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-icons/-/natds-icons-1.16.5.tgz#92ba8094e5a4611eafa06d301dd19ed5524a40bf" + integrity sha512-JNDMoces+b9I+5XZ5NFIPtCuvRvIwa7+MCEjnAWqVbpauPVvbo9GbnWgdRtQMqkZqRUy9WH/n6Ph8A6Fj7+xZQ== "@naturacosmeticos/natds-themes@0.58.5": version "0.58.5" @@ -2707,10 +2707,10 @@ svg2vectordrawable "2.6.26" webp-converter "^2.3.3" -"@naturacosmeticos/natds-themes@0.59.11": - version "0.59.11" - resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.59.11.tgz#21a008541179a6651476f7d14ccd97494cc89cd0" - integrity sha512-QjBZn1tDIrhIqYHUy3QOBUKPl2DozDS01uIedJlgfoUFNSgx5QLg8a2qYFxOEoONUXRK7Qyw8Z0w32uDmBwkkw== +"@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== dependencies: open-color "^1.8.0" svg2vectordrawable "2.6.26" From 4d73d50df3054bca946e8773a59be6106d6e71df Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Wed, 13 Sep 2023 18:12:07 -0300 Subject: [PATCH 07/12] fix(natds-react): change icon outlined-action-visibility affects: @naturacosmeticos/natds-react DSY-3330 --- packages/react/src/Templates/Login/Login.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react/src/Templates/Login/Login.tsx b/packages/react/src/Templates/Login/Login.tsx index 17fd3b20ca..a92e6271bf 100644 --- a/packages/react/src/Templates/Login/Login.tsx +++ b/packages/react/src/Templates/Login/Login.tsx @@ -34,7 +34,7 @@ const Login: React.FC = (() => { backgroundStyle="float" size="medium" onClick={() => setOpenImg(!openImg)} - IconComponent={openImg ? : } + IconComponent={openImg ? : } /> ) @@ -69,7 +69,7 @@ const Login: React.FC = (() => { type={`${passwordTrans ? 'text' : 'password'}`} label="Password" action="icon" - IconComponent={passwordTrans ? : } + IconComponent={passwordTrans ? : } /> From 10ccc3989c954879ef7975e72b04e5ded8815d4b Mon Sep 17 00:00:00 2001 From: Natura Design System Team Date: Wed, 13 Sep 2023 21:19:48 +0000 Subject: [PATCH 08/12] chore(release): bump natds-js packages via lerna [skip-ci] - @naturacosmeticos/natds-react@2.53.0-alpha.DSY-3330.1.0 --- packages/react/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/package.json b/packages/react/package.json index 756ae452ef..852c8c5101 100644 --- 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.52.0", + "version": "2.53.0-alpha.DSY-3330.1.0", "private": false, "keywords": [ "design-system", From 2b9219f123331eb3574a164511b581407b3d9c5e Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Sat, 16 Sep 2023 08:06:58 -0300 Subject: [PATCH 09/12] feat(natds-react): add control in template stories affects: @naturacosmeticos/natds-react DSY-3330 --- .../src/Templates/Login/Login.stories.tsx | 10 +++-- packages/react/src/Templates/Login/Login.tsx | 37 ++++++++----------- 2 files changed, 22 insertions(+), 25 deletions(-) diff --git a/packages/react/src/Templates/Login/Login.stories.tsx b/packages/react/src/Templates/Login/Login.stories.tsx index a6bb194779..41950716bc 100644 --- a/packages/react/src/Templates/Login/Login.stories.tsx +++ b/packages/react/src/Templates/Login/Login.stories.tsx @@ -1,6 +1,6 @@ import React from 'react' import { Story, Meta } from '@storybook/react' -import Login from './Login' +import Login, { openIMG } from './Login' const componentStatus = ` - - - @@ -18,11 +18,15 @@ export default { } } as Meta -export const Playground: Story = () => ( +export const Playground: Story = (args) => ( - + ) +Playground.args = { + openIMG: false +} + // export const TemplateCheckoutMobile: Story = () => ( //
diff --git a/packages/react/src/Templates/Login/Login.tsx b/packages/react/src/Templates/Login/Login.tsx index a92e6271bf..f7bed950e8 100644 --- a/packages/react/src/Templates/Login/Login.tsx +++ b/packages/react/src/Templates/Login/Login.tsx @@ -1,19 +1,21 @@ +/* eslint-disable no-shadow */ /* eslint-disable complexity */ -import React, { useState } from 'react' +import React, { useEffect, useState } from 'react' import styles from './Login.style' import TextField from '../../components/TextField/TextField' import Logo from '../../components/Logo/Logo' import Icon from '../../components/Icon' import CheckBox from '../../components/Checkbox' -import Typography from '../../components/Typography' +import Link from '../../components/Link' import Button from '../../components/Button' // import Image from '../../components/Image' import useMedia from '../hookMedia/useMedia' -import IconButton from '../../components/IconButton' const URLIMG = 'https://www.naturaeco.com/wp-content/uploads/sites/428/2021/06/NET-ZERO-scaled.jpg' - -const Login: React.FC = (() => { +export interface openIMG { + openIMG: boolean +} +const Login: React.FC = ({ openIMG }) => { const [password, setPassword] = useState('Hello World') const [email, setEmail] = useState('') const [passwordTrans, setPasswordTrans] = useState(false) @@ -22,24 +24,15 @@ const Login: React.FC = (() => { const { mediaOn } = useMedia(768) const { container, wrapper, wrapperLogin, - wrapperLogo, wrapperChecks, wrapperBTN, row, colLeft, colRight, btnOpenIMG + wrapperLogo, wrapperChecks, wrapperBTN, row, colLeft, colRight } = styles() + + useEffect(() => { + setOpenImg(openIMG) + }, [openIMG]) + return (
- { - !mediaOn && ( -
- setOpenImg(!openImg)} - IconComponent={openImg ? : } - /> -
- ) - } -
@@ -75,7 +68,7 @@ const Login: React.FC = (() => {
setCheck(!check)} /> - Forgot password? +
@@ -97,5 +90,5 @@ const Login: React.FC = (() => {
) } -) + export default Login From 5a2ec2384c3a23702a6c4ee75f6923767360dbff Mon Sep 17 00:00:00 2001 From: Natura Design System Team Date: Sat, 16 Sep 2023 11:11:24 +0000 Subject: [PATCH 10/12] chore(release): bump natds-js packages via lerna [skip-ci] - @naturacosmeticos/natds-react@2.53.0-alpha.DSY-3330.3.0 --- packages/react/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/package.json b/packages/react/package.json index 852c8c5101..d036dc75cb 100644 --- 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.53.0-alpha.DSY-3330.1.0", + "version": "2.53.0-alpha.DSY-3330.3.0", "private": false, "keywords": [ "design-system", From 8e4622bfba550f89ef8eec58fdf6a7b7b8f758a9 Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Mon, 18 Sep 2023 16:29:14 -0300 Subject: [PATCH 11/12] udate changelog version natds react --- packages/react/CHANGELOG.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index ae0a66dd3b..736f036f98 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.53.0](https://github.com/natura-cosmeticos/natds-js/compare/@naturacosmeticos/natds-react@2.52.0-alpha.DSY-3710.3.0...@naturacosmeticos/natds-react@2.53.0) (2023-09-18) + +* **natds-react:** Add template Login + # [2.52.0](https://github.com/natura-cosmeticos/natds-js/compare/@naturacosmeticos/natds-react@2.52.0-alpha.DSY-3710.3.0...@naturacosmeticos/natds-react@2.52.0) (2023-09-05) * **natds-react:** Add stories search IconButton From cb3d9e99a1ea58c434d832646ca495717b9ad4bb Mon Sep 17 00:00:00 2001 From: Natura Design System Team Date: Mon, 18 Sep 2023 19:33:50 +0000 Subject: [PATCH 12/12] chore(release): bump natds-js packages via lerna [skip-ci] - @naturacosmeticos/natds-react@2.53.0-alpha.DSY-3330.5.0 --- packages/react/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/package.json b/packages/react/package.json index d036dc75cb..35fbafd4e3 100644 --- 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.53.0-alpha.DSY-3330.3.0", + "version": "2.53.0-alpha.DSY-3330.5.0", "private": false, "keywords": [ "design-system",