♻️(react) use info design tokens

Some info variant of components were using primary design token instead of info.
openfun · Feb 13, 2024 · f685abb · f685abb
1 parent 162809d
commit f685abb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/.changeset/gorgeous-sloths-compete.md b/.changeset/gorgeous-sloths-compete.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+use info design tokens
diff --git a/packages/react/src/components/Alert/_index.scss b/packages/react/src/components/Alert/_index.scss
@@ -65,11 +65,11 @@
   }
 
   &--info {
-    border-color: var(--c--theme--colors--primary-300);
-    border-left-color: var(--c--theme--colors--primary-600);
+    border-color: var(--c--theme--colors--info-300);
+    border-left-color: var(--c--theme--colors--info-600);
 
     .c__alert__icon {
-      color: var(--c--theme--colors--primary-600);
+      color: var(--c--theme--colors--info-600);
     }
   }
 

diff --git a/packages/react/src/components/Toast/index.scss b/packages/react/src/components/Toast/index.scss
@@ -79,11 +79,11 @@
 
   &--info {
     .c__progress-bar {
-      --c--progress--color: var(--c--theme--colors--primary-500);
+      --c--progress--color: var(--c--theme--colors--info-500);
     }
 
     .c__toast__icon {
-      color: var(--c--theme--colors--primary-600);
+      color: var(--c--theme--colors--info-600);
     }
   }