React components​

• Added Accordion component.
• Added Autocomplete component.
• Added missing propTypes to ListItem component.
• Added maxHeight prop to the system.

Tokens​

• Added Marketing Colors.

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​

• Select: when the placeholder was active, all other options were also greyed out on Windows platforms. This is no longer the case.

Tokens​

• Fixed secondary colors for De Limburger.
• Fixed exported font values for De Limburger.

Documentation​

• De Limburger: added De Limburger as a selectable brand from the dropdown in the top right corner.

React components​

• Select: removed the check for option or optiongroup. This enables React.Fragment and null to be added as children for a Select component.
• useMediaQuery: now accepts 0 as a value.

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​

• Added square GvA logo

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

React components​

• Flex: fix responsive propTypes warning
• Choice: center heading
• Checkbox: Component
• TextField: labelHidden prop

React components​

• Button: disabled grey background fix
• Icon: vertical-align middle by default
• Icon: vertical-align middle by default
• TextField: Component
• Box: position sticky support
• Internal kitchen:
  • Wrapper component
  • Message component
  • Label component
  • PrimaryLabel Component
  • OptionalLabel Component
  • ActionLabel Component
  • InfoLabel Component
  • Input Component
• Caption: prop fontWeight
• Caption: TextAlign default inherit
• Paragraph: prop fontWeight fix
• Paragraph: TextAlign default inherit
• Heading: prop fontWeight fix
• Heading: TextAlign default inherit
• Box: Border extended props
  • borderBottomColor
  • borderBottomStyle
  • borderBottomWidth
  • borderLeftColor
  • borderLeftStyle
  • borderLeftWidth
  • borderRightColor
  • borderRightStyle
  • borderRightWidth
  • borderTopColor
  • borderTopStyle
  • borderTopWidth

Themes​

• Bugfix: HUB Theme fonts