v49.0.0

49.0.0 (2021-03-31)

Bug Fixes

• Use colors from JSON palette for PasswordExample (523dafa)
• Use colors from JSON palette in styleguide (353e2a4)
• Use theme colors for Chip (9126b54)
• Use theme colors for Chip (dbc43a5)

Features

• Remove absolute colors from utility classes (2964d8f)
• Remove css custom properties for absolute colors (5fd473a), closes #EEF5 #C2 #1FA8F1 #0 #DEF7E7 #3DA67 #FFC644 #FFAE5 #FF7F1 #FC6D00 #FD7461 #C2ADF4 #6984 #7F6 #9169F2 #B449E7 #922BC2
• Use absolute variables in palette.js (4bdc0a0)
• Use correct variables (21b28f3)
• Use material ui names for intention colors (7e809ef)
• Use palette for absolute colors (3634eb4)

BREAKING CHANGES

Intention utility classes and css variables have been renamed (7e809ef)

To be closer to material ui names.

• u-valid -> u-success
• u-warn -> u-warning
• u-danger -> u-error

You can use the following codemod commands to update your project:

codemod --extension js,jsx,styl,md,snap '\bu-danger\b' 'u-error';
codemod --extension js,jsx,styl,md,snap '\bu-warn\b' 'u-warning';
codemod --extension js,jsx,styl,md,snap '\bu-valid\b' 'u-success';

• --validColor -> --successColor
• --warnColor -> --warningColor
• --dangerColor -> --errorColor

See https://material-ui.com/customization/palette/#palette-colors

Some utility classes for text/background color have been removed (2964d8f)

Here is the list of utility classes that have been removed:

• u-puertoRico
• u-portage
• u-azure
• u-melon
• u-blazeOrange
• u-pumpkinOrange
• u-darkPeriwinkle
• u-purpley
• u-lightishPurple
• u-frenchPass
• u-grannyApple
• u-seafoamGreen
• u-brightSun
• u-lavender
• u-barney

Please use semantic utility classes instead:

• u-primaryColor
• u-secondaryColor
• u-bg-primaryColor
• u-bg-secondaryColor
• u-warning
• u-error
• u-success

Some CSS custom variables for colors have been removed (5fd473a)

You are encouraged to import directly the colors from cozy-ui/stylus/settings/palette if necessary.

Here is the list of colors that have been removed:

    --hawkesBlue   #EEF5FE
    --frenchPass   #C2DCFF
    --azure        #1FA8F1
    --puertoRico   #0DCBCF
    --grannyApple  #DEF7E7
    --seafoamGreen #3DA67E
    --brightSun      #FFC644
    --texasRose      #FFAE5F
    --pumpkinOrange  #FF7F1B
    --blazeOrange    #FC6D00
    --melon          #FD7461
    --lavender        #C2ADF4
    --darkPeriwinkle  #6984CE
    --purpley         #7F6BEE
    --portage         #9169F2
    --lightishPurple  #B449E7
    --barney          #922BC2