fix(css): Avoid importing palette.styl and utils.styl in each css of

legacy component. Prefer to import palette.styl in utils.styl to avoid
duplication, and to use not hashed css.

react/CozyTheme/index.jsx

@@ -2,19 +2,17 @@ import React, { createContext, useContext } from 'react'
 import cx from 'classnames'
 
 import MuiCozyTheme from '../MuiCozyTheme'
-import themesStyles from '../../stylus/settings/palette.styl'
 
 export const CozyThemeContext = createContext()
 
-const allStyles = {
-  'CozyTheme--normal': themesStyles['CozyTheme--normal'],
-  'CozyTheme--inverted': themesStyles['CozyTheme--inverted']
-}
-
 const CozyTheme = ({ variant, children, className }) => (
   <CozyThemeContext.Provider value={variant}>
     <MuiCozyTheme variant={variant}>
-      <div className={cx(className, allStyles[`CozyTheme--${variant}`])}>
+      <div
+        className={cx(className, {
+          [`CozyTheme--${variant}`]: Boolean(variant)
+        })}
+      >
         {children}
       </div>
     </MuiCozyTheme>

react/Dialog/index.jsx

@@ -2,7 +2,6 @@ import React from 'react'
 import { RemoveScroll } from 'react-remove-scroll'
 import { default as MUIDialog } from '@material-ui/core/Dialog'
 
-import themesStyles from '../../stylus/settings/palette.styl'
 import useBreakpoints from '../hooks/useBreakpoints'
 import { useCozyTheme } from '../CozyTheme'
 import { useDialogEffects } from './DialogEffects'
@@ -29,10 +28,7 @@ const Dialog = props => {
 
   return (
     <Wrapper>
-      <MUIDialog
-        className={themesStyles[`CozyTheme--${cozyTheme}`]}
-        {...props}
-      />
+      <MUIDialog className={`CozyTheme--${cozyTheme}`} {...props} />
     </Wrapper>
   )
 }

react/SquareAppIcon/__snapshots__/SquareAppIcon.spec.js.snap

@@ -6,7 +6,7 @@ exports[`SquareAppIcon component should render an app correctly with the app nam
   data-testid="square-app-icon"
 >
   <div
-    class="palette__CozyTheme--normal___3UmMb"
+    class="CozyTheme--normal"
   >
     <span
       class="MuiBadge-root-40"
@@ -55,7 +55,7 @@ exports[`SquareAppIcon component should render an app correctly with the given n
   data-testid="square-app-icon"
 >
   <div
-    class="palette__CozyTheme--normal___3UmMb"
+    class="CozyTheme--normal"
   >
     <span
       class="MuiBadge-root-9"
@@ -104,7 +104,7 @@ exports[`SquareAppIcon component should render an app with the app slug if no na
   data-testid="square-app-icon"
 >
   <div
-    class="palette__CozyTheme--normal___3UmMb"
+    class="CozyTheme--normal"
   >
     <span
       class="MuiBadge-root-71"
@@ -207,7 +207,7 @@ exports[`SquareAppIcon component should render correctly an app in error state 1
   data-testid="square-app-icon"
 >
   <div
-    class="palette__CozyTheme--normal___3UmMb"
+    class="CozyTheme--normal"
   >
     <span
       class="MuiBadge-root-164"
@@ -317,7 +317,7 @@ exports[`SquareAppIcon component should render correctly an app in maintenance s
   data-testid="square-app-icon"
 >
   <div
-    class="palette__CozyTheme--normal___3UmMb"
+    class="CozyTheme--normal"
   >
     <span
       class="MuiBadge-root-102"
@@ -366,7 +366,7 @@ exports[`SquareAppIcon component should render correctly an app in shortcut stat
   data-testid="square-app-icon"
 >
   <div
-    class="palette__CozyTheme--normal___3UmMb"
+    class="CozyTheme--normal"
   >
     <span
       class="MuiBadge-root-226"
@@ -415,7 +415,7 @@ exports[`SquareAppIcon component should render correctly an app with custom cont
   data-testid="square-app-icon"
 >
   <div
-    class="palette__CozyTheme--normal___3UmMb"
+    class="CozyTheme--normal"
   >
     <span
       class="MuiBadge-root-318"

stylus/cozy-ui/utils.styl

@@ -2,3 +2,4 @@
   CSS utility classes only
 \*------------------------------------*/
 @require '../utilities/*'
+@require '../settings/palette.styl'