WUI logo

Upgrade

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 and it's now a variable font
  • Reworked Text components with new sizes for Headings
  • Added default line height and letter spacing
  • Now all our fonts are on our cnd.welcome-ui.com
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 > Masonry
    • 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 🙃