@carbon/themes 11.42.0 → 11.43.0-rc.0

package/README.md

@@ -114,9 +114,9 @@ Licensed under the [Apache 2.0 License](/LICENSE).
 
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
 
-This package uses IBM Telemetry to collect metrics data. By installing this
-package as a dependency you are agreeing to telemetry collection. To opt out,
-see
+This package uses IBM Telemetry to collect de-identified and anonymized metrics
+data. By installing this package as a dependency you are agreeing to telemetry
+collection. To opt out, see
 [Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
 For more information on the data being collected, please see the
 [IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

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, yellow10, 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, magenta20Hover, magenta70Hover, purple20, purple70, purple20Hover, purple70Hover, blue20Hover, blue70Hover, cyan20, cyan70, cyan20Hover, cyan70Hover, teal20, teal70, teal20Hover, teal70Hover, green20, green70, 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';
@@ -4274,8 +4274,8 @@ var tagBackgroundRed = {
   g100: red70
 };
 var tagColorRed = {
-  whiteTheme: red80,
-  g10: red80,
+  whiteTheme: red70,
+  g10: red70,
   g90: red20,
   g100: red20
 };
@@ -4292,8 +4292,8 @@ var tagBackgroundMagenta = {
   g100: magenta70
 };
 var tagColorMagenta = {
-  whiteTheme: magenta80,
-  g10: magenta80,
+  whiteTheme: magenta70,
+  g10: magenta70,
   g90: magenta20,
   g100: magenta20
 };
@@ -4310,8 +4310,8 @@ var tagBackgroundPurple = {
   g100: purple70
 };
 var tagColorPurple = {
-  whiteTheme: purple80,
-  g10: purple80,
+  whiteTheme: purple70,
+  g10: purple70,
   g90: purple20,
   g100: purple20
 };
@@ -4328,8 +4328,8 @@ var tagBackgroundBlue = {
   g100: blue70
 };
 var tagColorBlue = {
-  whiteTheme: blue80,
-  g10: blue80,
+  whiteTheme: blue70,
+  g10: blue70,
   g90: blue20,
   g100: blue20
 };
@@ -4346,8 +4346,8 @@ var tagBackgroundCyan = {
   g100: cyan70
 };
 var tagColorCyan = {
-  whiteTheme: cyan80,
-  g10: cyan80,
+  whiteTheme: cyan70,
+  g10: cyan70,
   g90: cyan20,
   g100: cyan20
 };
@@ -4364,8 +4364,8 @@ var tagBackgroundTeal = {
   g100: teal70
 };
 var tagColorTeal = {
-  whiteTheme: teal80,
-  g10: teal80,
+  whiteTheme: teal70,
+  g10: teal70,
   g90: teal20,
   g100: teal20
 };
@@ -4382,8 +4382,8 @@ var tagBackgroundGreen = {
   g100: green70
 };
 var tagColorGreen = {
-  whiteTheme: green80,
-  g10: green80,
+  whiteTheme: green70,
+  g10: green70,
   g90: green20,
   g100: green20
 };

package/lib/index.js

@@ -4280,8 +4280,8 @@ var tagBackgroundRed = {
   g100: colors$1.red70
 };
 var tagColorRed = {
-  whiteTheme: colors$1.red80,
-  g10: colors$1.red80,
+  whiteTheme: colors$1.red70,
+  g10: colors$1.red70,
   g90: colors$1.red20,
   g100: colors$1.red20
 };
@@ -4298,8 +4298,8 @@ var tagBackgroundMagenta = {
   g100: colors$1.magenta70
 };
 var tagColorMagenta = {
-  whiteTheme: colors$1.magenta80,
-  g10: colors$1.magenta80,
+  whiteTheme: colors$1.magenta70,
+  g10: colors$1.magenta70,
   g90: colors$1.magenta20,
   g100: colors$1.magenta20
 };
@@ -4316,8 +4316,8 @@ var tagBackgroundPurple = {
   g100: colors$1.purple70
 };
 var tagColorPurple = {
-  whiteTheme: colors$1.purple80,
-  g10: colors$1.purple80,
+  whiteTheme: colors$1.purple70,
+  g10: colors$1.purple70,
   g90: colors$1.purple20,
   g100: colors$1.purple20
 };
@@ -4334,8 +4334,8 @@ var tagBackgroundBlue = {
   g100: colors$1.blue70
 };
 var tagColorBlue = {
-  whiteTheme: colors$1.blue80,
-  g10: colors$1.blue80,
+  whiteTheme: colors$1.blue70,
+  g10: colors$1.blue70,
   g90: colors$1.blue20,
   g100: colors$1.blue20
 };
@@ -4352,8 +4352,8 @@ var tagBackgroundCyan = {
   g100: colors$1.cyan70
 };
 var tagColorCyan = {
-  whiteTheme: colors$1.cyan80,
-  g10: colors$1.cyan80,
+  whiteTheme: colors$1.cyan70,
+  g10: colors$1.cyan70,
   g90: colors$1.cyan20,
   g100: colors$1.cyan20
 };
@@ -4370,8 +4370,8 @@ var tagBackgroundTeal = {
   g100: colors$1.teal70
 };
 var tagColorTeal = {
-  whiteTheme: colors$1.teal80,
-  g10: colors$1.teal80,
+  whiteTheme: colors$1.teal70,
+  g10: colors$1.teal70,
   g90: colors$1.teal20,
   g100: colors$1.teal20
 };
@@ -4388,8 +4388,8 @@ var tagBackgroundGreen = {
   g100: colors$1.green70
 };
 var tagColorGreen = {
-  whiteTheme: colors$1.green80,
-  g10: colors$1.green80,
+  whiteTheme: colors$1.green70,
+  g10: colors$1.green70,
   g90: colors$1.green20,
   g100: colors$1.green20
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "11.42.0",
+  "version": "11.43.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,16 +31,16 @@
     "postinstall": "ibmtelemetry --config=telemetry.yml"
   },
   "dependencies": {
-    "@carbon/colors": "^11.27.0",
-    "@carbon/layout": "^11.27.0",
-    "@carbon/type": "^11.32.0",
+    "@carbon/colors": "^11.28.0-rc.0",
+    "@carbon/layout": "^11.28.0-rc.0",
+    "@carbon/type": "^11.33.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.22.0",
+    "@carbon/cli": "^11.23.0-rc.0",
     "@carbon/cli-reporter": "^10.7.0",
     "@carbon/scss-generator": "^10.18.0",
     "@carbon/test-utils": "^10.33.0",
@@ -51,5 +51,5 @@
     "rimraf": "^6.0.0"
   },
   "sideEffects": false,
-  "gitHead": "a4e466817cb1f68711d5691468dd12a6756c275e"
+  "gitHead": "e48f5e6815bd93e518e8da73c7555590b85cda22"
 }

package/scss/generated/_tag-tokens.scss

@@ -149,8 +149,8 @@ $tag-border-warm-gray: (
 ) !default;
 
 $tag-color-blue: (
-  white-theme: #002d9c,
-  g-10: #002d9c,
+  white-theme: #0043ce,
+  g-10: #0043ce,
   g-90: #d0e2ff,
   g-100: #d0e2ff,
 ) !default;
@@ -163,8 +163,8 @@ $tag-color-cool-gray: (
 ) !default;
 
 $tag-color-cyan: (
-  white-theme: #003a6d,
-  g-10: #003a6d,
+  white-theme: #00539a,
+  g-10: #00539a,
   g-90: #bae6ff,
   g-100: #bae6ff,
 ) !default;
@@ -177,36 +177,36 @@ $tag-color-gray: (
 ) !default;
 
 $tag-color-green: (
-  white-theme: #044317,
-  g-10: #044317,
+  white-theme: #0e6027,
+  g-10: #0e6027,
   g-90: #a7f0ba,
   g-100: #a7f0ba,
 ) !default;
 
 $tag-color-magenta: (
-  white-theme: #740937,
-  g-10: #740937,
+  white-theme: #9f1853,
+  g-10: #9f1853,
   g-90: #ffd6e8,
   g-100: #ffd6e8,
 ) !default;
 
 $tag-color-purple: (
-  white-theme: #491d8b,
-  g-10: #491d8b,
+  white-theme: #6929c4,
+  g-10: #6929c4,
   g-90: #e8daff,
   g-100: #e8daff,
 ) !default;
 
 $tag-color-red: (
-  white-theme: #750e13,
-  g-10: #750e13,
+  white-theme: #a2191f,
+  g-10: #a2191f,
   g-90: #ffd7d9,
   g-100: #ffd7d9,
 ) !default;
 
 $tag-color-teal: (
-  white-theme: #004144,
-  g-10: #004144,
+  white-theme: #005d5d,
+  g-10: #005d5d,
   g-90: #9ef0f0,
   g-100: #9ef0f0,
 ) !default;

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

@@ -82,8 +82,8 @@ export const tagBackgroundRed = {
 };
 
 export const tagColorRed = {
-  whiteTheme: red80,
-  g10: red80,
+  whiteTheme: red70,
+  g10: red70,
   g90: red20,
   g100: red20,
 };
@@ -103,8 +103,8 @@ export const tagBackgroundMagenta = {
 };
 
 export const tagColorMagenta = {
-  whiteTheme: magenta80,
-  g10: magenta80,
+  whiteTheme: magenta70,
+  g10: magenta70,
   g90: magenta20,
   g100: magenta20,
 };
@@ -124,8 +124,8 @@ export const tagBackgroundPurple = {
 };
 
 export const tagColorPurple = {
-  whiteTheme: purple80,
-  g10: purple80,
+  whiteTheme: purple70,
+  g10: purple70,
   g90: purple20,
   g100: purple20,
 };
@@ -145,8 +145,8 @@ export const tagBackgroundBlue = {
 };
 
 export const tagColorBlue = {
-  whiteTheme: blue80,
-  g10: blue80,
+  whiteTheme: blue70,
+  g10: blue70,
   g90: blue20,
   g100: blue20,
 };
@@ -166,8 +166,8 @@ export const tagBackgroundCyan = {
 };
 
 export const tagColorCyan = {
-  whiteTheme: cyan80,
-  g10: cyan80,
+  whiteTheme: cyan70,
+  g10: cyan70,
   g90: cyan20,
   g100: cyan20,
 };
@@ -185,8 +185,8 @@ export const tagBackgroundTeal = {
   g100: teal70,
 };
 export const tagColorTeal = {
-  whiteTheme: teal80,
-  g10: teal80,
+  whiteTheme: teal70,
+  g10: teal70,
   g90: teal20,
   g100: teal20,
 };
@@ -206,8 +206,8 @@ export const tagBackgroundGreen = {
 };
 
 export const tagColorGreen = {
-  whiteTheme: green80,
-  g10: green80,
+  whiteTheme: green70,
+  g10: green70,
   g90: green20,
   g100: green20,
 };

package/telemetry.yml

@@ -1,7 +1,7 @@
 # yaml-language-server: $schema=https://unpkg.com/@ibm/telemetry-config-schema@v1/dist/config.schema.json
 version: 1
 projectId: a56e8642-350a-4ee1-8e04-711cf16f3508
-endpoint: https://collector-prod.1am6wm210aow.us-south.codeengine.appdomain.cloud/v1/metrics
+endpoint: https://www-api.ibm.com/ibm-telemetry/v1/metrics
 collect:
   npm:
     dependencies: null

package/umd/index.js

@@ -4277,8 +4277,8 @@
     g100: colors$1.red70
   };
   var tagColorRed = {
-    whiteTheme: colors$1.red80,
-    g10: colors$1.red80,
+    whiteTheme: colors$1.red70,
+    g10: colors$1.red70,
     g90: colors$1.red20,
     g100: colors$1.red20
   };
@@ -4295,8 +4295,8 @@
     g100: colors$1.magenta70
   };
   var tagColorMagenta = {
-    whiteTheme: colors$1.magenta80,
-    g10: colors$1.magenta80,
+    whiteTheme: colors$1.magenta70,
+    g10: colors$1.magenta70,
     g90: colors$1.magenta20,
     g100: colors$1.magenta20
   };
@@ -4313,8 +4313,8 @@
     g100: colors$1.purple70
   };
   var tagColorPurple = {
-    whiteTheme: colors$1.purple80,
-    g10: colors$1.purple80,
+    whiteTheme: colors$1.purple70,
+    g10: colors$1.purple70,
     g90: colors$1.purple20,
     g100: colors$1.purple20
   };
@@ -4331,8 +4331,8 @@
     g100: colors$1.blue70
   };
   var tagColorBlue = {
-    whiteTheme: colors$1.blue80,
-    g10: colors$1.blue80,
+    whiteTheme: colors$1.blue70,
+    g10: colors$1.blue70,
     g90: colors$1.blue20,
     g100: colors$1.blue20
   };
@@ -4349,8 +4349,8 @@
     g100: colors$1.cyan70
   };
   var tagColorCyan = {
-    whiteTheme: colors$1.cyan80,
-    g10: colors$1.cyan80,
+    whiteTheme: colors$1.cyan70,
+    g10: colors$1.cyan70,
     g90: colors$1.cyan20,
     g100: colors$1.cyan20
   };
@@ -4367,8 +4367,8 @@
     g100: colors$1.teal70
   };
   var tagColorTeal = {
-    whiteTheme: colors$1.teal80,
-    g10: colors$1.teal80,
+    whiteTheme: colors$1.teal70,
+    g10: colors$1.teal70,
     g90: colors$1.teal20,
     g100: colors$1.teal20
   };
@@ -4385,8 +4385,8 @@
     g100: colors$1.green70
   };
   var tagColorGreen = {
-    whiteTheme: colors$1.green80,
-    g10: colors$1.green80,
+    whiteTheme: colors$1.green70,
+    g10: colors$1.green70,
     g90: colors$1.green20,
     g100: colors$1.green20
   };