@carbon/themes 10.50.0 → 10.51.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "10.50.0",
+  "version": "10.51.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,15 +29,15 @@
     "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && babel-node --presets '@babel/preset-env' tasks/build.js && carbon-cli check \"scss/*.scss\""
   },
   "dependencies": {
-    "@carbon/colors": "^10.35.0",
-    "@carbon/layout": "^10.35.0",
-    "@carbon/type": "^10.40.0",
+    "@carbon/colors": "^10.36.0-rc.0",
+    "@carbon/layout": "^10.36.0-rc.0",
+    "@carbon/type": "^10.41.0-rc.0",
     "color": "^3.1.2"
   },
   "devDependencies": {
     "@babel/node": "^7.16.7",
     "@babel/preset-env": "^7.16.7",
-    "@carbon/cli": "^10.32.0",
+    "@carbon/cli": "^10.33.0-rc.0",
     "@carbon/cli-reporter": "^10.5.0",
     "@carbon/scss-generator": "^10.13.0",
     "@carbon/test-utils": "^10.21.0",
@@ -49,5 +49,5 @@
     "rimraf": "^3.0.0"
   },
   "sideEffects": false,
-  "gitHead": "e76c42ab78cbee043db643597b7b5d79bd387c9b"
+  "gitHead": "6f5bca3be0e19dc7590617c704a2834514b3176b"
 }

package/scss/modules/generated/_themes.scss

@@ -77,6 +77,8 @@ $white: (
   layer-selected-hover-03: #d1d1d1,
   layer-selected-inverse: #161616,
   link-inverse: #78a9ff,
+  link-inverse-active: #f4f4f4,
+  link-inverse-hover: #a6c8ff,
   link-primary: #0f62fe,
   link-primary-hover: #0043ce,
   link-secondary: #0043ce,
@@ -180,6 +182,8 @@ $g10: (
   layer-selected-hover-03: #d1d1d1,
   layer-selected-inverse: #161616,
   link-inverse: #78a9ff,
+  link-inverse-active: #f4f4f4,
+  link-inverse-hover: #a6c8ff,
   link-primary: #0f62fe,
   link-primary-hover: #0043ce,
   link-secondary: #0043ce,
@@ -283,6 +287,8 @@ $g90: (
   layer-selected-hover-03: #7a7a7a,
   layer-selected-inverse: #f4f4f4,
   link-inverse: #0f62fe,
+  link-inverse-active: #161616,
+  link-inverse-hover: #0043ce,
   link-primary: #78a9ff,
   link-primary-hover: #a6c8ff,
   link-secondary: #a6c8ff,
@@ -386,6 +392,8 @@ $g100: (
   layer-selected-hover-03: #5e5e5e,
   layer-selected-inverse: #f4f4f4,
   link-inverse: #0f62fe,
+  link-inverse-active: #161616,
+  link-inverse-hover: #0043ce,
   link-primary: #78a9ff,
   link-primary-hover: #a6c8ff,
   link-secondary: #a6c8ff,

package/scss/modules/generated/_tokens.scss

@@ -217,11 +217,17 @@ $link-primary-hover: _get('link-primary-hover') !default;
 /// The CSS Custom Property for the `link-secondary` token
 $link-secondary: _get('link-secondary') !default;
 
+/// The CSS Custom Property for the `link-visited` token
+$link-visited: _get('link-visited') !default;
+
 /// The CSS Custom Property for the `link-inverse` token
 $link-inverse: _get('link-inverse') !default;
 
-/// The CSS Custom Property for the `link-visited` token
-$link-visited: _get('link-visited') !default;
+/// The CSS Custom Property for the `link-inverse-active` token
+$link-inverse-active: _get('link-inverse-active') !default;
+
+/// The CSS Custom Property for the `link-inverse-hover` token
+$link-inverse-hover: _get('link-inverse-hover') !default;
 
 /// The CSS Custom Property for the `icon-primary` token
 $icon-primary: _get('icon-primary') !default;

package/src/next/g10.js

@@ -8,6 +8,7 @@
 import {
   // Blue
   blue20,
+  blue30,
   blue40,
   blue60,
   blue70,
@@ -153,6 +154,8 @@ export const linkPrimaryHover = blue70;
 export const linkSecondary = blue70;
 export const linkInverse = blue40;
 export const linkVisited = purple60;
+export const linkInverseActive = gray10;
+export const linkInverseHover = blue30;
 
 // Icon
 export const iconPrimary = gray100;

package/src/next/g100.js

@@ -162,6 +162,8 @@ export const linkPrimaryHover = blue30;
 export const linkSecondary = blue30;
 export const linkInverse = blue60;
 export const linkVisited = purple40;
+export const linkInverseActive = gray100;
+export const linkInverseHover = blue70;
 
 // Icon
 export const iconPrimary = gray10;

package/src/next/g90.js

@@ -161,6 +161,8 @@ export const linkPrimaryHover = blue30;
 export const linkSecondary = blue30;
 export const linkInverse = blue60;
 export const linkVisited = purple40;
+export const linkInverseActive = gray100;
+export const linkInverseHover = blue70;
 
 // Icon
 export const iconPrimary = gray10;

package/src/next/tokens/v11TokenGroup.js

@@ -253,11 +253,13 @@ export const link = TokenGroup.create({
       name: 'link-primary-hover',
     },
     'link-secondary',
-    'link-inverse',
     {
       state: 'visited',
       name: 'link-visited',
     },
+    'link-inverse',
+    'link-inverse-active',
+    'link-inverse-hover',
   ],
 });
 

package/src/next/white.js

@@ -8,6 +8,7 @@
 import {
   // Blue
   blue20,
+  blue30,
   blue40,
   blue60,
   blue70,
@@ -153,6 +154,8 @@ export const linkPrimaryHover = blue70;
 export const linkSecondary = blue70;
 export const linkInverse = blue40;
 export const linkVisited = purple60;
+export const linkInverseActive = gray10;
+export const linkInverseHover = blue30;
 
 // Icon
 export const iconPrimary = gray100;