@carbon/themes 11.24.0 → 11.25.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, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, rgba, black, blue80, green60, red80, red20, red70, red70Hover, magenta20, magenta70, magenta80, magenta30, magenta70Hover, purple20, purple70, purple80, purple30, purple70Hover, blue70Hover, cyan20, cyan70, cyan80, cyan30, cyan70Hover, teal20, teal70, teal80, teal30, teal70Hover, green20, green70, green80, green30, green70Hover, coolGray20, coolGray70, coolGray80, coolGray30, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray30, warmGray70Hover, red10, green10, blue10, 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, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, rgba, black, 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, coolGray80, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray20Hover, warmGray70Hover, red10, green10, blue10, 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';
@@ -3922,8 +3922,8 @@ var tagColorRed = {
   g100: red20
 };
 var tagHoverRed = {
-  whiteTheme: red30,
-  g10: red30,
+  whiteTheme: red20Hover,
+  g10: red20Hover,
   g90: red70Hover,
   g100: red70Hover
 };
@@ -3940,8 +3940,8 @@ var tagColorMagenta = {
   g100: magenta20
 };
 var tagHoverMagenta = {
-  whiteTheme: magenta30,
-  g10: magenta30,
+  whiteTheme: magenta20Hover,
+  g10: magenta20Hover,
   g90: magenta70Hover,
   g100: magenta70Hover
 };
@@ -3958,8 +3958,8 @@ var tagColorPurple = {
   g100: purple20
 };
 var tagHoverPurple = {
-  whiteTheme: purple30,
-  g10: purple30,
+  whiteTheme: purple20Hover,
+  g10: purple20Hover,
   g90: purple70Hover,
   g100: purple70Hover
 };
@@ -3976,8 +3976,8 @@ var tagColorBlue = {
   g100: blue20
 };
 var tagHoverBlue = {
-  whiteTheme: blue30,
-  g10: blue30,
+  whiteTheme: blue20Hover,
+  g10: blue20Hover,
   g90: blue70Hover,
   g100: blue70Hover
 };
@@ -3994,8 +3994,8 @@ var tagColorCyan = {
   g100: cyan20
 };
 var tagHoverCyan = {
-  whiteTheme: cyan30,
-  g10: cyan30,
+  whiteTheme: cyan20Hover,
+  g10: cyan20Hover,
   g90: cyan70Hover,
   g100: cyan70Hover
 };
@@ -4012,8 +4012,8 @@ var tagColorTeal = {
   g100: teal20
 };
 var tagHoverTeal = {
-  whiteTheme: teal30,
-  g10: teal30,
+  whiteTheme: teal20Hover,
+  g10: teal20Hover,
   g90: teal70Hover,
   g100: teal70Hover
 };
@@ -4030,8 +4030,8 @@ var tagColorGreen = {
   g100: green20
 };
 var tagHoverGreen = {
-  whiteTheme: green30,
-  g10: green30,
+  whiteTheme: green20Hover,
+  g10: green20Hover,
   g90: green70Hover,
   g100: green70Hover
 };
@@ -4048,8 +4048,8 @@ var tagColorGray = {
   g100: gray20
 };
 var tagHoverGray = {
-  whiteTheme: gray30,
-  g10: gray30,
+  whiteTheme: gray20Hover,
+  g10: gray20Hover,
   g90: gray70Hover,
   g100: gray70Hover
 };
@@ -4066,8 +4066,8 @@ var tagColorCoolGray = {
   g100: coolGray20
 };
 var tagHoverCoolGray = {
-  whiteTheme: coolGray30,
-  g10: coolGray30,
+  whiteTheme: coolGray20Hover,
+  g10: coolGray20Hover,
   g90: coolGray70Hover,
   g100: coolGray70Hover
 };
@@ -4084,8 +4084,8 @@ var tagColorWarmGray = {
   g100: warmGray20
 };
 var tagHoverWarmGray = {
-  whiteTheme: warmGray30,
-  g10: warmGray30,
+  whiteTheme: warmGray20Hover,
+  g10: warmGray20Hover,
   g90: warmGray70Hover,
   g100: warmGray70Hover
 };

package/lib/index.js

@@ -3928,8 +3928,8 @@ var tagColorRed = {
   g100: colors$1.red20
 };
 var tagHoverRed = {
-  whiteTheme: colors$1.red30,
-  g10: colors$1.red30,
+  whiteTheme: colors$1.red20Hover,
+  g10: colors$1.red20Hover,
   g90: colors$1.red70Hover,
   g100: colors$1.red70Hover
 };
@@ -3946,8 +3946,8 @@ var tagColorMagenta = {
   g100: colors$1.magenta20
 };
 var tagHoverMagenta = {
-  whiteTheme: colors$1.magenta30,
-  g10: colors$1.magenta30,
+  whiteTheme: colors$1.magenta20Hover,
+  g10: colors$1.magenta20Hover,
   g90: colors$1.magenta70Hover,
   g100: colors$1.magenta70Hover
 };
@@ -3964,8 +3964,8 @@ var tagColorPurple = {
   g100: colors$1.purple20
 };
 var tagHoverPurple = {
-  whiteTheme: colors$1.purple30,
-  g10: colors$1.purple30,
+  whiteTheme: colors$1.purple20Hover,
+  g10: colors$1.purple20Hover,
   g90: colors$1.purple70Hover,
   g100: colors$1.purple70Hover
 };
@@ -3982,8 +3982,8 @@ var tagColorBlue = {
   g100: colors$1.blue20
 };
 var tagHoverBlue = {
-  whiteTheme: colors$1.blue30,
-  g10: colors$1.blue30,
+  whiteTheme: colors$1.blue20Hover,
+  g10: colors$1.blue20Hover,
   g90: colors$1.blue70Hover,
   g100: colors$1.blue70Hover
 };
@@ -4000,8 +4000,8 @@ var tagColorCyan = {
   g100: colors$1.cyan20
 };
 var tagHoverCyan = {
-  whiteTheme: colors$1.cyan30,
-  g10: colors$1.cyan30,
+  whiteTheme: colors$1.cyan20Hover,
+  g10: colors$1.cyan20Hover,
   g90: colors$1.cyan70Hover,
   g100: colors$1.cyan70Hover
 };
@@ -4018,8 +4018,8 @@ var tagColorTeal = {
   g100: colors$1.teal20
 };
 var tagHoverTeal = {
-  whiteTheme: colors$1.teal30,
-  g10: colors$1.teal30,
+  whiteTheme: colors$1.teal20Hover,
+  g10: colors$1.teal20Hover,
   g90: colors$1.teal70Hover,
   g100: colors$1.teal70Hover
 };
@@ -4036,8 +4036,8 @@ var tagColorGreen = {
   g100: colors$1.green20
 };
 var tagHoverGreen = {
-  whiteTheme: colors$1.green30,
-  g10: colors$1.green30,
+  whiteTheme: colors$1.green20Hover,
+  g10: colors$1.green20Hover,
   g90: colors$1.green70Hover,
   g100: colors$1.green70Hover
 };
@@ -4054,8 +4054,8 @@ var tagColorGray = {
   g100: colors$1.gray20
 };
 var tagHoverGray = {
-  whiteTheme: colors$1.gray30,
-  g10: colors$1.gray30,
+  whiteTheme: colors$1.gray20Hover,
+  g10: colors$1.gray20Hover,
   g90: colors$1.gray70Hover,
   g100: colors$1.gray70Hover
 };
@@ -4072,8 +4072,8 @@ var tagColorCoolGray = {
   g100: colors$1.coolGray20
 };
 var tagHoverCoolGray = {
-  whiteTheme: colors$1.coolGray30,
-  g10: colors$1.coolGray30,
+  whiteTheme: colors$1.coolGray20Hover,
+  g10: colors$1.coolGray20Hover,
   g90: colors$1.coolGray70Hover,
   g100: colors$1.coolGray70Hover
 };
@@ -4090,8 +4090,8 @@ var tagColorWarmGray = {
   g100: colors$1.warmGray20
 };
 var tagHoverWarmGray = {
-  whiteTheme: colors$1.warmGray30,
-  g10: colors$1.warmGray30,
+  whiteTheme: colors$1.warmGray20Hover,
+  g10: colors$1.warmGray20Hover,
   g90: colors$1.warmGray70Hover,
   g100: colors$1.warmGray70Hover
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "11.24.0",
+  "version": "11.25.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -32,7 +32,7 @@
   "dependencies": {
     "@carbon/colors": "^11.19.0",
     "@carbon/layout": "^11.19.0",
-    "@carbon/type": "^11.23.0",
+    "@carbon/type": "^11.24.0",
     "color": "^4.0.0"
   },
   "devDependencies": {
@@ -49,5 +49,5 @@
     "rimraf": "^5.0.0"
   },
   "sideEffects": false,
-  "gitHead": "34d9b328b856918ec5a3bfc720f4b3ba3d45daf4"
+  "gitHead": "33f414ff39064f1c432898ab8204b89b7b02cfb4"
 }

package/scss/generated/_tag-tokens.scss

@@ -149,71 +149,71 @@ $tag-color-warm-gray: (
 ) !default;
 
 $tag-hover-blue: (
-  white-theme: #a6c8ff,
-  g-10: #a6c8ff,
+  white-theme: #b8d3ff,
+  g-10: #b8d3ff,
   g-90: #0053ff,
   g-100: #0053ff,
 ) !default;
 
 $tag-hover-cool-gray: (
-  white-theme: #c1c7cd,
-  g-10: #c1c7cd,
+  white-theme: #cdd3da,
+  g-10: #cdd3da,
   g-90: #5d646a,
   g-100: #5d646a,
 ) !default;
 
 $tag-hover-cyan: (
-  white-theme: #82cfff,
-  g-10: #82cfff,
+  white-theme: #99daff,
+  g-10: #99daff,
   g-90: #0066bd,
   g-100: #0066bd,
 ) !default;
 
 $tag-hover-gray: (
-  white-theme: #c6c6c6,
-  g-10: #c6c6c6,
+  white-theme: #d1d1d1,
+  g-10: #d1d1d1,
   g-90: #636363,
   g-100: #636363,
 ) !default;
 
 $tag-hover-green: (
-  white-theme: #6fdc8c,
-  g-10: #6fdc8c,
+  white-theme: #74e792,
+  g-10: #74e792,
   g-90: #11742f,
   g-100: #11742f,
 ) !default;
 
 $tag-hover-magenta: (
-  white-theme: #ffafd2,
-  g-10: #ffafd2,
+  white-theme: #ffbdda,
+  g-10: #ffbdda,
   g-90: #bf1d63,
   g-100: #bf1d63,
 ) !default;
 
 $tag-hover-purple: (
-  white-theme: #d4bbff,
-  g-10: #d4bbff,
+  white-theme: #dcc7ff,
+  g-10: #dcc7ff,
   g-90: #7c3dd6,
   g-100: #7c3dd6,
 ) !default;
 
 $tag-hover-red: (
-  white-theme: #ffb3b8,
-  g-10: #ffb3b8,
+  white-theme: #ffc2c5,
+  g-10: #ffc2c5,
   g-90: #c21e25,
   g-100: #c21e25,
 ) !default;
 
 $tag-hover-teal: (
-  white-theme: #3ddbd9,
-  g-10: #3ddbd9,
+  white-theme: #57e5e5,
+  g-10: #57e5e5,
   g-90: #007070,
   g-100: #007070,
 ) !default;
 
 $tag-hover-warm-gray: (
-  white-theme: #cac5c4,
-  g-10: #cac5c4,
+  white-theme: #d8d0cf,
+  g-10: #d8d0cf,
   g-90: #696363,
   g-100: #696363,
 ) !default;

package/src/component-tokens/tag/tokens.js

@@ -2,52 +2,52 @@ import {
   red20,
   red70,
   red80,
-  red30,
+  red20Hover,
   red70Hover,
   magenta20,
   magenta70,
   magenta80,
-  magenta30,
+  magenta20Hover,
   magenta70Hover,
   purple20,
   purple70,
   purple80,
-  purple30,
+  purple20Hover,
   purple70Hover,
   blue20,
   blue70,
   blue80,
-  blue30,
+  blue20Hover,
   blue70Hover,
   cyan20,
   cyan70,
   cyan80,
-  cyan30,
+  cyan20Hover,
   cyan70Hover,
   teal20,
   teal70,
   teal80,
-  teal30,
+  teal20Hover,
   teal70Hover,
   green20,
   green70,
   green80,
-  green30,
+  green20Hover,
   green70Hover,
   gray20,
   gray70,
   gray80,
-  gray30,
+  gray20Hover,
   gray70Hover,
   warmGray20,
   warmGray70,
   warmGray80,
-  warmGray30,
+  warmGray20Hover,
   warmGray70Hover,
   coolGray20,
   coolGray70,
   coolGray80,
-  coolGray30,
+  coolGray20Hover,
   coolGray70Hover,
 } from '@carbon/colors';
 
@@ -66,8 +66,8 @@ export const tagColorRed = {
 };
 
 export const tagHoverRed = {
-  whiteTheme: red30,
-  g10: red30,
+  whiteTheme: red20Hover,
+  g10: red20Hover,
   g90: red70Hover,
   g100: red70Hover,
 };
@@ -87,8 +87,8 @@ export const tagColorMagenta = {
 };
 
 export const tagHoverMagenta = {
-  whiteTheme: magenta30,
-  g10: magenta30,
+  whiteTheme: magenta20Hover,
+  g10: magenta20Hover,
   g90: magenta70Hover,
   g100: magenta70Hover,
 };
@@ -108,8 +108,8 @@ export const tagColorPurple = {
 };
 
 export const tagHoverPurple = {
-  whiteTheme: purple30,
-  g10: purple30,
+  whiteTheme: purple20Hover,
+  g10: purple20Hover,
   g90: purple70Hover,
   g100: purple70Hover,
 };
@@ -129,8 +129,8 @@ export const tagColorBlue = {
 };
 
 export const tagHoverBlue = {
-  whiteTheme: blue30,
-  g10: blue30,
+  whiteTheme: blue20Hover,
+  g10: blue20Hover,
   g90: blue70Hover,
   g100: blue70Hover,
 };
@@ -150,8 +150,8 @@ export const tagColorCyan = {
 };
 
 export const tagHoverCyan = {
-  whiteTheme: cyan30,
-  g10: cyan30,
+  whiteTheme: cyan20Hover,
+  g10: cyan20Hover,
   g90: cyan70Hover,
   g100: cyan70Hover,
 };
@@ -169,8 +169,8 @@ export const tagColorTeal = {
 };
 
 export const tagHoverTeal = {
-  whiteTheme: teal30,
-  g10: teal30,
+  whiteTheme: teal20Hover,
+  g10: teal20Hover,
   g90: teal70Hover,
   g100: teal70Hover,
 };
@@ -190,8 +190,8 @@ export const tagColorGreen = {
 };
 
 export const tagHoverGreen = {
-  whiteTheme: green30,
-  g10: green30,
+  whiteTheme: green20Hover,
+  g10: green20Hover,
   g90: green70Hover,
   g100: green70Hover,
 };
@@ -211,8 +211,8 @@ export const tagColorGray = {
 };
 
 export const tagHoverGray = {
-  whiteTheme: gray30,
-  g10: gray30,
+  whiteTheme: gray20Hover,
+  g10: gray20Hover,
   g90: gray70Hover,
   g100: gray70Hover,
 };
@@ -232,8 +232,8 @@ export const tagColorCoolGray = {
 };
 
 export const tagHoverCoolGray = {
-  whiteTheme: coolGray30,
-  g10: coolGray30,
+  whiteTheme: coolGray20Hover,
+  g10: coolGray20Hover,
   g90: coolGray70Hover,
   g100: coolGray70Hover,
 };
@@ -253,8 +253,8 @@ export const tagColorWarmGray = {
 };
 
 export const tagHoverWarmGray = {
-  whiteTheme: warmGray30,
-  g10: warmGray30,
+  whiteTheme: warmGray20Hover,
+  g10: warmGray20Hover,
   g90: warmGray70Hover,
   g100: warmGray70Hover,
 };

package/umd/index.js

@@ -3925,8 +3925,8 @@
     g100: colors$1.red20
   };
   var tagHoverRed = {
-    whiteTheme: colors$1.red30,
-    g10: colors$1.red30,
+    whiteTheme: colors$1.red20Hover,
+    g10: colors$1.red20Hover,
     g90: colors$1.red70Hover,
     g100: colors$1.red70Hover
   };
@@ -3943,8 +3943,8 @@
     g100: colors$1.magenta20
   };
   var tagHoverMagenta = {
-    whiteTheme: colors$1.magenta30,
-    g10: colors$1.magenta30,
+    whiteTheme: colors$1.magenta20Hover,
+    g10: colors$1.magenta20Hover,
     g90: colors$1.magenta70Hover,
     g100: colors$1.magenta70Hover
   };
@@ -3961,8 +3961,8 @@
     g100: colors$1.purple20
   };
   var tagHoverPurple = {
-    whiteTheme: colors$1.purple30,
-    g10: colors$1.purple30,
+    whiteTheme: colors$1.purple20Hover,
+    g10: colors$1.purple20Hover,
     g90: colors$1.purple70Hover,
     g100: colors$1.purple70Hover
   };
@@ -3979,8 +3979,8 @@
     g100: colors$1.blue20
   };
   var tagHoverBlue = {
-    whiteTheme: colors$1.blue30,
-    g10: colors$1.blue30,
+    whiteTheme: colors$1.blue20Hover,
+    g10: colors$1.blue20Hover,
     g90: colors$1.blue70Hover,
     g100: colors$1.blue70Hover
   };
@@ -3997,8 +3997,8 @@
     g100: colors$1.cyan20
   };
   var tagHoverCyan = {
-    whiteTheme: colors$1.cyan30,
-    g10: colors$1.cyan30,
+    whiteTheme: colors$1.cyan20Hover,
+    g10: colors$1.cyan20Hover,
     g90: colors$1.cyan70Hover,
     g100: colors$1.cyan70Hover
   };
@@ -4015,8 +4015,8 @@
     g100: colors$1.teal20
   };
   var tagHoverTeal = {
-    whiteTheme: colors$1.teal30,
-    g10: colors$1.teal30,
+    whiteTheme: colors$1.teal20Hover,
+    g10: colors$1.teal20Hover,
     g90: colors$1.teal70Hover,
     g100: colors$1.teal70Hover
   };
@@ -4033,8 +4033,8 @@
     g100: colors$1.green20
   };
   var tagHoverGreen = {
-    whiteTheme: colors$1.green30,
-    g10: colors$1.green30,
+    whiteTheme: colors$1.green20Hover,
+    g10: colors$1.green20Hover,
     g90: colors$1.green70Hover,
     g100: colors$1.green70Hover
   };
@@ -4051,8 +4051,8 @@
     g100: colors$1.gray20
   };
   var tagHoverGray = {
-    whiteTheme: colors$1.gray30,
-    g10: colors$1.gray30,
+    whiteTheme: colors$1.gray20Hover,
+    g10: colors$1.gray20Hover,
     g90: colors$1.gray70Hover,
     g100: colors$1.gray70Hover
   };
@@ -4069,8 +4069,8 @@
     g100: colors$1.coolGray20
   };
   var tagHoverCoolGray = {
-    whiteTheme: colors$1.coolGray30,
-    g10: colors$1.coolGray30,
+    whiteTheme: colors$1.coolGray20Hover,
+    g10: colors$1.coolGray20Hover,
     g90: colors$1.coolGray70Hover,
     g100: colors$1.coolGray70Hover
   };
@@ -4087,8 +4087,8 @@
     g100: colors$1.warmGray20
   };
   var tagHoverWarmGray = {
-    whiteTheme: colors$1.warmGray30,
-    g10: colors$1.warmGray30,
+    whiteTheme: colors$1.warmGray20Hover,
+    g10: colors$1.warmGray20Hover,
     g90: colors$1.warmGray70Hover,
     g100: colors$1.warmGray70Hover
   };