Upgrade

Version 3 Alpha

11 February 2021

We upgraded some core libraries:

  • React: 17
  • xStyled: 2
  • Reakit: 1.3.4
  • React Final Form: 6.5.2
  • DatePicker: 2.15.3
  • Downshit: 6.0.15

Breaking Changes

After the upgrade to xStyled 2 there are some breaking changes:

  • Change width & height props to w & h, except for DOM elements (e.g. images)
  • Change gridGap prop to gap
  • theme.breakpoints is now theme.screens
  • styled.box might not work as expected anymore

Version 2

27 July 2020

We have changed the core theme on this new version of Welcome UI, and created our new theme Welcome.

Typography

  • Added new font : Work Sans on texts
  • Reworked Text components with new sizes for Headings
  • Added default line height and letter spacing

Colors

Added

  • Primary: 800 / 900
  • Light: 100 / 800
  • Dark: 100 / 800
  • Nude: 900

Removed

  • Secondary colors
  • Nude: 300 / 400 / 600

Spacing

  • xxl is smaller (now 20) and 3xl replaces the old xxl
  • Added 3xl and 4xl

Buttons

  • secondary have become tertiary style and vice versa
  • Added tertiary-negative

Icons

Added

  • ExpandText
  • Diamond
  • Caddy
  • Factory
  • House

Renamed

  • EmployerBranding > Fingerprint
  • Ats > Pictures
  • Marketplace > Mansanory
  • WelcomeHome > Teepee

Removed

  • WelcomeKit

Modal

  • Added animation on open/close
  • Added Modal.Title component
  • Changed the way of use trigger : before <Button as={Modal.Trigger} {...modal}> and now <Modal.Trigger as={Button} {...modal}>

Link

  • Removed underline for Text component on a Link, and fixed animation

Tabs

  • Removed the ::before border element on theme and added the ability to remove the border on tab item from style props

Swiper

  • Completely changed the way the Swiper works (now uses hooks)

Other theming

  • Added global focus ontheme.focus()
  • Added global card style on theme.defaultCards
  • Added global fields style on theme.defaultFields

styled-components

  • Added shouldForwardProps from styled components v5.1

And lots of small fixes 🙃