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 🙃