@carbon/themes 11.62.0 → 11.63.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",
+  "version": "11.63.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -52,5 +52,5 @@
     "rimraf": "^6.0.1"
   },
   "sideEffects": false,
-  "gitHead": "c17cce753e36124e6e8e02daba97ae9d4decbcc3"
+  "gitHead": "d2ccae94e5aa3defcce07cc9ea90058fda6c9705"
 }

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);