@carbon/themes 11.62.0-rc.0 → 11.62.1-rc.0

package/es/index.js

@@ -609,7 +609,7 @@ var skeletonElement$7 = gray30;
 // Misc
 var interactive$7 = blue60;
 var highlight$7 = blue20;
-var overlay$7 = 'rgba(22, 22, 22, 0.5)';
+var overlay$7 = rgba(black, 0.6);
 var toggleOff$7 = gray50;
 var shadow$7 = 'rgba(0, 0, 0, 0.3)';
 
@@ -1049,7 +1049,7 @@ var skeletonElement$6 = gray30;
 // Misc
 var interactive$6 = blue60;
 var highlight$6 = blue20;
-var overlay$6 = 'rgba(22, 22, 22, 0.5)';
+var overlay$6 = rgba(black, 0.6);
 var toggleOff$6 = gray50;
 var shadow$6 = 'rgba(0, 0, 0, 0.3)';
 
@@ -1489,7 +1489,7 @@ var skeletonElement$5 = gray70;
 // Misc
 var interactive$5 = blue50;
 var highlight$5 = blue80;
-var overlay$5 = rgba(black, 0.65);
+var overlay$5 = rgba(black, 0.6);
 var toggleOff$5 = gray50;
 var shadow$5 = rgba(black, 0.8);
 
@@ -1929,7 +1929,7 @@ var skeletonElement$4 = gray80;
 // Misc
 var interactive$4 = blue50;
 var highlight$4 = blue90;
-var overlay$4 = rgba(black, 0.65);
+var overlay$4 = rgba(black, 0.6);
 var toggleOff$4 = gray60;
 var shadow$4 = rgba(black, 0.8);
 

package/lib/index.js

@@ -609,7 +609,7 @@ var skeletonElement$7 = colors$1.gray30;
 // Misc
 var interactive$7 = colors$1.blue60;
 var highlight$7 = colors$1.blue20;
-var overlay$7 = 'rgba(22, 22, 22, 0.5)';
+var overlay$7 = colors$1.rgba(colors$1.black, 0.6);
 var toggleOff$7 = colors$1.gray50;
 var shadow$7 = 'rgba(0, 0, 0, 0.3)';
 
@@ -1049,7 +1049,7 @@ var skeletonElement$6 = colors$1.gray30;
 // Misc
 var interactive$6 = colors$1.blue60;
 var highlight$6 = colors$1.blue20;
-var overlay$6 = 'rgba(22, 22, 22, 0.5)';
+var overlay$6 = colors$1.rgba(colors$1.black, 0.6);
 var toggleOff$6 = colors$1.gray50;
 var shadow$6 = 'rgba(0, 0, 0, 0.3)';
 
@@ -1489,7 +1489,7 @@ var skeletonElement$5 = colors$1.gray70;
 // Misc
 var interactive$5 = colors$1.blue50;
 var highlight$5 = colors$1.blue80;
-var overlay$5 = colors$1.rgba(colors$1.black, 0.65);
+var overlay$5 = colors$1.rgba(colors$1.black, 0.6);
 var toggleOff$5 = colors$1.gray50;
 var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
 
@@ -1929,7 +1929,7 @@ var skeletonElement$4 = colors$1.gray80;
 // Misc
 var interactive$4 = colors$1.blue50;
 var highlight$4 = colors$1.blue90;
-var overlay$4 = colors$1.rgba(colors$1.black, 0.65);
+var overlay$4 = colors$1.rgba(colors$1.black, 0.6);
 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.62.0-rc.0",
+  "version": "11.62.1-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -32,16 +32,16 @@
     "postinstall": "ibmtelemetry --config=telemetry.yml"
   },
   "dependencies": {
-    "@carbon/colors": "^11.42.0-rc.0",
-    "@carbon/layout": "^11.43.0-rc.0",
-    "@carbon/type": "^11.49.0-rc.0",
+    "@carbon/colors": "^11.42.0",
+    "@carbon/layout": "^11.43.0",
+    "@carbon/type": "^11.49.0",
     "@ibm/telemetry-js": "^1.5.0",
     "color": "^4.0.0"
   },
   "devDependencies": {
     "@babel/node": "^7.27.1",
     "@babel/preset-env": "^7.27.2",
-    "@carbon/cli": "^11.36.0-rc.0",
+    "@carbon/cli": "^11.36.0",
     "@carbon/cli-reporter": "^10.8.0",
     "@carbon/scss-generator": "^10.20.0",
     "@carbon/test-utils": "^10.38.0",
@@ -52,5 +52,5 @@
     "rimraf": "^6.0.1"
   },
   "sideEffects": false,
-  "gitHead": "0d9497f77c917c567c8be19157e3da42d7a02c04"
+  "gitHead": "fde0c0fc9b6c3931d871720ee94e99255603d18d"
 }

package/scss/generated/_themes.scss

@@ -129,7 +129,7 @@ $white: (
   link-primary-hover: #0043ce,
   link-secondary: #0043ce,
   link-visited: #8a3ffc,
-  overlay: rgba(22, 22, 22, 0.5),
+  overlay: rgba(0, 0, 0, 0.6),
   shadow: rgba(0, 0, 0, 0.3),
   skeleton-background: #e8e8e8,
   skeleton-element: #c6c6c6,
@@ -280,7 +280,7 @@ $g10: (
   link-primary-hover: #0043ce,
   link-secondary: #0043ce,
   link-visited: #8a3ffc,
-  overlay: rgba(22, 22, 22, 0.5),
+  overlay: rgba(0, 0, 0, 0.6),
   shadow: rgba(0, 0, 0, 0.3),
   skeleton-background: #e8e8e8,
   skeleton-element: #c6c6c6,
@@ -431,7 +431,7 @@ $g90: (
   link-primary-hover: #a6c8ff,
   link-secondary: #a6c8ff,
   link-visited: #be95ff,
-  overlay: rgba(0, 0, 0, 0.65),
+  overlay: rgba(0, 0, 0, 0.6),
   shadow: rgba(0, 0, 0, 0.8),
   skeleton-background: #333333,
   skeleton-element: #525252,
@@ -582,7 +582,7 @@ $g100: (
   link-primary-hover: #a6c8ff,
   link-secondary: #a6c8ff,
   link-visited: #be95ff,
-  overlay: rgba(0, 0, 0, 0.65),
+  overlay: rgba(0, 0, 0, 0.6),
   shadow: rgba(0, 0, 0, 0.8),
   skeleton-background: #292929,
   skeleton-element: #393939,

package/src/g10.js

@@ -205,7 +205,7 @@ export const skeletonElement = gray30;
 // Misc
 export const interactive = blue60;
 export const highlight = blue20;
-export const overlay = 'rgba(22, 22, 22, 0.5)';
+export const overlay = rgba(black, 0.6);
 export const toggleOff = gray50;
 export const shadow = 'rgba(0, 0, 0, 0.3)';
 

package/src/g100.js

@@ -208,7 +208,7 @@ export const skeletonElement = gray80;
 // Misc
 export const interactive = blue50;
 export const highlight = blue90;
-export const overlay = rgba(black, 0.65);
+export const overlay = rgba(black, 0.6);
 export const toggleOff = gray60;
 export const shadow = rgba(black, 0.8);
 

package/src/g90.js

@@ -209,7 +209,7 @@ export const skeletonElement = gray70;
 // Misc
 export const interactive = blue50;
 export const highlight = blue80;
-export const overlay = rgba(black, 0.65);
+export const overlay = rgba(black, 0.6);
 export const toggleOff = gray50;
 export const shadow = rgba(black, 0.8);
 

package/src/white.js

@@ -205,7 +205,7 @@ export const skeletonElement = gray30;
 // Misc
 export const interactive = blue60;
 export const highlight = blue20;
-export const overlay = 'rgba(22, 22, 22, 0.5)';
+export const overlay = rgba(black, 0.6);
 export const toggleOff = gray50;
 export const shadow = 'rgba(0, 0, 0, 0.3)';
 

package/umd/index.js

@@ -608,7 +608,7 @@
   // Misc
   var interactive$7 = colors$1.blue60;
   var highlight$7 = colors$1.blue20;
-  var overlay$7 = 'rgba(22, 22, 22, 0.5)';
+  var overlay$7 = colors$1.rgba(colors$1.black, 0.6);
   var toggleOff$7 = colors$1.gray50;
   var shadow$7 = 'rgba(0, 0, 0, 0.3)';
 
@@ -1048,7 +1048,7 @@
   // Misc
   var interactive$6 = colors$1.blue60;
   var highlight$6 = colors$1.blue20;
-  var overlay$6 = 'rgba(22, 22, 22, 0.5)';
+  var overlay$6 = colors$1.rgba(colors$1.black, 0.6);
   var toggleOff$6 = colors$1.gray50;
   var shadow$6 = 'rgba(0, 0, 0, 0.3)';
 
@@ -1488,7 +1488,7 @@
   // Misc
   var interactive$5 = colors$1.blue50;
   var highlight$5 = colors$1.blue80;
-  var overlay$5 = colors$1.rgba(colors$1.black, 0.65);
+  var overlay$5 = colors$1.rgba(colors$1.black, 0.6);
   var toggleOff$5 = colors$1.gray50;
   var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
 
@@ -1928,7 +1928,7 @@
   // Misc
   var interactive$4 = colors$1.blue50;
   var highlight$4 = colors$1.blue90;
-  var overlay$4 = colors$1.rgba(colors$1.black, 0.65);
+  var overlay$4 = colors$1.rgba(colors$1.black, 0.6);
   var toggleOff$4 = colors$1.gray60;
   var shadow$4 = colors$1.rgba(colors$1.black, 0.8);