💄(react) update Alert and Toast icon size

We realized that even if the Figma sketches indicates that the icons
are 16px in reality the rendered DOM was not visualy matching the
sketches. We needs 19px to match the sketches.

.changeset/olive-coats-smile.md

@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+update Alert and Toast icon size

packages/react/src/components/Alert/tokens.ts

@@ -6,7 +6,7 @@ export const tokens = (defaults: DefaultTokens) => {
     "border-radius": "4px",
     "font-weight": defaults.theme.font.weights.medium,
     color: defaults.theme.colors["greyscale-900"],
-    "icon-size": defaults.theme.font.sizes.l,
+    "icon-size": "19px",
     "additional-font-weight": defaults.theme.font.weights.regular,
     "additional-color": defaults.theme.colors["greyscale-700"],
   };

packages/react/src/components/Toast/tokens.ts

@@ -7,7 +7,7 @@ export const tokens = (defaults: DefaultTokens) => {
     "background-color": defaults.theme.colors["greyscale-100"],
     color: defaults.theme.colors["greyscale-900"],
     "font-weight": defaults.theme.font.weights.regular,
-    "icon-size": defaults.theme.font.sizes.l,
+    "icon-size": "19px",
     "progress-bar-height": "3px",
   };
 };

packages/react/src/cunningham-tokens.css

@@ -117,7 +117,7 @@
 	--c--components--toast--background-color: var(--c--theme--colors--greyscale-100);
 	--c--components--toast--color: var(--c--theme--colors--greyscale-900);
 	--c--components--toast--font-weight: var(--c--theme--font--weights--regular);
-	--c--components--toast--icon-size: var(--c--theme--font--sizes--l);
+	--c--components--toast--icon-size: 19px;
 	--c--components--toast--progress-bar-height: 3px;
 	--c--components--forms-textarea--font-weight: var(--c--theme--font--weights--regular);
 	--c--components--forms-textarea--font-size: var(--c--theme--font--sizes--l);
@@ -261,7 +261,7 @@
 	--c--components--alert--border-radius: 4px;
 	--c--components--alert--font-weight: var(--c--theme--font--weights--medium);
 	--c--components--alert--color: var(--c--theme--colors--greyscale-900);
-	--c--components--alert--icon-size: var(--c--theme--font--sizes--l);
+	--c--components--alert--icon-size: 19px;
 	--c--components--alert--additional-font-weight: var(--c--theme--font--weights--regular);
 	--c--components--alert--additional-color: var(--c--theme--colors--greyscale-700);
 }

packages/react/src/cunningham-tokens.scss

@@ -140,7 +140,7 @@ $themes: (
         'background-color': #FAFAFB,
         'color': #0C1A2B,
         'font-weight': 400,
-        'icon-size': 1rem,
+        'icon-size': 19px,
         'progress-bar-height': 3px
       ),
       'forms-textarea': (
@@ -308,7 +308,7 @@ $themes: (
         'border-radius': 4px,
         'font-weight': 500,
         'color': #0C1A2B,
-        'icon-size': 1rem,
+        'icon-size': 19px,
         'additional-font-weight': 400,
         'additional-color': #555F6B
       )