Release Notes - April 2022
🎉 New feature
-
New search event API - #2
Thesearch.query
event has been added to the VTEX Intelligent Search Analytics API. This event is used to generate indices likeTop Searches
andSuggestions
. -
New theming structure to the
BannerText
- #470
Local tokens (CSS variables) were added to theBannerText
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 theProduct 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 theBadge
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 theQuantity 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 theButton
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 theHero
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, runyarn storybook
in the terminal and, after the build, openlocalhost:6006
. -
RegionalizationModal
component - #426
TheRegionalizationModal
allows users to set their current location and check available products for their region.
Breadcrumb
component - #436
TheDropdown
was added to theBreadcrumb
component. TheDropdown
allows related pages to be linked at every level via dropdown menus.
🐛 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 runningyarn storybook
, thecomponents.scss
has been added asstorybook-components.scss
, and thepackage.json
was updated to include@reach/router
. -
Styling issue on
RegionalizationModal
- #488
TheRegionalizationModal
no longer misses its imports inlayout.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 onHero
section was fixed. Now the the CLS is fixed on lighthouse report. -
Tweaks layout section spacings - #469
The spacing between components with thelayout section
class has been changed from margin to padding. This change is due to a problem with thebox-shadow
on theproduct-card
.
✨ Enhancement
-
Update Regionalization input to use the
TextInput
component - #9
The Regionalization Input now uses theInputText
component. -
Update
RegionalizationButton
andRegionalizationBar
to show the postal code - #7
The Regionalization Button and Regionalization Bar now shows the last postal code saved, instead of receiving acontent
prop.
🧹 Chore
- Lighthouse check via GitHub Action #484
Removed the GitHub Action that was running Lighthouse since it was failing and WebOps already runs the Lighthouse.