v9.26.0
[8.26.0] - 2019-03-25
Added
- EXPERIMENTAL_Conditions statement now provides ref to its atoms components (Subject, Verb and Object).
[8.25.1] - 2019-03-22
Fixes
- Alert can now be used with ref.
[8.25.0] - 2019-03-22
Added
- Toast Export
ToastContextto use theuseContextHook.
Changed
- Toast Use the
ToastManageras HOC to provide the toast state as it changes.
[8.24.3] - 2019-03-18
Fixed
- Reusing code.
[8.24.2] - 2019-03-18
Fixed
- PageHeader fixed behavior of subtitle misplacement when without children.
[8.24.1] - 2019-03-18
Fixed
- Fix
refprop in InputCurrency.
[8.24.0] - 2019-03-18
Added
- PageHeader added a new subtitle prop.
Fixed
- Fix prop types of forwarded
ref.
[8.23.3] - 2019-03-14
Fixed
- Select can now be used with ref now.
[8.23.2] - 2019-03-14
Fixed
- DatePicker can be used with ref now.
[8.23.1] - 2019-03-14
Fixed
- Table Toolbar extra options button was using deprecated ActionMenu props.
[8.23.0] - 2019-03-13
Added
- Table
lineActionsprop to add a new column with an ActionMenu-like component used to execute actions for each line.
[8.22.1] - 2019-03-01
Fixed
- ActionMenu
iconprop compatibility bug.
Changed
- Toast ToastProvider HOC architecture reverted. Using ref again.
[8.22.0] - 2019-03-01
Added
- Toast now can be undismissable by the user.
Changed
- Toast
ToastManageris now a HOC. There is no need to use ref insideToastProvider.
Fixed
- npm build
[8.21.2] - 2019-03-01
[8.21.1] - 2019-02-28
Changed
- Tabs increase horizontal padding
[8.21.0] - 2019-02-28
Fixed
- ActionMenu unwanted behavior, where the menu would be cropped when inside other components that use
overflow: hidden.
Changed
- ActionMenu now uses the
ButtonWithIconcomponent. As a result, theiconprop should now be passed within thebuttonPropsprop. This makes theiconprop now deprecated.
Deprecated
- ActionMenu deprecates
iconprop of in favor ofbuttonPropssince now it's using the ButtonWithIcon component.
[8.20.2] - 2019-02-28
Fixed
- Table toolbar buttons alignment.
- Table uses hints in favor of button labels in toolbar buttons.
[8.20.1] - 2019-02-28
[8.20.1-beta] - 2019-02-28
Added
- Tabs
disabledprop
[8.20.0] - 2019-02-28
Added
- Table
totalizersproperty.
[8.19.5] - 2019-02-27
Fixed
- Table paginated example.
[8.19.4] - 2019-02-22
Fixed
- ColorPicker require prop
colorHistory. - ColorPicker always show the correct hex value.
[8.19.3] - 2019-02-21
Fixed
- Adds favicon URL to styleguidist build configs.
[8.19.2] - 2019-02-20
[8.19.1] - 2019-02-20
[8.19.0] - 2019-02-20
Added
- Tag
lownew variation prop, now tags may have borders.
[8.18.3] - 2019-02-18
Fixed
- EXPERIMENTAL_Select fix focus behaviour when typing in the search input.
[8.18.2] - 2019-02-15
Fixed
- Wrong prop types
[8.18.1] - 2019-02-15
Fixed
- Fix ref forwarding for the following components:
- Button
- ButtonWithIcon
- Dropdown
- Input
- InputCurrency
- InputPassword
- InputSearch
[8.18.0] - 2019-02-15
Added
- ColorPicker component.
[8.17.8] - 2019-02-11
Added
- Table
isLoadingprop for toolbar buttons
[8.17.7] - 2019-02-08
[8.17.6] - 2019-02-08
Fixed
- Dropdown select position and height in Windows Chrome was preventing click action on bottom part of Dropdown.
- Input hide Input decorations in Internet Explorer and MS Edge.
- NumericStepper hide Input decorations in Internet Explorer and MS Edge.
- Button remove height 100% from block prop.
- Pagination align Rows quantity selector label in center in Internet Explorer and MS Edge.
[8.17.5] - 2019-02-07
Changed
- Checkbox
labelun-require prop
[8.17.4] - 2019-02-07
Removed
- Checkbox
margin-bottom
[8.17.3] - 2019-02-04
Fixed
- EXPERIMENTAL_Select fixed lost of focus behaviour when props were updated.
- PageLayout now occupies all available width (even without using fullWidth)
[8.17.2] - 2019-02-01
[8.17.2-beta] - 2019-02-01
[8.17.1] - 2019-02-01
Changed
- Box, Layout, PageBlock, Header mobile styles
[8.17.0] - 2019-02-01
Added
- Table
minWidthkey for schema
[8.16.0] - 2019-01-31
Added
- Spinner
statusprop to start & stop the animation.
[8.15.2] - 2019-01-30
Fixed
- EXPERIMENTAL_Conditions object empty validation to allow
falsevalues
and to disallow[](empty array) values.
[8.15.1] - 2019-01-29
Fixed
- InputCurrency
onChangecallback was using the formatted value instead of
the actual float value.
[8.15.0] - 2019-01-29
Added
- InputCurrency New component designed for monetary input values.
[8.14.0] - 2019-01-28
Added
EXPERIMENTAL_SelectNew component.ClearNew Icon.
Deprecated
- Deprecates
MultiSelectin favor ofSelect
[8.13.0] - 2019-01-17
Added
ToastAddhorizontalPositiontoshowToastoptions.
[8.12.0] - 2019-01-17
Added
- Dropdown
variationprop
[8.11.3] - 2019-01-17
Fixed
- Button when using block prop and small size, button height was smaller than it was supposed to be.
- Table Align toolbar buttons and use ButtonWithIcon instead of Button.
[8.11.2] - 2019-01-16
Added
- Conditions Add the
subjectPlaceholderprop to control the placeholder
of the subject atom dropdown.
Changed
- Conditions Remove
flex-autofrom the subject and verb atoms. - Conditions Automatically select first verb when changing a subject.
[8.11.1] - 2019-01-16
Changed
-
Conditions Modify object atom prop to allow developers to pass extra
parameters to the render function. Now instead of passing afunctionto the
object prop you need to pass anobjectwith the following structure:const options = { ... verbs: [ { ... object: { renderFn: foo, extraParams: { a: 1, b: 2, ... } } }, ] }
The extraParams property will be available in your render function as a
parameter like the example below:foo = ({ statements, values, statementIndex, error, extraParams }) => { // here goes the render logic of you object component }
[8.11.0] - 2019-01-11
Added
- PageBlock
titleAsideprop for side header content
[8.10.5] - 2019-01-10
Fixed
- Fixed Dropdown label adding a stray margin at the top of the component.
- Fixed Radio getting squished on small sizes.
Changed
react&react-domversion to16.7.0
[8.10.4] - 2019-01-09
Fixed
- Toast Pass event parameter to onClick
[8.10.3] - 2019-01-08
Fix
- Fix #458 by adding postinstall script to run the install dependencies for the
react/folder after installing dependencies for therootfolder.
[8.10.2] - 2019-01-08
Added
- Table loading prop, holding the table size.
[8.10.1] - 2019-01-07
Changed
- Toast Allow single line toast on small screens if the message is short enough.
[8.10.0] - 2019-01-07
Added
- ActionMenu component
Changed
- InputPassword Use monospaced font to prevent the width from shifting.
Fixed
- Input Fixed
tokenprop which was not working. - Button Fix layout on linebreak.
[8.9.1] - 2019-01-02
Changed
- Layout full height control
[8.9.0] - 2018-12-28
Added
- ButtonWithIcon New component
Deprecated
- Button
iconprop was deprecated in favor of theButtonWithIconcomponent
[8.8.1] - 2018-12-28
Added
- Conditions new experimental component to filter data based on statements.
[8.7.4] - 2018-12-27
- DatePicker Disable keyboard interaction until date-fns
parsefunction
support localized date strings (date-fns/date-fns#896)
Fixed
- Input Fix styles for disabled and read-only states.
[8.7.3] - 2018-12-21
Fixed
- Dropdown Size was corrected to follow the standards
[8.7.2] - 2018-12-20
- Reverting v8.7.1. The implemented solution for the
yarn installproblem was
causing some build problems due to missing dependencies (probably caused by
the changes topackage.json)
[8.7.1] - 2018-12-20
Fixed
- Fix wrong
yarn installbehaviour mentioned in #458
[8.7.0] - 2018-12-20
Changed
- Button Tertiary variations now change background on hover
Added
- Table Prop
fullWidthfor a 100% width table and all colunms equal.
[8.6.2] - 2018-12-18
Fixed
- Layout Prevent the Layout component from not filling the whole height of the page
[8.6.0] - 2018-12-18
Added
- Tab Add different class names for selected and unselected states
[8.5.0] - 2018-12-18
Added
- DatePicker new component to select a Date and Time.
[8.4.4] - 2018-12-18
Fixed
- PageBlock file export name.
[8.4.3] - 2018-12-17
Fixed
- Fix typo on
/docs/styles/breakpoints.md - PageBlock export.
[8.4.2] - 2018-12-14
Fixed
- Fixed bug where Tabs component would crash if it had a single Tab
[8.4.1] - 2018-12-14
Fixed
- Layout Fix fullWidth prop.
[8.4.0] - 2018-12-14
Added
- Layout new component to establish layout standards in our Admin pages.
[8.3.0] - 2018-12-13
Fixed
- Toast Increase z-index to the max.
Added
- PageBlock new component for organizing the blocks that make up our Admin pages.
- Table Add
titleas param to headerRenderer callback declared in schema to customize header cell
[8.2.0] - 2018-12-06
Added
- Button Add
collapseLeftandcollapseRightprops, to cancel out paddings
Fixed
- Dropdown add missing border on disabled state
Changed
- Renamed PasswordInput to InputPassword, to make it consistent with InputSearch
Deprecated
- Deprecates
PasswordInputin favor ofInputPassword
[8.1.0] - 2018-12-03
Added
- Table add
emptyStateLabelprop to use in EmptyState when there is nothing to show - Table add
fixFirstColumnprop to enhance the multiple column horizontal scroll experience - Toggle Added size
large - Added size
smallto the following components:Input,InputSearch,PasswordInput,Dropdown, andNumericStepper
Changed
- Table Use color tokens on the Table Toolbar
- [BREAKING] PageHeader background set to transparent
- [BREAKING] Table Now width in schema properties is absolute (mirroring react pattern in style obj)
- [BREAKING] Toggle Decreased the default size
- [BREAKING] Use typography tokens instead of font-scale classes
- [BREAKING] Changed the rendered sizes of the following form components:
Dropdown,Pagination,Input,InputSearch,PasswordInput,Button,Toggle, andNumericStepper. This might only affect you if your layouts are pixel-perfect. In that case, verify if the components are properly aligned.
Deprecated
- Deprecated
x-largesize from all components (Dropdown,Input,InputSearch,PasswordInput, andNumericStepper) - Badge renamed component to Tag (still compatible with former usage, only deprecation alert)
Removed
- [BREAKING] Toggle Removed size
small - [BREAKING] Table Remove
indexColumnLabelprop, index column is no longer a native feature - [BREAKING] Table Remove
onRowMouseOverprop - [BREAKING] Table Remove
onRowMouseOutprop
[7.6.6] - 2018-11-21
[7.6.5] - 2018-11-21
Fixed
- Button Add
danger-tertiaryto Button variation propTypes, to stop React warning
[7.6.4] - 2018-11-19
Fixed
- Toggle Fixes styling when it's
semanticanddisabledsimultaneously
[7.6.3] - 2018-11-14
Added
- Toast Export toast HOC to allow VTEX IO usage
[7.6.2] - 2018-11-14
[7.6.1] - 2018-11-14
Added
- Button Add "danger tertiary" Button variation
[7.6.0] - 2018-11-09
Added
- Toast Add Toast higher order component
[7.5.7] - 2018-11-09
Fixed
- PageHeader using
flex-wrapto fix layout on small screens - Revert ToastMessage, fixing a bug where children of ToastProvider would not update
[7.5.6] - 2018-11-08
[7.5.5] - 2018-11-08
Added
- Toast Create ToastMessage passed on ToastConsumer to immediately allow to use toast
[7.5.4] - 2018-11-07
[7.5.3] - 2018-11-07
[7.5.2] - 2018-11-07
Fixed
- Spinner Fixed bug where the spinner wasn't animating while the page was loading.
[7.5.1] - 2018-11-07
Added
-
CSS file support
-
Icon add OptionsDots icon
[7.5.0] - 2018-11-06
Added
- NumericStepper Add lean mode
[7.4.1] - 2018-11-06
[7.4.0] - 2018-11-01
Changed
- Input
prefixprop now accepts any element - Input
suffixIconprop tosuffix.suffixIconhas been deprecated.
[7.3.5] - 2018-10-15
Added
- Toast Add duration argument to
showToast
Changed
- Toast Increase Toast duration if it has an action
[7.3.4] - 2018-10-15
[7.3.3] - 2018-10-11
Added
- Table
densityprop - Table
toolbar.densityprop to have native control via toolbar of Table content density
[7.3.2] - 2018-10-11
Changed
- Styleguidist Version to latest
[7.3.1] - 2018-10-11
[7.3.0] - 2018-10-11
Added
- Badge
onClickprop
[7.2.0] - 2018-10-11
Added
- ModalDialog
[7.1.3] - 2018-10-11
Fixed
- Textarea Border style error state
- Input Update color token of prefix & suffix to match Figma version
Added
- Toast Added
positioningprop toToastProviderto position toasts based either on the parent element dimensions, or window dimensions.
[7.1.2] - 2018-10-08
Fixed
- Demo files
[7.1.1] - 2018-10-04
Added
IconBars,IconUserandIconShoppingCartcomponents
[7.1.0] - 2018-10-03
Changed
- PageHeader Side buttons changed to
children
[7.0.0] - 2018-10-03
Added
- Icon add columns icon
- InputSearch add
onClearcallback as prop - Pagination control state of selected rows quantity dropdown
- Table add
containerHeightprop to enhance Table height control - Table add
paginationprop to make it easier to use Table and Pagination together - Table add
toolbarprop with actions and search features possibility
Changed
- [BREAKING] Table Remove
indexColumnprop.indexColumnLabelalone now activates the feature - [BREAKING] Table Remove
containerClassprop
Fixed
- Pagination change button styles to secondary to match rows dropdown weight
[6.4.4] - 2018-10-01
Added
- Icons Fix plus icon svg.
- Improves styles of Multiselect
Fixed
- NumericStepper Refrains from using the label tag if there is no label, to prevent the keyboard from popping up on iOS unnecessarily
- Disable host checking on dev server in order to make it publicly accessible
[6.4.3] - 2018-09-28
Added
- Tabs Added new classes to elements
Fixed
- EmptyState Remove border
[6.4.2] - 2018-09-28
Fixed
- Fixed Toast export for render
[6.4.1] - 2018-09-27
Fixed
- Exports ToastProvider, ToastConsumer, and IconPlusLines to render
[6.4.0] - 2018-09-27
Added
- Icons Add plus outline version and PlusLines, another plus icon without a circle around it.
- MultiSelect New component
- PasswordInput New component
- Toast New component
Fixed
- Removed extra iOS styiling from inputs
- Icons Fix plus icon svg.
[6.3.2] - 2018-09-13
Added
- Table Sortable columns with opinionated style for clickable Headers.
[6.3.1] - 2018-09-12
Fixed
- Execute
yarn installto fix wrong dependencies.
[6.3.0] - 2018-09-12
Added
- Slider New component
[6.2.0] - 2018-09-06
[6.2.0] - 2018-09-06
Added
- Box New component
[6.1.5] - 2018-09-06
Fixed
- Alert styles
[6.1.4] - 2018-09-06
Added
- Textarea character countdown when maxLength is defined
[6.1.3] - 2018-08-29
Fixed
- Input fix propType of ref
- Dropdown fix propType of ref
[6.1.2] - 2018-08-28
Fixed
- Icons block prop was sometimes not applied when icons had a
solidvariation
[6.1.1] - 2018-08-27
Added
- Table Enhance schema examples in README documentation
[6.1.0] - 2018-08-24
Added
- InputSearch component
Fixed
- Button component should be disabled while loading
[6.0.1] - 2018-08-23
Fixed
- Dropdown forward ref to select
- Pagination Next button disabled
[6.0.0] - 2018-08-23
Added
- Badge add prop
type - Spinner add prop
color - Spinner add default color of
.c-action-primary
Changed
- [BREAKING] Alert Remove default value of
typeprop - [BREAKING] Alert Remove value
infofromtypeprop - [BREAKING] Icons default color is now
currentColor, which is the current text color - [BREAKING] Spinner remove prop
secondary
Fixed
- Spinner proptypes
[5.6.2] - 2018-8-17
[5.6.1] - 2018-08-17
[5.6.0] - 2018-08-17
Added
- PageHeader Add action button
- Add CSS classes to all icon components
- Add
blockprop to display icons as block tabindexto several components- Input
onKeyUpandonKeyDownhooks - Input
groupBottomprop
[5.5.1] - 2018-08-13
[5.5.0] - 2018-08-13
Added
- Alert Add action button
[5.4.7] - 2018-08-08
Changed
- Dropdown Decrease default label's font size
Fixed
- NumericStepper Fix width on block mode
- Button Update spinner size on small buttons and spinner color on the
dangervariation
[5.4.6] - 2018-08-03
[5.4.5] - 2018-08-03
[5.4.4] - 2018-08-02
Changed
- Input Decrease default label's font size
Fixed
maxLengthpropType inInputcomponent
[5.4.3] - 2018-07-27
[5.4.2] - 2018-07-26
Added
SuffixIcontoInputcomponent.
[5.4.1] - 2018-07-20
Changed
- Tabs border color
[5.4.0] - 2018-07-20
Added
- Pagination
[5.3.3] - 2018-07-18
Fixed
- Dropdown Works with
null/undefinedvalues
[5.3.2] - 2018-07-17
Changed
- Radio Change its size, making it smaller
[5.3.1] - 2018-7-17
Changed
- Disable script to update
manifest.jsontemporarily
[5.3.0] - 2018-07-17
Added
- NumericStepper Create component
[5.2.3] - 2018-07-05
Changed
- PageHeader prop
linkClicktoonLinkClick
Fixed
- PageHeader Exports component
[5.2.2] - 2018-07-05
Changed
- Input Added default value
textfor attributetype
[5.2.1] - 2018-07-04
Changed
- PageHeader Styles & readme adujsts
[5.2.0] - 2018-07-04
Added
- PageHeader
Changed
- Modal's
z-indexto appear above the topbar
[5.1.0] - 2018-07-03
Added
- Toggle Add
helpTextprop
Fixed
- Textarea Add
valueanddefaultValueprops to enable control
Changed
- Input Ref now points to the input element itself
- Tabs add
fullWidthdisplay
[5.0.1] - 2018-6-25
Changed
- Export the
Tabcomponent to render
[5.0.0] - 2018-6-25
Changed
- [BREAKING] Tabs Group tabs in a single component
[4.3.5] - 2018-6-21
Fixed
- Alert wrap icon in a div to always maintain its size
[4.3.4] - 2018-6-20
Added
- Table Create Table component
[4.3.3] - 2018-6-19
Fixed
- RadioGroup add onChange mock function to examples
- Toggle replace
min-widthwithminWidth- Issue #163
[4.3.2] - 2018-06-18
Changed
- Modal Add
closeOnEscandcloseOnOverlayClickprops
[4.3.1] - 2018-06-15
Changed
- Export the following components to render:
EmptyState,IconArrowBack,IconArrowDown,IconArrowUp,IconCaretDown,IconCaretUp,IconClock,IconCog,IconCopy,IconDelete,IconExternalLink,IconExternalLinkMini,IconFilter,IconHelp,IconLink,IconSave,Tabs,
[4.3.0] - 2018-06-15
Added
- RadioGroup Create RadioGroup component
Changed
- CaretLeft Export CaretLeft component as an app to render.
- CaretRight Export CaretRight component as an app to render.
- Toggle Decrease the width and adjust the animation.
- Spinner Update animation
- Icon Updated documentation
- Radio Add blue border on checked radio buttons
- Checkbox Add animation on toggle
[4.2.1] - 2018-06-14
Fixed
- Checkbox Export Checkbox component as an app to render.
[4.2.0] - 2018-06-12
Fixed
- Radio Make the entire container clickable instead of just the label and the radio button itself
Changed
- Radio Change label proptype from
stringtonode - Radio Add animation on toggle
- Spinner Add round linecap and make it spin a little faster
[4.1.0] - 2018-06-04
Added
- Icon
CaretDown,CaretUp,CaretLeft,CaretRigth,Clock,Cog,Copy,Delete,ExternalLink,ExternalLinkMini,Filter,Help,Link,Save
[4.0.3] - 2018-06-01
Fixed
- Toggle add label disabled style - Issue #136
- Toggle add
min-width- Issue #134 - Tabs hover style added - Issue #135
[4.0.2] - 2018-05-29
Changed
- Icon
BoldCheckremoved
[4.0.1] - 2018-05-29
- Fix codemod script from v4
[4.0.0] - 2018-05-28
Added
- Toggle add
sizeprop:smallorregular(default) - Icon
BoldCheck - Checkbox: New component
- Tabs New component
- Input
prefixprop - Emptystate New component
- Provide codemod script to automatically transform
Buttondeprecated props. To run it:yarn global add jscodeshift jscodeshift -t node_modules/@vtex/styleguide/codemod/button-v4.js --ignore-pattern node_modules <path>
Changed
- [BREAKING] Button change
primaryandsecondarytovariation="primary"andvariation="secondary" - [BREAKING] Button change default variation from tertiary to primary
- [BREAKING] Button change size values to "small", "regular" and "large"
- [BREAKING] Button change default size to "regular"
- Button fix secondary button colors to blue tones
- Card Container to 100% width
- Card change prop
fullWidthtonoPadding - Check icon change SVG and
sizeprop type - Deny icon change SVG and
sizeprop type - Dropdown fix
valueprop type - Input fix
requiredprop type - Radio increase radio input area
- Toggle fix disabled contrast
[3.0.2] - 2018-05-11
Changed
- Input
labelcontainer to 100% width
[3.0.1] - 2018-05-10
Changed
- Dropdown: Allows for empty/invalid initial values, and adds a placeholder option in that case
[3.0.0] - 2018-05-10
Changed
- Radio
checkedprop asboolean - Toggle demo prop
onClicktoonChange
[2.3.0] - 2018-05-08
Added
- Icon
Search
[2.2.1] - 2018-05-08
Changed
- Icon
Upload&Downloadweight
[2.2.0] - 2018-05-08
Added
- Icon
Plus - Icon
Upload - Icon
Download
[2.1.1] - 2018-05-07
Changed
- Card Border radius
[2.1.0] - 2018-05-04
Added
- Button prop
isLoading
[2.0.2] - 2018-05-04
Added
- Radio: New component
[2.0.1] - 2018-05-04
Added
- Badge:
[2.0.0-rc.41] - 2018-04-30
Changed
- Modal: Move close button into the modal padding, and increase its hit area.
Added
- Input: Adds prop
onKeyPressfor event handling - Dropdown: Allows using numbers as items values and labels, and nodes as labels
Changed
- Button Change secondary button style, remove outline and change color
[2.0.0-rc.40] - 2018-04-26
Fixed
- Dropdown Fix inline vendor prefix
[2.0.0-rc.39] - 2018-04-19
Changed
- Dropdown Changed prop
optionsCaptiontoplaceholder - Dropdown Uses the native
selectinstead of a custom one - Dropdown Allows for
nodeandstringon the propshelpTextanderrorMessage
[2.0.0-rc.38] - 2018-04-18
Fixed
- Remove css from spinner
[2.0.0-rc.37] - 2018-04-11
Fixed
- Remove extra space in button with icon, and fix alignment between buttons
[2.0.0-rc.36] - 2018-04-11
Added
- Namespaces to make components customizable
[2.0.0-rc.35] - 2018-04-06
Added
- Input
dataAttributesprop to pass data attributes
Changed
- Dependencies update
- Modal prop
contentrenamed tochildren - Input if the prop
labelis not passed, no HTML for label is rendered. - Input props
largeandxLargeare nowsize="large"andsize="x-large".
Removed
- Modal props
title&style - Dropdown and Input prop
block. They are always block. - Dropdown and Input props
shortandlong. Their widths should be defined by their parents.