cozy-ui 122.14.0 → 123.0.0

package/stylus/settings/themes/light-inverted.styl

@@ -1,9 +1,8 @@
-palette=json('../../../theme/palette.json', { hash: true })
-paletteTwake=json('../../theme/palette_twake.json', { hash: true })
+palette=json('../../theme/palette.json', { hash: true })
 
 // @stylint off
 
-.CozyTheme--light-inverted
+.TwakeTheme--light-inverted
     --primaryTextColor palette.Common['white']
     --secondaryTextColor alpha(palette.Common['white'], 0.64)
     --disabledTextColor alpha(palette.Common['white'], 0.4)
@@ -26,21 +25,21 @@ paletteTwake=json('../../theme/palette_twake.json', { hash: true })
     --borderGhostColor alpha(palette.Common['white'], 0.48)
     --borderGhostDisabledColor alpha(palette.Common['white'], 0.24)
 
-    --paperBackgroundColor palette.Primary['600']
-    --defaultBackgroundColor palette.Primary['600']
+    --paperBackgroundColor palette.Grey['A400']
+    --defaultBackgroundColor palette.Grey['A400']
     --contrastBackgroundColor alpha(palette.Common['white'], 0.12)
 
     --primaryColorLight palette.Common['white']
     --primaryColor palette.Common['white']
     --primaryColorDark palette.Primary['100']
-    --primaryContrastTextColor palette.Primary['600']
+    --primaryContrastTextColor palette.Grey['A400']
     --primaryBackground alpha(palette.Common['white'], 0.24) // only for deprecated Info & Alerter
 
-    --secondaryColorLight palette.Grey['100']
-    --secondaryColor palette.Grey['200']
-    --secondaryColorDark palette.Grey['300']
-    --secondaryContrastTextColor alpha(palette.Grey['900'], 0.9)
-    --secondaryBackground alpha(palette.Grey['200'], 0.24) // only for deprecated Info & Alerter
+    --secondaryColorLight palette.Secondary['200']
+    --secondaryColor palette.Secondary['600']
+    --secondaryColorDark palette.Secondary['700']
+    --secondaryContrastTextColor palette.Common['white']
+    --secondaryBackground alpha(palette.Secondary['600'], 0.12) // only for deprecated Info & Alerter
 
     --errorColorLight palette.Error['100']
     --errorColor palette.Error['200']
@@ -93,94 +92,4 @@ paletteTwake=json('../../theme/palette_twake.json', { hash: true })
     --shadow24 0px 12px 16px -8px alpha($shadowColor, 0.24), 0px 12px 48px 8px alpha($shadowColor, 0.24), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
     --shadow25 0px 1px 4px alpha($shadowColor, 0.04)
 
-.TwakeTheme--light-inverted
-    --primaryTextColor paletteTwake.Common['white']
-    --secondaryTextColor alpha(paletteTwake.Common['white'], 0.64)
-    --disabledTextColor alpha(paletteTwake.Common['white'], 0.4)
-    --hintTextColor alpha(paletteTwake.Common['white'], 0.4)
-    --iconTextColor paletteTwake.Common['white']
-
-    --actionColorActive paletteTwake.Common['white']
-    --actionColorHover alpha(paletteTwake.Common['white'], 0.08)
-    --actionColorSelected alpha(paletteTwake.Common['white'], 0.16)
-    --actionColorDisabled alpha(paletteTwake.Common['white'], 0.32)
-    --actionColorDisabledBackground alpha(paletteTwake.Common['white'], 0.12)
-    --actionColorFocus alpha(paletteTwake.Common['white'], 0.24)
-    --actionColorGhost alpha(paletteTwake.Common['white'], 0.08)
-    --actionColorHoverGhost alpha(paletteTwake.Common['white'], 0.16)
-
-    --dividerColor alpha(paletteTwake.Common['white'], 0.16)
-
-    --borderMainColor alpha(paletteTwake.Common['white'], 0.24)
-    --borderDisabledColor alpha(paletteTwake.Common['white'], 0.12)
-    --borderGhostColor alpha(paletteTwake.Common['white'], 0.48)
-    --borderGhostDisabledColor alpha(paletteTwake.Common['white'], 0.24)
-
-    --paperBackgroundColor paletteTwake.Grey['A400']
-    --defaultBackgroundColor paletteTwake.Grey['A400']
-    --contrastBackgroundColor alpha(paletteTwake.Common['white'], 0.12)
-
-    --primaryColorLight paletteTwake.Common['white']
-    --primaryColor paletteTwake.Common['white']
-    --primaryColorDark paletteTwake.Primary['100']
-    --primaryContrastTextColor paletteTwake.Grey['A400']
-    --primaryBackground alpha(paletteTwake.Common['white'], 0.24) // only for deprecated Info & Alerter
-
-    --secondaryColorLight paletteTwake.Secondary['200']
-    --secondaryColor paletteTwake.Secondary['600']
-    --secondaryColorDark paletteTwake.Secondary['700']
-    --secondaryContrastTextColor paletteTwake.Common['white']
-    --secondaryBackground alpha(paletteTwake.Secondary['600'], 0.12) // only for deprecated Info & Alerter
-
-    --errorColorLight paletteTwake.Error['100']
-    --errorColor paletteTwake.Error['200']
-    --errorColorDark paletteTwake.Error['300']
-    --errorColorContrastText alpha(paletteTwake.Grey['900'], 0.9)
-    --errorBackground paletteTwake.Error['700']
-    --errorBackground alpha(paletteTwake.Error['200'], 0.24) // only for deprecated Info & Alerter
-
-    --warningColorLight paletteTwake.Warning['100']
-    --warningColor paletteTwake.Warning['200']
-    --warningColorDark paletteTwake.Warning['300']
-    --warningColorContrastText alpha(paletteTwake.Grey['900'], 0.9)
-
-    --successColorLight paletteTwake.Success['100']
-    --successColor paletteTwake.Success['200']
-    --successColorDark paletteTwake.Success['300']
-    --successColorContrastText alpha(paletteTwake.Grey['900'], 0.9)
-    --successBackground alpha(paletteTwake.Success['200'], 0.24) // only for deprecated Info & Alerter
-
-    --infoColorLight paletteTwake.Info['100']
-    --infoColor paletteTwake.Info['200']
-    --infoColorDark paletteTwake.Info['300']
-    --infoColorContrastText alpha(paletteTwake.Grey['900'], 0.9)
-
-    $shadowColor = paletteTwake.Common['black']
-    --shadow0 none
-    --shadow1 0px 2px 4px 0px alpha($shadowColor, 0.08), 0px 4px 16px 0px alpha($shadowColor, 0.06), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow2 0px 3px 5px 0px alpha($shadowColor, 0.09), 0px 4px 17px 0px alpha($shadowColor, 0.07), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow3 0px 3px 5px -1px alpha($shadowColor, 0.09), 0px 5px 19px 1px alpha($shadowColor, 0.08), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow4 0px 3px 6px -1px alpha($shadowColor, 0.1), 0px 5px 20px 1px alpha($shadowColor, 0.08), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow5 0px 4px 6px -1px alpha($shadowColor, 0.11), 0px 5px 22px 1px alpha($shadowColor, 0.09), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow6 0px 4px 7px -2px alpha($shadowColor, 0.11), 0px 6px 23px 2px alpha($shadowColor, 0.10), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow7 0px 5px 7px -2px alpha($shadowColor, 0.12), 0px 6px 24px 2px alpha($shadowColor, 0.11), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow8 0px 5px 8px -2px alpha($shadowColor, 0.13), 0px 6px 26px 2px alpha($shadowColor, 0.11), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow9 0px 5px 8px -3px alpha($shadowColor, 0.14), 0px 7px 27px 3px alpha($shadowColor, 0.12), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow10 0px 6px 9px -3px alpha($shadowColor, 0.14), 0px 7px 29px 3px alpha($shadowColor, 0.13), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow11 0px 6px 9px -3px alpha($shadowColor, 0.15), 0px 7px 30px 3px alpha($shadowColor, 0.14), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow12 0px 7px 10px -4px alpha($shadowColor, 0.16), 0px 8px 31px 4px alpha($shadowColor, 0.15), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow13 0px 7px 10px -4px alpha($shadowColor, 0.16), 0px 8px 33px 4px alpha($shadowColor, 0.15), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow14 0px 8px 11px -5px alpha($shadowColor, 0.17), 0px 9px 34px 5px alpha($shadowColor, 0.16), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow15 0px 8px 11px -5px alpha($shadowColor, 0.18), 0px 9px 35px 5px alpha($shadowColor, 0.17), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow16 0px 9px 12px -5px alpha($shadowColor, 0.18), 0px 9px 37px 5px alpha($shadowColor, 0.18), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow17 0px 9px 12px -6px alpha($shadowColor, 0.19), 0px 10px 38px 6px alpha($shadowColor, 0.19), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow18 0px 9px 13px -6px alpha($shadowColor, 0.2), 0px 10px 40px 6px alpha($shadowColor, 0.19), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow19 0px 10px 13px -6px alpha($shadowColor, 0.21), 0px 10px 41px 6px alpha($shadowColor, 0.2), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow20 0px 10px 14px -7px alpha($shadowColor, 0.21), 0px 11px 42px 7px alpha($shadowColor, 0.21), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow21 0px 11px 14px -7px alpha($shadowColor, 0.22), 0px 11px 44px 7px alpha($shadowColor, 0.22), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow22 0px 11px 15px -7px alpha($shadowColor, 0.23), 0px 11px 45px 7px alpha($shadowColor, 0.22), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow23 0px 12px 15px -8px alpha($shadowColor, 0.23), 0px 12px 47px 8px alpha($shadowColor, 0.23), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow24 0px 12px 16px -8px alpha($shadowColor, 0.24), 0px 12px 48px 8px alpha($shadowColor, 0.24), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow25 0px 1px 4px alpha($shadowColor, 0.04)
-
 // @stylint on

package/stylus/settings/themes/light-normal.styl

@@ -1,8 +1,8 @@
 @require '../../tools/mixins'
 palette=json('../../theme/palette.json', { hash: true })
-paletteTwake=json('../../theme/palette_twake.json', { hash: true })
 
 // @stylint off
+
 /*
     Theme
 
@@ -18,7 +18,7 @@ paletteTwake=json('../../theme/palette_twake.json', { hash: true })
 */
 
 html,
-.CozyTheme--light-normal
+.TwakeTheme--light-normal
     /*
     Primary colors
 
@@ -30,8 +30,8 @@ html,
 
     Styleguide Settings.theme.primary
     */
-    --primaryColorLightest palette.Primary['300']
-    --primaryColorLight palette.Primary['500']
+    --primaryColorLightest palette.Primary['100']
+    --primaryColorLight palette.Primary['200']
     --primaryColor palette.Primary['600']
     --primaryColorDark palette.Primary['700']
     --primaryContrastTextColor palette.Common['white']
@@ -48,12 +48,12 @@ html,
 
     Styleguide Settings.theme.secondary
     */
-    --secondaryColorLightest palette.Grey['300']
-    --secondaryColorLight palette.Grey['500']
-    --secondaryColor palette.Grey['600']
-    --secondaryColorDark palette.Grey['700']
+    --secondaryColorLightest palette.Secondary['100']
+    --secondaryColorLight palette.Secondary['200']
+    --secondaryColor palette.Secondary['600']
+    --secondaryColorDark palette.Secondary['700']
     --secondaryContrastTextColor palette.Common['white']
-    --secondaryBackground alpha(palette.Grey['600'], 0.12) // only for deprecated Info & Alerter
+    --secondaryBackground alpha(palette.Secondary['600'], 0.12) // only for deprecated Info & Alerter
 
     /*
     Background colors
@@ -156,7 +156,7 @@ html,
 
     Styleguide Settings.theme.success
     */
-    --successColorLight palette.Success['500']
+    --successColorLight palette.Success['200']
     --successColor palette.Success['600']
     --successColorDark palette.Success['700']
     --successColorContrastText palette.Common['white']
@@ -172,7 +172,7 @@ html,
 
     Styleguide Settings.theme.warning
     */
-    --warningColorLight palette.Warning['500']
+    --warningColorLight palette.Warning['200']
     --warningColor palette.Warning['600']
     --warningColorDark palette.Warning['700']
     --warningColorContrastText palette.Common['white']
@@ -190,7 +190,7 @@ html,
     Styleguide Settings.theme.error
     */
     --errorColorLightest palette.Error['100']
-    --errorColorLight palette.Error['500']
+    --errorColorLight palette.Error['200']
     --errorColor palette.Error['600']
     --errorColorDark palette.Error['700']
     --errorBackground alpha(palette.Error['600'], 0.12)
@@ -206,7 +206,7 @@ html,
 
     Styleguide Settings.theme.info
     */
-    --infoColorLight palette.Info['500']
+    --infoColorLight palette.Info['200']
     --infoColor palette.Info['600']
     --infoColorDark palette.Info['700']
     --infoColorContrastText palette.Common['white']
@@ -242,97 +242,4 @@ html,
     --shadow24 0px 12px 16px -8px alpha($shadowColor, 0.24), 0px 12px 48px 8px alpha($shadowColor, 0.24), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
     --shadow25 0px 1px 4px alpha($shadowColor, 0.04)
 
-.TwakeTheme--light-normal
-    --primaryColorLightest paletteTwake.Primary['100']
-    --primaryColorLight paletteTwake.Primary['200']
-    --primaryColor paletteTwake.Primary['600']
-    --primaryColorDark paletteTwake.Primary['700']
-    --primaryContrastTextColor paletteTwake.Common['white']
-    --primaryBackground alpha(paletteTwake.Primary['600'], 0.12) // only for deprecated Info & Alerter
-
-    --secondaryColorLightest paletteTwake.Secondary['100']
-    --secondaryColorLight paletteTwake.Secondary['200']
-    --secondaryColor paletteTwake.Secondary['600']
-    --secondaryColorDark paletteTwake.Secondary['700']
-    --secondaryContrastTextColor paletteTwake.Common['white']
-    --secondaryBackground alpha(paletteTwake.Secondary['600'], 0.12) // only for deprecated Info & Alerter
-
-    --primaryBackgroundLight paletteTwake.Primary['50']
-    --paperBackgroundColor paletteTwake.Common['white']
-    --defaultBackgroundColor paletteTwake.Grey['100']
-    --contrastBackgroundColor alpha(paletteTwake.Grey['900'], 0.048)
-
-    --primaryTextColor alpha(paletteTwake.Grey['900'], 0.9)
-    --secondaryTextColor alpha(paletteTwake.Grey['900'], 0.64)
-    --disabledTextColor alpha(paletteTwake.Grey['900'], 0.32)
-    --hintTextColor alpha(paletteTwake.Grey['900'], 0.32)
-    --iconTextColor alpha(paletteTwake.Grey['900'], 0.72)
-
-    --actionColorActive alpha(paletteTwake.Grey['900'], 0.56)
-    --actionColorHover alpha(paletteTwake.Grey['900'], 0.04)
-    --actionColorSelected alpha(paletteTwake.Grey['900'], 0.08)
-    --actionColorDisabled alpha(paletteTwake.Grey['900'], 0.24)
-    --actionColorDisabledBackground alpha(paletteTwake.Grey['900'], 0.12)
-    --actionColorFocus alpha(paletteTwake.Grey['900'], 0.12)
-    --actionColorGhost alpha(paletteTwake.Grey['900'], 0.08)
-    --actionColorHoverGhost alpha(paletteTwake.Grey['900'], 0.16)
-
-    --borderMainColor alpha(paletteTwake.Grey['900'], 0.16)
-    --borderDisabledColor alpha(paletteTwake.Grey['900'], 0.08)
-    --borderGhostColor alpha(paletteTwake.Grey['900'], 0.48)
-    --borderGhostDisabledColor alpha(paletteTwake.Grey['900'], 0.16)
-
-    --dividerColor alpha(paletteTwake.Grey['900'], 0.12)
-
-    --successColorLight paletteTwake.Success['200']
-    --successColor paletteTwake.Success['600']
-    --successColorDark paletteTwake.Success['700']
-    --successColorContrastText paletteTwake.Common['white']
-    --successBackground alpha(paletteTwake.Success['600'], 0.12) // only for deprecated Info & Alerter
-
-    --warningColorLight paletteTwake.Warning['200']
-    --warningColor paletteTwake.Warning['600']
-    --warningColorDark paletteTwake.Warning['700']
-    --warningColorContrastText paletteTwake.Common['white']
-
-    --errorColorLightest paletteTwake.Error['100']
-    --errorColorLight paletteTwake.Error['200']
-    --errorColor paletteTwake.Error['600']
-    --errorColorDark paletteTwake.Error['700']
-    --errorBackground alpha(paletteTwake.Error['600'], 0.12)
-    --errorColorContrastText paletteTwake.Common['white']
-
-    --infoColorLight paletteTwake.Info['200']
-    --infoColor paletteTwake.Info['600']
-    --infoColorDark paletteTwake.Info['700']
-    --infoColorContrastText paletteTwake.Common['white']
-
-    $shadowColor = paletteTwake.Grey['900']
-    --shadow0 none
-    --shadow1 0px 2px 4px 0px alpha($shadowColor, 0.08), 0px 4px 16px 0px alpha($shadowColor, 0.06), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow2 0px 3px 5px 0px alpha($shadowColor, 0.09), 0px 4px 17px 0px alpha($shadowColor, 0.07), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow3 0px 3px 5px -1px alpha($shadowColor, 0.09), 0px 5px 19px 1px alpha($shadowColor, 0.08), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow4 0px 3px 6px -1px alpha($shadowColor, 0.1), 0px 5px 20px 1px alpha($shadowColor, 0.08), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow5 0px 4px 6px -1px alpha($shadowColor, 0.11), 0px 5px 22px 1px alpha($shadowColor, 0.09), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow6 0px 4px 7px -2px alpha($shadowColor, 0.11), 0px 6px 23px 2px alpha($shadowColor, 0.10), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow7 0px 5px 7px -2px alpha($shadowColor, 0.12), 0px 6px 24px 2px alpha($shadowColor, 0.11), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow8 0px 5px 8px -2px alpha($shadowColor, 0.13), 0px 6px 26px 2px alpha($shadowColor, 0.11), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow9 0px 5px 8px -3px alpha($shadowColor, 0.14), 0px 7px 27px 3px alpha($shadowColor, 0.12), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow10 0px 6px 9px -3px alpha($shadowColor, 0.14), 0px 7px 29px 3px alpha($shadowColor, 0.13), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow11 0px 6px 9px -3px alpha($shadowColor, 0.15), 0px 7px 30px 3px alpha($shadowColor, 0.14), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow12 0px 7px 10px -4px alpha($shadowColor, 0.16), 0px 8px 31px 4px alpha($shadowColor, 0.15), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow13 0px 7px 10px -4px alpha($shadowColor, 0.16), 0px 8px 33px 4px alpha($shadowColor, 0.15), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow14 0px 8px 11px -5px alpha($shadowColor, 0.17), 0px 9px 34px 5px alpha($shadowColor, 0.16), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow15 0px 8px 11px -5px alpha($shadowColor, 0.18), 0px 9px 35px 5px alpha($shadowColor, 0.17), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow16 0px 9px 12px -5px alpha($shadowColor, 0.18), 0px 9px 37px 5px alpha($shadowColor, 0.18), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow17 0px 9px 12px -6px alpha($shadowColor, 0.19), 0px 10px 38px 6px alpha($shadowColor, 0.19), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow18 0px 9px 13px -6px alpha($shadowColor, 0.2), 0px 10px 40px 6px alpha($shadowColor, 0.19), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow19 0px 10px 13px -6px alpha($shadowColor, 0.21), 0px 10px 41px 6px alpha($shadowColor, 0.2), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow20 0px 10px 14px -7px alpha($shadowColor, 0.21), 0px 11px 42px 7px alpha($shadowColor, 0.21), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow21 0px 11px 14px -7px alpha($shadowColor, 0.22), 0px 11px 44px 7px alpha($shadowColor, 0.22), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow22 0px 11px 15px -7px alpha($shadowColor, 0.23), 0px 11px 45px 7px alpha($shadowColor, 0.22), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow23 0px 12px 15px -8px alpha($shadowColor, 0.23), 0px 12px 47px 8px alpha($shadowColor, 0.23), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow24 0px 12px 16px -8px alpha($shadowColor, 0.24), 0px 12px 48px 8px alpha($shadowColor, 0.24), 0px 0px 0px 0.5px alpha($shadowColor, 0.12)
-    --shadow25 0px 1px 4px alpha($shadowColor, 0.04)
-
-// @stylint on
+// @stylint on

package/theme/palette.json

@@ -1,56 +1,56 @@
 {
   "Primary": {
-   "50": "#f7faff",
-   "100": "#eaf3ff",
-   "200": "#d4e6ff",
-   "300": "#b3d3ff",
-   "400": "#91bfff",
-   "500": "#579eff",
-   "600": "#297ef2",
-   "700": "#0f5cc7",
-   "800": "#0b3672",
-   "900": "#081d39",
+   "50": "#f6fbff",
+   "100": "#e3f1ff",
+   "200": "#d2e9ff",
+   "300": "#bfdfff",
+   "400": "#7bbdff",
+   "500": "#46a2ff",
+   "600": "#0a84ff",
+   "700": "#006bd8",
+   "800": "#0157ad",
+   "900": "#082139",
    "ContrastText": "#fff"
   },
 
   "Secondary": {
-   "50": "#fdf8ff",
-   "100": "#f8eefd",
-   "200": "#ecd7f7",
-   "300": "#deb8f0",
-   "400": "#d79df2",
-   "500": "#c27ae3",
-   "600": "#a346cd",
-   "700": "#7a349a",
-   "800": "#4e1f63",
-   "900": "#230c2e",
+   "50": "#f1f5fa",
+   "100": "#e8f0fa",
+   "200": "#d1e0f2",
+   "300": "#b5d1f1",
+   "400": "#96bce8",
+   "500": "#85b5ec",
+   "600": "#5c9ce6",
+   "700": "#5085c3",
+   "800": "#243b55",
+   "900": "#081f39",
    "ContrastText": "#fff"
   },
 
   "Error": {
-   "50": "#fff8f8",
-   "100": "#ffecec",
-   "200": "#ffd3d3",
-   "300": "#ffb9b9",
-   "400": "#ff9b9b",
-   "500": "#f96b6b",
-   "600": "#ea3f3f",
-   "700": "#d31f1f",
-   "800": "#771212",
-   "900": "#340b0b",
+   "50": "#fffbfe",
+   "100": "#fceeee",
+   "200": "#ffd2d7",
+   "300": "#ff939d",
+   "400": "#ff7a87",
+   "500": "#ff4d5e",
+   "600": "#ff3347",
+   "700": "#d32c3c",
+   "800": "#b52c39",
+   "900": "#7a1e27",
    "ContrastText": "#fff"
   },
 
   "Warning": {
-   "50": "#fffaf1",
-   "100": "#fff3dd",
-   "200": "#ffe4b5",
-   "300": "#ffd58b",
-   "400": "#ffc35c",
-   "500": "#efa82d",
-   "600": "#cb8100",
-   "700": "#986100",
-   "800": "#553804",
+   "50": "#fff8e1",
+   "100": "#ffecb3",
+   "200": "#ffe082",
+   "300": "#ffd54f",
+   "400": "#ffca28",
+   "500": "#ffb300",
+   "600": "#ff8f00",
+   "700": "#ff6f00",
+   "800": "#b5672c",
    "900": "#281c07",
    "ContrastText": "#fff"
   },
@@ -58,13 +58,13 @@
   "Success": {
    "50": "#f3fff5",
    "100": "#e3ffe7",
-   "200": "#c0f4c6",
+   "200": "#b9f6ca",
    "300": "#97eca1",
    "400": "#66e475",
    "500": "#38c949",
-   "600": "#09ab1b",
-   "700": "#018711",
-   "800": "#054c0d",
+   "600": "#00c853",
+   "700": "#00ad48",
+   "800": "#245538",
    "900": "#08250b",
    "ContrastText": "#fff"
   },
@@ -75,28 +75,28 @@
     "200": "#affdff",
     "300": "#86f5f7",
     "400": "#4ee2e5",
-    "500": "#0ec4c7",
-    "600": "#009fa2",
-    "700": "#007578",
+    "500": "#1de9b6",
+    "600": "#00bfa5",
+    "700": "#00796b",
     "800": "#004345",
     "900": "#002526"
    },
 
   "Grey": {
-   "50": "#f9fafb",
-   "100": "#f4f5f6",
-   "200": "#eceff1",
-   "300": "#dde0e3",
-   "400": "#bfc3c7",
-   "500": "#9da2a6",
-   "600": "#7c8086",
-   "700": "#5d6169",
-   "800": "#3e424a",
-   "900": "#1d212a",
-   "A100": "#d3d6d8",
-   "A200": "#a7abaf",
-   "A400": "#2c3039",
-   "A700": "#5d6169"
+   "50": "#FBFDFF",
+   "100": "#F3F6F9",
+   "200": "#EDF2F7",
+   "300": "#E1E3E6",
+   "400": "#C5C7CA",
+   "500": "#AAACAE",
+   "600": "#909294",
+   "700": "#757779",
+   "800": "#4E5052",
+   "900": "#424244",
+   "A100": "#FCFCFC",
+   "A200": "#E5ECF3",
+   "A400": "#2C3039",
+   "A700": "#5D6169"
   },
 
   "Common": {

package/transpiled/react/ActionsBar/index.js

@@ -17,7 +17,6 @@ import CrossCircleIcon from "cozy-ui/transpiled/react/Icons/CrossCircle";
 import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
 import Toolbar from "cozy-ui/transpiled/react/Toolbar";
 import Typography from "cozy-ui/transpiled/react/Typography";
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 import CozyTheme from "cozy-ui/transpiled/react/providers/CozyTheme";
 import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
@@ -26,13 +25,13 @@ var useStyles = makeStyles({
   appBar: function appBar(_ref) {
     var isMobile = _ref.isMobile;
     return {
-      width: isTwakeTheme() && !isMobile ? 'calc(100% - 44px)' : '100%',
-      right: isTwakeTheme() && !isMobile ? '22px' : '0',
+      width: !isMobile ? 'calc(100% - 44px)' : '100%',
+      right: !isMobile ? '22px' : '0',
       height: isMobile ? '4rem' : '3rem',
       top: isMobile ? 'auto' : 0,
       bottom: isMobile ? 0 : undefined,
       zIndex: 'var(--zIndex-selection)',
-      borderRadius: isTwakeTheme() ? isMobile ? '16px 16px 0 0' : '0 0 16px 16px' : 'initial',
+      borderRadius: isMobile ? '16px 16px 0 0' : '0 0 16px 16px',
       boxShadow: isMobile ? 'var(--shadow8)' : 'var(--shadow1)'
     };
   },
@@ -72,16 +71,15 @@ var useStyles = makeStyles({
       display: 'flex',
       height: '100%',
       flexGrow: 1,
-      paddingRight: isTwakeTheme() && !isMobile ? 48 : 0,
+      paddingRight: !isMobile ? 48 : 0,
       alignItems: 'center',
-      justifyContent: isTwakeTheme() && !isMobile ? 'end' : 'center'
+      justifyContent: !isMobile ? 'end' : 'center'
     };
   }
 });
 
 var SelectedCount = function SelectedCount(_ref4) {
-  var styles = _ref4.styles,
-      docs = _ref4.docs,
+  var docs = _ref4.docs,
       onClose = _ref4.onClose;
 
   var _useBreakpoints = useBreakpoints(),
@@ -90,43 +88,27 @@ var SelectedCount = function SelectedCount(_ref4) {
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
-  var showMobileCloseButton = !!onClose && isMobile;
-
-  if (isTwakeTheme()) {
-    if (isMobile) return /*#__PURE__*/React.createElement(Box, {
-      className: "u-flex u-flex-items-center u-h-100 u-pr-1",
-      borderRadius: "15px 0 0 0",
-      bgcolor: "primary.main",
-      color: "primary.contrastText"
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      color: "inherit",
-      onClick: onClose
-    }, /*#__PURE__*/React.createElement(Icon, {
-      icon: CrossCircleIcon
-    })), docs.length);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "u-flex u-flex-items-center u-h-100 u-ph-1"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      className: "u-mr-1",
-      icon: CheckCircleIcon,
-      color: "var(--iconTextColor)"
-    }), /*#__PURE__*/React.createElement(Typography, {
-      variant: "body1",
-      component: "span"
-    }, t('selected_light', docs.length)));
-  }
-
-  return /*#__PURE__*/React.createElement(Box, {
-    className: styles.selectedCount,
-    padding: showMobileCloseButton ? '0 1rem 0 0' : '0 1rem',
-    color: "primary.contrastText",
-    bgcolor: "primary.main"
-  }, showMobileCloseButton && /*#__PURE__*/React.createElement(IconButton, {
+  if (isMobile) return /*#__PURE__*/React.createElement(Box, {
+    className: "u-flex u-flex-items-center u-h-100 u-pr-1",
+    borderRadius: "15px 0 0 0",
+    bgcolor: "primary.main",
+    color: "primary.contrastText"
+  }, /*#__PURE__*/React.createElement(IconButton, {
     color: "inherit",
     onClick: onClose
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: CrossCircleIcon
-  })), /*#__PURE__*/React.createElement("div", null, isMobile ? docs.length : t('selected', docs.length)));
+  })), docs.length);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "u-flex u-flex-items-center u-h-100 u-ph-1"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    className: "u-mr-1",
+    icon: CheckCircleIcon,
+    color: "var(--iconTextColor)"
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "body1",
+    component: "span"
+  }, t('selected_light', docs.length)));
 };
 
 var ActionsBar = function ActionsBar(_ref5) {
@@ -165,7 +147,7 @@ var ActionsBar = function ActionsBar(_ref5) {
   };
 
   return /*#__PURE__*/React.createElement(CozyTheme, {
-    variant: isTwakeTheme() ? 'inverted' : 'normal'
+    variant: "inverted"
   }, /*#__PURE__*/React.createElement(AppBar, {
     className: styles.appBar,
     position: "fixed",
@@ -180,7 +162,6 @@ var ActionsBar = function ActionsBar(_ref5) {
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: CrossIcon
   })), /*#__PURE__*/React.createElement(SelectedCount, {
-    styles: styles,
     docs: docs,
     onClose: onClose
   }), /*#__PURE__*/React.createElement("div", {

package/transpiled/react/BarTitle/index.js

@@ -4,7 +4,6 @@ var styles = {
   "BarTitle": "styles__BarTitle___I5r2e"
 };
 import Typography from "cozy-ui/transpiled/react/Typography";
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 
 var BarTitle = function BarTitle(_ref) {
   var noWrap = _ref.noWrap,
@@ -12,7 +11,7 @@ var BarTitle = function BarTitle(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: styles.BarTitle
   }, /*#__PURE__*/React.createElement(Typography, {
-    variant: isTwakeTheme() ? 'h4' : 'h5',
+    variant: "h4",
     component: "h1",
     noWrap: noWrap
   }, children));

package/transpiled/react/Circle/index.js

@@ -5,15 +5,7 @@ var styles = {
   "c-circle": "styles__c-circle___1DuMR",
   "c-circle-text": "styles__c-circle-text___1jFgD"
 };
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 var sizeNameToPx = {
-  xsmall: 16,
-  small: 32,
-  medium: 40,
-  large: 48,
-  xlarge: 64
-};
-var sizeNameToPx_Twake = {
   xsmall: 16,
   small: 24,
   medium: 32,
@@ -21,7 +13,7 @@ var sizeNameToPx_Twake = {
   xlarge: 64
 };
 export var createSizeStyle = function createSizeStyle(size) {
-  var sizeConverter = isTwakeTheme() ? sizeNameToPx_Twake : sizeNameToPx;
+  var sizeConverter = sizeNameToPx;
   var sizeToPixel = Number.isInteger(size) ? size : sizeConverter[size];
   return {
     '--circleSize': "".concat(sizeToPixel, "px")