diff --git a/README.md b/README.md index 7c26beefc..a5da1ce9d 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Natura Design System +# GaYa Design System [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) diff --git a/packages/react/.storybook/preview-head.html b/packages/react/.storybook/preview-head.html index b345870a8..13fa0b00c 100644 --- a/packages/react/.storybook/preview-head.html +++ b/packages/react/.storybook/preview-head.html @@ -1,5 +1,5 @@ - + diff --git a/packages/react/.storybook/theme.js b/packages/react/.storybook/theme.js index 8742cc531..0b6bf2d17 100644 --- a/packages/react/.storybook/theme.js +++ b/packages/react/.storybook/theme.js @@ -9,7 +9,7 @@ export const buildTheme = (theme, mode) => create({ barBg: theme.color.surface, barTextColor: theme.color.highEmphasis, base: mode, - brandTitle: 'Gaya Natura Design System', + brandTitle: 'GaYa Design System', colorPrimary: theme.color.primary, colorSecondary: theme.color.secondary, textColor: theme.color.highEmphasis, diff --git a/packages/react/README.md b/packages/react/README.md index ea356ba91..fe8d2f465 100644 --- a/packages/react/README.md +++ b/packages/react/README.md @@ -1,4 +1,4 @@ -# Natura Design System - React +# GaYa Design System - React React components for web development inside Natura&Co. diff --git a/packages/react/package.json b/packages/react/package.json index 12b04e40f..8835d3bf3 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.61.0", + "version": "2.61.1-alpha.DSY-4797.1.0", "private": false, "keywords": [ "design-system", @@ -57,8 +57,8 @@ "generate": "yarn plop --plopfile ./generators/plopfile.js" }, "dependencies": { - "@naturacosmeticos/natds-icons": "1.25.1", - "@naturacosmeticos/natds-themes": "0.77.2", + "@naturacosmeticos/natds-icons": "1.25.2", + "@naturacosmeticos/natds-themes": "0.78.2", "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 index bb07f80a4..0ca0c1579 100644 --- a/packages/react/src/ThemeProvider/__snapshots__/buildTheme.test.ts.snap +++ b/packages/react/src/ThemeProvider/__snapshots__/buildTheme.test.ts.snap @@ -131,7 +131,7 @@ Object { "badge": Object { "color": Object { "alert": Object { - "background": "#e74627", + "background": "#de3529", "label": "#111111", }, "primary": Object { @@ -143,7 +143,7 @@ Object { "label": "#000000", }, "success": Object { - "background": "#569a32", + "background": "#2f833e", "label": "#111111", }, }, @@ -1130,11 +1130,11 @@ Object { }, }, "color": Object { - "alert": "#e74627", - "alertDark": "#c13014", - "alertDarkest": "#a02b14", - "alertLight": "#ff826a", - "alertLightest": "#ffd0c7", + "alert": "#de3529", + "alertDark": "#8c2116", + "alertDarkest": "#470703", + "alertLight": "#ffa392", + "alertLightest": "#ffedea", "background": "#fafafa", "contentDisabled": "#a4a4a4", "contentHighEmphasis": "#363636", @@ -1147,16 +1147,16 @@ Object { "contentMediumEmphasisFixedLight": "#bdbdbd", "highEmphasis": "#363636", "highlight": "#111111", - "info": "#227bbd", - "infoDark": "#1a588a", - "infoDarkest": "#194b73", - "infoLight": "#54a6dc", - "infoLightest": "#c4dff3", - "link": "#227bbd", - "linkDark": "#1a588a", - "linkDarkest": "#194b73", - "linkLight": "#54a6dc", - "linkLightest": "#c4dff3", + "info": "#1267cf", + "infoDark": "#154e99", + "infoDarkest": "#052149", + "infoLight": "#a5c0fc", + "infoLightest": "#edf0ff", + "link": "#1267cf", + "linkDark": "#154e99", + "linkDarkest": "#052149", + "linkLight": "#a5c0fc", + "linkLightest": "#edf0ff", "lowEmphasis": "#8c8c8c", "lowLight": "#ffffff", "mediumEmphasis": "#737373", @@ -1228,22 +1228,22 @@ Object { "secondaryDarkest": "#ad4907", "secondaryLight": "#ff8332", "secondaryLightest": "#ff9a59", - "success": "#569a32", - "successDark": "#386823", - "successDarkest": "#2b4720", - "successLight": "#a0d87e", - "successLightest": "#e1f3d4", + "success": "#2f833e", + "successDark": "#205829", + "successDarkest": "#08280d", + "successLight": "#92d492", + "successLightest": "#d9f7d5", "surface": "#ffffff", "surfaceDark": "#4e4e4e", "surfaceDisabled": "#a4a4a4", "surfaceFixedDark": "#4e4e4e", "surfaceFixedLight": "#ffffff", "surfaceInverse": "#4e4e4e", - "warning": "#fcc433", - "warningDark": "#dea003", - "warningDarkest": "#946b02", - "warningLight": "#fdd265", - "warningLightest": "#fde198", + "warning": "#e5b815", + "warningDark": "#a38520", + "warningDarkest": "#5c4b14", + "warningLight": "#ffd75d", + "warningLightest": "#ffefcd", }, "counter": Object { "borderRadius": 4, @@ -1446,7 +1446,7 @@ Object { "color": Object { "label": Object { "enable": Object { - "default": "#227bbd", + "default": "#1267cf", "light": "#8c8c8c", }, }, @@ -2096,12 +2096,12 @@ Object { "tag": Object { "color": Object { "background": Object { - "alert": "#e74627", - "link": "#227bbd", + "alert": "#de3529", + "link": "#1267cf", "primary": "#f4ab34", "secondary": "#ff6b0b", - "success": "#569a32", - "warning": "#fcc433", + "success": "#2f833e", + "warning": "#e5b815", }, "label": Object { "alert": "#111111", diff --git a/packages/react/src/components/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap b/packages/react/src/components/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap index 7dfca815d..0679782e0 100644 --- a/packages/react/src/components/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap +++ b/packages/react/src/components/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap @@ -238,12 +238,12 @@ Array [ background-color: #c9c9c9; } .labelText-d0-0-2-9 { - color: #e74627; + color: #de3529; } .input-d1-0-2-10 { height: 56px; background-color: #ffffff; - border-color: #e74627; + border-color: #de3529; color: #363636; } .input-d1-0-2-10::placeholder { @@ -387,12 +387,12 @@ Array [ background-color: #c9c9c9; } .labelText-d0-0-2-9 { - color: #569a32; + color: #2f833e; } .input-d1-0-2-10 { height: 56px; background-color: #ffffff; - border-color: #569a32; + border-color: #2f833e; color: #363636; } .input-d1-0-2-10::placeholder { diff --git a/packages/react/src/components/Badge/__snapshots__/Badge.test.tsx.snap b/packages/react/src/components/Badge/__snapshots__/Badge.test.tsx.snap index 5ef509ee6..3469fe701 100644 --- a/packages/react/src/components/Badge/__snapshots__/Badge.test.tsx.snap +++ b/packages/react/src/components/Badge/__snapshots__/Badge.test.tsx.snap @@ -31,13 +31,13 @@ Array [ } } .badge-d0-0-2-4 { - background-color: #e74627; + background-color: #de3529; border-radius: 4px; height: 8px; width: 8px; } .badge-d0-0-2-4:after { - background-color: #e74627; + background-color: #de3529; border-radius: 4px; } .label-d1-0-2-5 { @@ -82,13 +82,13 @@ Array [ } } .badge-d0-0-2-4 { - background-color: #e74627; + background-color: #de3529; border-radius: 4px; height: 8px; width: 8px; } .badge-d0-0-2-4:after { - background-color: #e74627; + background-color: #de3529; border-radius: 4px; content: \\"\\"; } @@ -134,14 +134,14 @@ Array [ } } .badge-d0-0-2-4 { - background-color: #e74627; + background-color: #de3529; border-radius: 8px; height: 16px; padding-left: 4px; padding-right: 4px; } .badge-d0-0-2-4:after { - background-color: #e74627; + background-color: #de3529; border-radius: 8px; } .label-d1-0-2-5 { @@ -195,14 +195,14 @@ Array [ } } .badge-d0-0-2-4 { - background-color: #e74627; + background-color: #de3529; border-radius: 8px; height: 16px; padding-left: 4px; padding-right: 4px; } .badge-d0-0-2-4:after { - background-color: #e74627; + background-color: #de3529; border-radius: 8px; } .label-d1-0-2-5 { diff --git a/packages/react/src/components/Input/InputHelperText/__snapshots__/InputHelperText.test.tsx.snap b/packages/react/src/components/Input/InputHelperText/__snapshots__/InputHelperText.test.tsx.snap index 35d46d1d9..e68c23e7a 100644 --- a/packages/react/src/components/Input/InputHelperText/__snapshots__/InputHelperText.test.tsx.snap +++ b/packages/react/src/components/Input/InputHelperText/__snapshots__/InputHelperText.test.tsx.snap @@ -43,7 +43,7 @@ Array [ } .helperText-0-2-1 > i {} .helperText-d0-0-2-2 { - color: #e74627; + color: #de3529; } .helperText-d0-0-2-2 > i { margin-right: 4px; @@ -54,7 +54,7 @@ Array [ pointer-events: none; } .icon-d0-0-2-4 { - color: #e74627; + color: #de3529; font-size: 16px; }",
@@ -88,7 +88,7 @@ Array [ } .helperText-0-2-1 > i {} .helperText-d0-0-2-2 { - color: #569a32; + color: #2f833e; } .helperText-d0-0-2-2 > i { margin-right: 4px; @@ -99,7 +99,7 @@ Array [ pointer-events: none; } .icon-d0-0-2-4 { - color: #569a32; + color: #2f833e; font-size: 16px; }",
diff --git a/packages/react/src/components/Link/__snapshots__/Link.test.tsx.snap b/packages/react/src/components/Link/__snapshots__/Link.test.tsx.snap index 965335b0a..61404482d 100644 --- a/packages/react/src/components/Link/__snapshots__/Link.test.tsx.snap +++ b/packages/react/src/components/Link/__snapshots__/Link.test.tsx.snap @@ -62,7 +62,7 @@ Array [ flex-direction: row; } .link-d1-0-2-4 { - color: #227bbd; + color: #1267cf; text-decoration: none; margin-right: 8px; } @@ -104,7 +104,7 @@ Array [ flex-direction: row-reverse; } .link-d1-0-2-4 { - color: #227bbd; + color: #1267cf; text-decoration: underline; margin-left: 8px; } @@ -161,7 +161,7 @@ Array [ flex-direction: row; } .link-d1-0-2-4 { - color: #227bbd; + color: #1267cf; text-decoration: underline; margin-right: 8px; } @@ -218,7 +218,7 @@ Array [ flex-direction: row; } .link-d1-0-2-4 { - color: #227bbd; + color: #1267cf; text-decoration: underline; margin-right: 8px; } diff --git a/packages/react/src/components/Shortcut/__snapshots__/Shortcut.test.tsx.snap b/packages/react/src/components/Shortcut/__snapshots__/Shortcut.test.tsx.snap index b8482325a..9825e7589 100644 --- a/packages/react/src/components/Shortcut/__snapshots__/Shortcut.test.tsx.snap +++ b/packages/react/src/components/Shortcut/__snapshots__/Shortcut.test.tsx.snap @@ -407,14 +407,14 @@ Array [ } } .badge-d0-0-2-23 { - background-color: #e74627; + background-color: #de3529; border-radius: 8px; height: 16px; padding-left: 4px; padding-right: 4px; } .badge-d0-0-2-23:after { - background-color: #e74627; + background-color: #de3529; border-radius: 8px; } .label-d1-0-2-24 { 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 b75786f20..67f992a41 100644 --- a/packages/react/src/components/Snackbar/__snapshots__/Snackbar.test.tsx.snap +++ b/packages/react/src/components/Snackbar/__snapshots__/Snackbar.test.tsx.snap @@ -1222,7 +1222,7 @@ Array [ } } .snackbarContainer-d0-0-2-18 { - background-color: #e74627; + background-color: #de3529; right: 8px ; top: 8px; bottom: unset; @@ -1403,7 +1403,7 @@ Array [ } } .snackbarContainer-d0-0-2-18 { - background-color: #227bbd; + background-color: #1267cf; right: 8px ; top: 8px; bottom: unset; @@ -1584,7 +1584,7 @@ Array [ } } .snackbarContainer-d0-0-2-18 { - background-color: #569a32; + background-color: #2f833e; right: 8px ; top: 8px; bottom: unset; @@ -1766,7 +1766,7 @@ Array [ } } .snackbarContainer-d0-0-2-18 { - background-color: #fcc433; + background-color: #e5b815; right: 8px ; top: 8px; bottom: unset; diff --git a/packages/react/src/components/Tag/Tag.test.tsx b/packages/react/src/components/Tag/Tag.test.tsx index 00da4dcbc..563676d10 100644 --- a/packages/react/src/components/Tag/Tag.test.tsx +++ b/packages/react/src/components/Tag/Tag.test.tsx @@ -39,7 +39,7 @@ describe('Tag component', () => { const { styles, component: { getByTestId } } = renderWithTheme() const component = getByTestId('success-color') - expect(component).toHaveStyle({ 'background-color': '#569a32' }) + expect(component).toHaveStyle({ 'background-color': '#2F833E' }) expect([styles.toString(), component]).toMatchSnapshot() }) diff --git a/packages/react/src/components/Tag/__snapshots__/Tag.test.tsx.snap b/packages/react/src/components/Tag/__snapshots__/Tag.test.tsx.snap index 648b879ae..88e704869 100644 --- a/packages/react/src/components/Tag/__snapshots__/Tag.test.tsx.snap +++ b/packages/react/src/components/Tag/__snapshots__/Tag.test.tsx.snap @@ -230,7 +230,7 @@ Array [ letter-spacing: 0.38px; } .container-d0-0-2-4 { - background-color: #569a32; + background-color: #2f833e; border-radius: 8px; height: 16px; } diff --git a/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap b/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap index 8976d12cb..fdbe1fc3b 100644 --- a/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap +++ b/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap @@ -995,12 +995,12 @@ Array [ } .textArea-0-2-8::placeholder {} .wrapper-d0-0-2-9 { - border-color: #569a32; + border-color: #2f833e; cursor: text; } .wrapper-d0-0-2-9:hover {} .wrapper-d0-0-2-9:focus-within { - border-color: #569a32; + border-color: #2f833e; } .wrapper-d0-0-2-9:after { opacity: 0; @@ -1030,7 +1030,7 @@ Array [ } .helperText-0-2-12 > i {} .helperText-d0-0-2-13 { - color: #569a32; + color: #2f833e; } .helperText-d0-0-2-13 > i { margin-right: 4px; @@ -1041,7 +1041,7 @@ Array [ pointer-events: none; } .icon-d0-0-2-15 { - color: #569a32; + color: #2f833e; font-size: 16px; } .labelContainer-0-2-3 { @@ -1057,7 +1057,7 @@ Array [ letter-spacing: 0.11px; } .labelText-d0-0-2-2 { - color: #569a32; + color: #2f833e; display: none; }",
@@ -1190,12 +1190,12 @@ Array [ } .textArea-0-2-8::placeholder {} .wrapper-d0-0-2-9 { - border-color: #e74627; + border-color: #de3529; cursor: text; } .wrapper-d0-0-2-9:hover {} .wrapper-d0-0-2-9:focus-within { - border-color: #e74627; + border-color: #de3529; } .wrapper-d0-0-2-9:after { opacity: 0; @@ -1225,7 +1225,7 @@ Array [ } .helperText-0-2-12 > i {} .helperText-d0-0-2-13 { - color: #e74627; + color: #de3529; } .helperText-d0-0-2-13 > i { margin-right: 4px; @@ -1236,7 +1236,7 @@ Array [ pointer-events: none; } .icon-d0-0-2-15 { - color: #e74627; + color: #de3529; font-size: 16px; } .labelContainer-0-2-3 { @@ -1252,7 +1252,7 @@ Array [ letter-spacing: 0.11px; } .labelText-d0-0-2-2 { - color: #e74627; + color: #de3529; display: none; }",
diff --git a/yarn.lock b/yarn.lock index 17684e1b0..4bbdde089 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.25.1": - version "1.25.1" - resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-icons/-/natds-icons-1.25.1.tgz#e0da345eb037421d52c81254a5d892004b946afd" - integrity sha512-kJ5RjxbMkZ9M3QPr/vMK/RRgBPrR0/pgH8sMHrJCO+p5IuzhiQuvAR7Ze7BL0KqQwTZZUNPsrNIGhOyTHgCBWA== +"@naturacosmeticos/natds-icons@1.25.2": + version "1.25.2" + resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-icons/-/natds-icons-1.25.2.tgz#a5584365441a8f90685c04441c5e8e8b1b72b7c4" + integrity sha512-6LvELI+ea1QLuRl+vIK1Wh/nS5nYkKZl5nbXqUvcuzwSBK2aHas0dgq+DmFH20oV3ddjjCI/3swlLJJJru2nVw== "@naturacosmeticos/natds-themes@0.70.0": version "0.70.0" @@ -2707,10 +2707,10 @@ svg2vectordrawable "2.6.26" webp-converter "^2.3.3" -"@naturacosmeticos/natds-themes@0.77.2": - version "0.77.2" - resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.77.2.tgz#323a7e2a6404e628379c71b0fe4ec1d87dc56b1d" - integrity sha512-Ra+i27S2jv1ZBCU0RpF1sdcS6eHYUNl+b11MW/YfhjdFxgzjC3Uvc1cw1c5lA8vvKIrbaJqDdQV0cRflk2ljLw== +"@naturacosmeticos/natds-themes@0.78.2": + version "0.78.2" + resolved "https://registry.yarnpkg.com/@naturacosmeticos/natds-themes/-/natds-themes-0.78.2.tgz#cab07b55030876ffa79056ad2c027622df4c1670" + integrity sha512-I7RdBXSUU6SRNF89ZqNlXD0kUYf1nfJunrmcEk/PguyoXEDZVR2E3RiuwQUWYGYf1BKSd8nkh8+hoJzsyJozuA== dependencies: open-color "^1.8.0" svg2vectordrawable "2.6.26"