Skip to content

Release Notes - April 2022
Compare
Choose a tag to compare
@Mariana-Caetano Mariana-Caetano released this 09 May 18:35
· 221 commits to main since this release
v22.19.0.beta
3203911
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

🎉 New feature

  • Organizing Storybook #5
    The Storybook is now organized following the Atomic design classification. Storybook components now have improved controls that focus on relevant changes to each one.

  • New search event API - #2
    The search.query event has been added to the VTEX Intelligent Search Analytics API. This event is used to generate indices like Top Searches and Suggestions.

  • New theming structure to the BannerText - #470
    Local tokens (CSS variables) were added to the BannerText component in the new theming structure (#407) to configure the component's properties and connect the local tokens to the global tokens.

  • New theming structure to the Product Shelf component - #464
    Local tokens (CSS variables) were added to the Product Shelf component in the new theming structure (#407) to configure the component's properties and connect the local tokens to the global tokens.

  • New theming structure to Badge component - #462
    Local tokens (CSS variables) were added to the Badge component in the new theming structure (#407) to configure the component's properties and connect the local tokens to the global tokens.

  • New theming structure to the Quantity Selector component - #448
    Local tokens (CSS variables) were added to the Quantity Selector component in the new theming structure (#407) to configure the component's properties and connect the local tokens to the global tokens.

  • Button new theming - #442
    Local tokens (CSS variables) were added to the Button component in the new theming structure (#407) to configure the component's properties and connect the local tokens to the global tokens. Also, this change:

    • Gathers the buttons variants into a single folder;
    • Switches the order of the buttons variants prefixes/suffixes;
    • Fixes the variant Alert colors.

  • New theming structure to Hero component - #435
    Local tokens (CSS variables) were added to the Hero component in the new theming structure (#407) to configure the component's properties and connect the local tokens to the global tokens.

  • New VTEX Search tracking - #389

  • New Storybook package to the base.store - #463
    Use the Storybook as a testing environment for components.
    To enable it, run yarn storybook in the terminal and, after the build, open localhost:6006.

  • RegionalizationModal component - #426
    TheRegionalizationModal allows users to set their current location and check available products for their region.

image

  • Breadcrumb component - #436
    The Dropdown was added to the Breadcrumb component. The Dropdown allows related pages to be linked at every level via dropdown menus.

image

🐛 Bug fix

  • Adjust Incentives List to render CMS data - #474
    Now CMS users can edit the icons, title and subtitles of the Incentives List.

  • Unused CSS imports - #476
    Unused CSS imports were removed from components that are not yet being used.

  • Storybook initialization - #492
    To avoid issues with styles being applied while running yarn storybook, the components.scss has been added as storybook-components.scss, and the package.json was updated to include @reach/router.

  • Styling issue on RegionalizationModal - #488
    The RegionalizationModal no longer misses its imports in layout.css:

@import "src/components/regionalization/RegionalizationBar/regionalization-bar.scss";
@import "src/components/regionalization/RegionalizationButton/regionalization-button.scss";
@import "src/components/regionalization/RegionalizationInput/regionalization-input.scss";
@import "src/components/regionalization/RegionalizationModal/regionalization-modal.scss";

  • Unusued CSS issues - #480
    The error "Unused CSS" in the Lighthouse CI is fixed.

  • Hero layout shift - #472
    The layout shift on Hero section was fixed. Now the the CLS is fixed on lighthouse report.

  • Tweaks layout section spacings - #469
    The spacing between components with the layout section class has been changed from margin to padding. This change is due to a problem with the box-shadow on the product-card.

✨ Enhancement

  • Update Regionalization input to use the TextInput component - #9
    The Regionalization Input now uses the InputText component.

  • Update RegionalizationButton and RegionalizationBar to show the postal code - #8
    The Regionalization Button and Regionalization Bar now shows the last postal code saved, instead of receiving a content prop.

  • ImageGallery #6
    ImageGallery now uses native scroll instead of useSlider.

🧹 Chore

  • Update pull_request_template.md#12
    To better highlight the changes made in the CHANGELOG.md and Release Notes, new items were added to the pull_request_template.md.

  • ImageGallery to the PDP #6
    The ImageGallery component is now integrated to the PDP.

  • Lighthouse check via GitHub Action #484
    Removed the GitHub Action that was running Lighthouse since it was failing and WebOps already runs the Lighthouse.

Assets 2
Loading