fix(notification): background-warning-token to use yellow10 (#17621)

carbon-design-system · Oct 1, 2024 · c0b1af5 · c0b1af5
1 parent a43779e
commit c0b1af5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 26 deletions.
diff --git a/packages/styles/scss/components/notification/_tokens.scss b/packages/styles/scss/components/notification/_tokens.scss
@@ -84,30 +84,15 @@ $notification-background-info: (
 ) !default;
 
 $notification-background-warning: (
-  fallback:
-    color.mix(
-      map.get(notification.$color-map, yellow-30),
-      map.get(notification.$color-map, white-0),
-      15%
-    ),
+  fallback: map.get(notification.$notification-background-warning, white-theme),
   values: (
     (
       theme: themes.$white,
-      value:
-        color.mix(
-          map.get(notification.$color-map, yellow-30),
-          map.get(notification.$color-map, white-0),
-          15%
-        ),
+      value: map.get(notification.$notification-background-warning, white-theme),
     ),
     (
       theme: themes.$g10,
-      value:
-        color.mix(
-          map.get(notification.$color-map, yellow-30),
-          map.get(notification.$color-map, white-0),
-          15%
-        ),
+      value: map.get(notification.$notification-background-warning, g-10),
     ),
     (
       theme: themes.$g90,

diff --git a/packages/themes/src/component-tokens/notification/tokens.js b/packages/themes/src/component-tokens/notification/tokens.js
@@ -4,7 +4,7 @@ import {
   gray90,
   green10,
   blue10,
-  yellow30,
+  yellow10,
   white0,
 } from '@carbon/colors';
 import {
@@ -50,14 +50,9 @@ export const notificationBackgroundInfo = {
   g100: gray90,
 };
 
-export const colorMap = {
-  yellow30,
-  white0,
-};
-
 export const notificationBackgroundWarning = {
-  whiteTheme: colorMap,
-  g10: colorMap,
+  whiteTheme: yellow10,
+  g10: yellow10,
   g90: gray80,
   g100: gray90,
 };