➕(react) switch icons to material-icons-outlined

We decided to switch to this new icons family for aesthetic reasons.

.changeset/five-snakes-itch.md

@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": minor
+---
+
+switch icons to material-icons-outlined

packages/react/package.json

@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@fontsource-variable/roboto-flex": "5.0.8",
-    "@fontsource/material-icons": "5.0.11",
+    "@fontsource/material-icons-outlined": "5.0.11",
     "@internationalized/date": "3.5.0",
     "@openfun/cunningham-tokens": "*",
     "@react-aria/calendar": "3.5.3",

packages/react/src/icons.scss

@@ -1,7 +1,7 @@
-@use "@fontsource/material-icons";
+@use "@fontsource/material-icons-outlined";
 
 .material-icons {
-  font-family: 'Material Icons';
+  font-family: 'Material Icons Outlined';
   font-weight: normal;
   font-style: normal;
   font-size: 24px;  /* Preferred icon size */

yarn.lock

@@ -2390,10 +2390,10 @@
   resolved "https://registry.yarnpkg.com/@fontsource-variable/roboto-flex/-/roboto-flex-5.0.8.tgz#d6685dbcdb9ba939717f995dfeb77cd22f7d82a3"
   integrity sha512-zSnE0htmk1tlKqVNfMGWJfxgLxLYQH9eYNvXFzWJ3GuDMXVBEiKuaYytkrItaP/svX3t5y8qsIXC+cpflsfvWQ==
 
-"@fontsource/material-icons@5.0.11":
+"@fontsource/material-icons-outlined@^5.0.11":
   version "5.0.11"
-  resolved "https://registry.yarnpkg.com/@fontsource/material-icons/-/material-icons-5.0.11.tgz#01b7cc91c2897d043acf4e5dc45ea190c098d72d"
-  integrity sha512-6JVVgGSrcDmst31WXaLG1MVNL6Sn0JLHwrGGLcg8u2KtXW+lTAJnscKEgj1pMpK73ks9Q193Mw2Oh9aebDj26g==
+  resolved "https://registry.yarnpkg.com/@fontsource/material-icons-outlined/-/material-icons-outlined-5.0.11.tgz#1661f444a834ae2055c82778aa2c44579459be00"
+  integrity sha512-V0U/WCRXijxVHWr5ACj9CcUzxwAeCBayEGawKQFDB7f12tyCWTIVLKRDEhf1EaNVpSStkjl738jesY4j8Dr94Q==
 
 "@formatjs/ecma402-abstract@1.15.0":
   version "1.15.0"