@carbon/themes 11.40.0 → 11.41.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, 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, 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';
@@ -1527,7 +1527,7 @@ var skeletonElement$5 = gray70;
 
 // Misc
 var interactive$5 = blue50;
-var highlight$5 = blue70;
+var highlight$5 = blue80;
 var overlay$5 = rgba(black, 0.65);
 var toggleOff$5 = gray50;
 var shadow$5 = rgba(black, 0.8);
@@ -1960,7 +1960,7 @@ var skeletonElement$4 = gray80;
 
 // Misc
 var interactive$4 = blue50;
-var highlight$4 = blue80;
+var highlight$4 = blue90;
 var overlay$4 = rgba(black, 0.65);
 var toggleOff$4 = gray60;
 var shadow$4 = rgba(black, 0.8);

package/lib/index.js

@@ -1533,7 +1533,7 @@ var skeletonElement$5 = colors$1.gray70;
 
 // Misc
 var interactive$5 = colors$1.blue50;
-var highlight$5 = colors$1.blue70;
+var highlight$5 = colors$1.blue80;
 var overlay$5 = colors$1.rgba(colors$1.black, 0.65);
 var toggleOff$5 = colors$1.gray50;
 var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
@@ -1966,7 +1966,7 @@ var skeletonElement$4 = colors$1.gray80;
 
 // Misc
 var interactive$4 = colors$1.blue50;
-var highlight$4 = colors$1.blue80;
+var highlight$4 = colors$1.blue90;
 var overlay$4 = colors$1.rgba(colors$1.black, 0.65);
 var toggleOff$4 = colors$1.gray60;
 var shadow$4 = colors$1.rgba(colors$1.black, 0.8);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "11.40.0",
+  "version": "11.41.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,19 +31,19 @@
     "postinstall": "ibmtelemetry --config=telemetry.yml"
   },
   "dependencies": {
-    "@carbon/colors": "^11.26.0",
-    "@carbon/layout": "^11.26.0",
-    "@carbon/type": "^11.31.0",
+    "@carbon/colors": "^11.27.0-rc.0",
+    "@carbon/layout": "^11.27.0-rc.0",
+    "@carbon/type": "^11.32.0-rc.0",
     "@ibm/telemetry-js": "^1.5.0",
     "color": "^4.0.0"
   },
   "devDependencies": {
     "@babel/node": "^7.24.7",
     "@babel/preset-env": "^7.24.7",
-    "@carbon/cli": "^11.21.0",
+    "@carbon/cli": "^11.22.0-rc.0",
     "@carbon/cli-reporter": "^10.7.0",
     "@carbon/scss-generator": "^10.18.0",
-    "@carbon/test-utils": "^10.32.0",
+    "@carbon/test-utils": "^10.33.0-rc.0",
     "change-case": "^4.1.1",
     "core-js": "^3.16.0",
     "fs-extra": "^11.0.0",
@@ -51,5 +51,5 @@
     "rimraf": "^6.0.0"
   },
   "sideEffects": false,
-  "gitHead": "d706ffca254bad174fdfc88c05f620ba547cc369"
+  "gitHead": "124d86cfad8f2efd4d60372f735fea534fc6f374"
 }

package/scss/generated/_themes.scss

@@ -379,7 +379,7 @@ $g90: (
   focus: #ffffff,
   focus-inset: #161616,
   focus-inverse: #0f62fe,
-  highlight: #0043ce,
+  highlight: #002d9c,
   icon-disabled: rgba(244, 244, 244, 0.25),
   icon-interactive: #ffffff,
   icon-inverse: #161616,
@@ -527,7 +527,7 @@ $g100: (
   focus: #ffffff,
   focus-inset: #161616,
   focus-inverse: #0f62fe,
-  highlight: #002d9c,
+  highlight: #001d6c,
   icon-disabled: rgba(244, 244, 244, 0.25),
   icon-interactive: #ffffff,
   icon-inverse: #161616,

package/src/g100.js

@@ -10,7 +10,7 @@ import {
   blue40,
   blue60,
   blue70,
-  blue80,
+  blue90,
 
   // Gray
   gray10,
@@ -204,7 +204,7 @@ export const skeletonElement = gray80;
 
 // Misc
 export const interactive = blue50;
-export const highlight = blue80;
+export const highlight = blue90;
 export const overlay = rgba(black, 0.65);
 export const toggleOff = gray60;
 export const shadow = rgba(black, 0.8);

package/src/g90.js

@@ -10,6 +10,7 @@ import {
   blue40,
   blue60,
   blue70,
+  blue80,
 
   // Gray
   gray10,
@@ -204,7 +205,7 @@ export const skeletonElement = gray70;
 
 // Misc
 export const interactive = blue50;
-export const highlight = blue70;
+export const highlight = blue80;
 export const overlay = rgba(black, 0.65);
 export const toggleOff = gray50;
 export const shadow = rgba(black, 0.8);

package/umd/index.js

@@ -1530,7 +1530,7 @@
 
   // Misc
   var interactive$5 = colors$1.blue50;
-  var highlight$5 = colors$1.blue70;
+  var highlight$5 = colors$1.blue80;
   var overlay$5 = colors$1.rgba(colors$1.black, 0.65);
   var toggleOff$5 = colors$1.gray50;
   var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
@@ -1963,7 +1963,7 @@
 
   // Misc
   var interactive$4 = colors$1.blue50;
-  var highlight$4 = colors$1.blue80;
+  var highlight$4 = colors$1.blue90;
   var overlay$4 = colors$1.rgba(colors$1.black, 0.65);
   var toggleOff$4 = colors$1.gray60;
   var shadow$4 = colors$1.rgba(colors$1.black, 0.8);