@carbon/themes 11.41.0 → 11.42.0-rc.0

package/es/index.js

@@ -1,4 +1,4 @@
-import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, purple40, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, black, blue100, gray90, gray70Hover, gray60Hover, gray50Hover, red30, red40, purple50, gray90Hover, blue80, blue90, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue20Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray100, coolGray10, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray100, warmGray10, warmGray20Hover, warmGray70Hover, cyan40, cyan50, teal40, teal50, magenta40, magenta50, coolGray40, coolGray50, warmGray40, warmGray50, red10, green10, white0 } from '@carbon/colors';
+import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, purple40, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, black, blue100, gray90, gray70Hover, gray60Hover, gray50Hover, red30, red40, purple50, gray90Hover, blue80, blue90, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue20Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray100, coolGray10, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray100, warmGray10, warmGray20Hover, warmGray70Hover, cyan40, cyan50, teal40, teal50, magenta40, magenta50, coolGray40, coolGray50, warmGray40, warmGray50, red10, green10, yellow10, white0 } from '@carbon/colors';
 import Color from 'color';
 import { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, unstable_tokens } from '@carbon/type';
 export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
@@ -4575,13 +4575,9 @@ var notificationBackgroundInfo = {
   g90: gray80,
   g100: gray90
 };
-var colorMap = {
-  yellow30: yellow30,
-  white0: white0
-};
 var notificationBackgroundWarning = {
-  whiteTheme: colorMap,
-  g10: colorMap,
+  whiteTheme: yellow10,
+  g10: yellow10,
   g90: gray80,
   g100: gray90
 };
@@ -4625,7 +4621,6 @@ var tokens = /*#__PURE__*/Object.freeze({
   notificationBackgroundError: notificationBackgroundError,
   notificationBackgroundSuccess: notificationBackgroundSuccess,
   notificationBackgroundInfo: notificationBackgroundInfo,
-  colorMap: colorMap,
   notificationBackgroundWarning: notificationBackgroundWarning,
   notificationActionHover: notificationActionHover,
   notificationActionTertiaryInverse: notificationActionTertiaryInverse,

package/lib/index.js

@@ -4581,13 +4581,9 @@ var notificationBackgroundInfo = {
   g90: colors$1.gray80,
   g100: colors$1.gray90
 };
-var colorMap = {
-  yellow30: colors$1.yellow30,
-  white0: colors$1.white0
-};
 var notificationBackgroundWarning = {
-  whiteTheme: colorMap,
-  g10: colorMap,
+  whiteTheme: colors$1.yellow10,
+  g10: colors$1.yellow10,
   g90: colors$1.gray80,
   g100: colors$1.gray90
 };
@@ -4631,7 +4627,6 @@ var tokens = /*#__PURE__*/Object.freeze({
   notificationBackgroundError: notificationBackgroundError,
   notificationBackgroundSuccess: notificationBackgroundSuccess,
   notificationBackgroundInfo: notificationBackgroundInfo,
-  colorMap: colorMap,
   notificationBackgroundWarning: notificationBackgroundWarning,
   notificationActionHover: notificationActionHover,
   notificationActionTertiaryInverse: notificationActionTertiaryInverse,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "11.41.0",
+  "version": "11.42.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -51,5 +51,5 @@
     "rimraf": "^6.0.0"
   },
   "sideEffects": false,
-  "gitHead": "ea46616d9ea6afb2f14b862a344203e54d19e5a0"
+  "gitHead": "99debcc48ebc5f9a5ee5848fef06af4ee6448c30"
 }

package/scss/generated/_notification-tokens.scss

@@ -8,11 +8,6 @@
 
 @use 'sass:map';
 
-$color-map: (
-  yellow-30: #f1c21b,
-  white-0: #ffffff,
-) !default;
-
 $notification-action-hover: (
   white-theme: #ffffff,
   g-10: #ffffff,
@@ -75,14 +70,8 @@ $notification-background-success: (
 ) !default;
 
 $notification-background-warning: (
-  white-theme: (
-    yellow-30: #f1c21b,
-    white-0: #ffffff,
-  ),
-  g-10: (
-    yellow-30: #f1c21b,
-    white-0: #ffffff,
-  ),
+  white-theme: #fcf4d6,
+  g-10: #fcf4d6,
   g-90: #393939,
   g-100: #262626,
 ) !default;

package/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,
 };

package/umd/index.js

@@ -4578,13 +4578,9 @@
     g90: colors$1.gray80,
     g100: colors$1.gray90
   };
-  var colorMap = {
-    yellow30: colors$1.yellow30,
-    white0: colors$1.white0
-  };
   var notificationBackgroundWarning = {
-    whiteTheme: colorMap,
-    g10: colorMap,
+    whiteTheme: colors$1.yellow10,
+    g10: colors$1.yellow10,
     g90: colors$1.gray80,
     g100: colors$1.gray90
   };
@@ -4628,7 +4624,6 @@
     notificationBackgroundError: notificationBackgroundError,
     notificationBackgroundSuccess: notificationBackgroundSuccess,
     notificationBackgroundInfo: notificationBackgroundInfo,
-    colorMap: colorMap,
     notificationBackgroundWarning: notificationBackgroundWarning,
     notificationActionHover: notificationActionHover,
     notificationActionTertiaryInverse: notificationActionTertiaryInverse,