Merge pull request #2300 from dxc-technology/PelayoFelgueroso-semantic-toast

Reimplement toast to use semantic token

Author: Mil4n0r

packages/lib/src/styles/variables.css

@@ -167,13 +167,13 @@
   --line-style-solid: solid;
 
   /* Alias tokens */
-  --border-color-info-lightest-halstack: var(--color-semantic01-50);
-  --border-color-info-lighter-halstack: var(--color-semantic01-100);
-  --border-color-info-light-halstack: var(--color-semantic01-200);
-  --border-color-info-medium-halstack: var(--color-semantic01-300);
-  --border-color-info-strong-halstack: var(--color-semantic01-600);
-  --border-color-info-stronger-halstack: var(--color-semantic01-700);
-  --border-color-info-strongest-halstack: var(--color-semantic01-800);
+  --border-color-info-lightest: var(--color-semantic01-50);
+  --border-color-info-lighter: var(--color-semantic01-100);
+  --border-color-info-light: var(--color-semantic01-200);
+  --border-color-info-medium: var(--color-semantic01-300);
+  --border-color-info-strong: var(--color-semantic01-600);
+  --border-color-info-stronger: var(--color-semantic01-700);
+  --border-color-info-strongest: var(--color-semantic01-800);
   --border-color-success-light: var(--color-semantic02-300);
   --border-color-success-medium: var(--color-semantic02-600);
   --border-color-warning-light: var(--color-semantic03-300);

packages/lib/src/toast/utils.ts

@@ -10,8 +10,8 @@ export default function getSemantic(semantic: ToastPropsType["semantic"]) {
       };
     case "info":
       return {
-        primaryColor: "var(--border-color-secondary-strong)",
-        secondaryColor: "var(--color-bg-secondary-lighter)",
+        primaryColor: "var(--border-color-info-strong)",
+        secondaryColor: "var(--color-bg-info-lighter)",
         icon: "filled_info",
       };
     case "success":