React components
All components now allow addition system props to be added directly on them.
Added Banner component.
Added List component.
Added ListItem component.
Added Stepper component.
Added zIndex as a system prop.
Added loading prop to Button.
Added mask prop to TextField.
Removed the pointer on a Choice's body.
React components
Added IconButton component.
Added Loader component.
Added BrandedHeading component.
Added Dialog component.
Added DatePicker component.
Added TextArea component.
Adjusted height of TextField component to be in line with the height of
Button component.
Adjusted height of Select component to be in line with the height of
Button component.
All components now forward passed in ref properties. The node to which the
ref is forwarded, depends on the component. In some cases, it is passed onto
the wrapper, in other cases on a child component. E.g. with TextField, the
input element will have the forwarded ref. This is based on subjective
judgement, taking into account what the expected behavior would be. Be sure to
notify us if something does not behave as you'd expect.
Box now allows negative values for all margin related properties.All form elements that have a message property, will now display an icon
before the message if the error prop is also set to true.
Tokens
iOS shadow tokens now have better structure so that they can be used
directly. React components
Added Switch component
Added Select component
Added Radio component
Added useMediaQuery hook
Added Fieldset component
Added Hidden component
Added Screenreader component
Box: added clone prop
Box: can now have a spacing (e.g. m, p) prop of 0
Box: added float prop
Heading: fixed responive values for levels 2 & 3
Input: added disabled prop
TextField: added disabled prop
Tokens
Switched timebased tokens to ms instead of s
Logo's
Documentation
Added documentation for the previously added LinkText component
Added Design guidelines for Checkbox
Added Design guidelines for Select
Added a clear overview of which Box props can be cloned to a child component
React components
Input: multibranded colors
Checkbox: multibranded colors
Corrected expected propType for Label's hidden prop
Tokens
components/input:
input-hover-border-color
input-focus-shadow-color
components/checkbox:
checkbox-focus-shadow-color
checkbox-checked-color
checkbox-checked-background
Android:
Renamed dimens XML tag to dimen
Removed double point precision from dp and sp values
Icons
Added Phone
Added PhoneFill
Removed non-standard SVG commands from Facebook
Removed non-standard SVG commands from Github
Removed non-standard SVG commands from Instagram
Removed non-standard SVG commands from Pinterest
Removed non-standard SVG commands from Skype
Removed non-standard SVG commands from Spotify
Removed non-standard SVG commands from Twitter
Removed non-standard SVG commands from Whatsapp
Removed non-standard SVG commands from Youtube
Logos
Removed non-standard SVG commands from AboSlim for GvA
Removed non-standard SVG commands from AboSnel for GvA
Removed non-standard SVG commands from AboSuper for GvA
Icons
React components
Image: extend width value
Choice: refactor, id required!
LinkText: Component
Divider: color prop
Box: left, right, bottom, top prop
Box: width prop full | atuo
Box: position prop
Box: height prop full | auto
Box: color fix
Box: font-weight prop
Box: border-radius prop
Update docs readme
Tokens
Change border-radius tokens