Skip to main content

Version 0.5.0

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

Version 0.4.0

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

Version 0.3.6

React components​

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

Version 0.3.5

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

Version 0.3.3

React components​

  • Placeholder: Component
  • Box: getAlignSelf
  • Box: flex
  • Box: flexBasis
  • Box: flexGrow
  • Box: flexShrink
  • Box: order

Version 0.3.0

Icons​

  • Shield & ShieldFill icon

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