@carbon/themes 10.11.2 → 10.13.0

package/docs/sass.md

@@ -2818,7 +2818,7 @@ $text-02: if(
       'text-02'
     ),
   map-get($carbon--theme, 'text-02'),
-  #393939
+  #525252
 );
 ```
 
@@ -4548,7 +4548,7 @@ $productive-heading-03: if(
   (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 1.625rem,
+    line-height: 1.75rem,
     letter-spacing: 0,
   )
 );
@@ -4744,7 +4744,7 @@ $expressive-heading-03: if(
   (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 130%,
+    line-height: 140%,
     letter-spacing: 0,
     breakpoints: (
       xlg: (

package/es/index.js

@@ -66,7 +66,7 @@ function _objectSpread2(target) {
 
 function adjustLightness(token, shift) {
   var original = Color(token).hsl().object();
-  return Color(_objectSpread2({}, original, {
+  return Color(_objectSpread2(_objectSpread2({}, original), {}, {
     l: original.l += shift
   })).round().hex().toLowerCase();
 }
@@ -88,7 +88,7 @@ var ui03 = gray20;
 var ui04 = gray50;
 var ui05 = gray100;
 var text01 = gray100;
-var text02 = gray80;
+var text02 = gray70;
 var text03 = gray40;
 var text04 = white;
 var text05 = gray60;
@@ -293,7 +293,7 @@ var ui03$1 = gray20;
 var ui04$1 = gray50;
 var ui05$1 = gray100;
 var text01$1 = gray100;
-var text02$1 = gray80;
+var text02$1 = gray70;
 var text03$1 = gray40;
 var text04$1 = white;
 var text05$1 = gray60;

package/lib/index.js

@@ -70,7 +70,7 @@ function _objectSpread2(target) {
 
 function adjustLightness(token, shift) {
   var original = Color(token).hsl().object();
-  return Color(_objectSpread2({}, original, {
+  return Color(_objectSpread2(_objectSpread2({}, original), {}, {
     l: original.l += shift
   })).round().hex().toLowerCase();
 }
@@ -92,7 +92,7 @@ var ui03 = colors.gray20;
 var ui04 = colors.gray50;
 var ui05 = colors.gray100;
 var text01 = colors.gray100;
-var text02 = colors.gray80;
+var text02 = colors.gray70;
 var text03 = colors.gray40;
 var text04 = colors.white;
 var text05 = colors.gray60;
@@ -297,7 +297,7 @@ var ui03$1 = colors.gray20;
 var ui04$1 = colors.gray50;
 var ui05$1 = colors.gray100;
 var text01$1 = colors.gray100;
-var text02$1 = colors.gray80;
+var text02$1 = colors.gray70;
 var text03$1 = colors.gray40;
 var text04$1 = colors.white;
 var text05$1 = colors.gray60;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "10.11.2",
+  "version": "10.13.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -24,21 +24,21 @@
     "build": "yarn clean && bundler bundle src/index.js --name CarbonThemes && node tasks/build.js && bundler check \"scss/*.scss\" && bundler sassdoc \"scss/**/*.scss\""
   },
   "dependencies": {
-    "@carbon/colors": "^10.9.2",
-    "@carbon/layout": "^10.9.2",
-    "@carbon/type": "^10.10.2",
+    "@carbon/colors": "^10.10.0",
+    "@carbon/layout": "^10.10.0",
+    "@carbon/type": "^10.11.0",
     "color": "^3.1.2"
   },
   "devDependencies": {
     "@carbon/cli-reporter": "^10.3.0",
-    "@carbon/scss-generator": "^10.7.0",
-    "@carbon/test-utils": "^10.8.2",
+    "@carbon/scss-generator": "^10.8.0",
+    "@carbon/test-utils": "^10.9.0",
     "change-case": "^4.1.1",
-    "core-js": "^3.0.1",
+    "core-js": "^3.6.5",
     "fs-extra": "^8.1.0",
     "js-yaml": "^3.13.0",
     "node-sass": "^4.13.1",
     "rimraf": "^3.0.0"
   },
-  "gitHead": "cfd0ba01acd634c767515d9a5198031e83708e99"
+  "gitHead": "2863dbcf312ed9942e2e5d8f094b9e280c2f2e8c"
 }

package/scss/generated/_themes.scss

@@ -18,7 +18,7 @@ $carbon--theme--white: (
   ui-04: #8d8d8d,
   ui-05: #161616,
   text-01: #161616,
-  text-02: #393939,
+  text-02: #525252,
   text-03: #a8a8a8,
   text-04: #ffffff,
   text-05: #6f6f6f,
@@ -161,7 +161,7 @@ $carbon--theme--white: (
   productive-heading-03: (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 1.625rem,
+    line-height: 1.75rem,
     letter-spacing: 0,
   ),
   productive-heading-04: (
@@ -203,7 +203,7 @@ $carbon--theme--white: (
   expressive-heading-03: (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 130%,
+    line-height: 140%,
     letter-spacing: 0,
     breakpoints: (
       xlg: (

package/scss/generated/_tokens.scss

@@ -135,7 +135,7 @@ $text-02: if(
   global-variable-exists('carbon--theme') and
     map-has-key($carbon--theme, 'text-02'),
   map-get($carbon--theme, 'text-02'),
-  #393939
+  #525252
 ) !default;
 
 /// Placeholder text
@@ -941,7 +941,7 @@ $productive-heading-03: if(
   (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 1.625rem,
+    line-height: 1.75rem,
     letter-spacing: 0,
   )
 ) !default;
@@ -1046,7 +1046,7 @@ $expressive-heading-03: if(
   (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 130%,
+    line-height: 140%,
     letter-spacing: 0,
     breakpoints: (
       xlg: (

package/src/g10.js

@@ -56,7 +56,7 @@ export const ui04 = gray50;
 export const ui05 = gray100;
 
 export const text01 = gray100;
-export const text02 = gray80;
+export const text02 = gray70;
 export const text03 = gray40;
 export const text04 = white;
 export const text05 = gray60;

package/src/white.js

@@ -56,7 +56,7 @@ export const ui04 = gray50;
 export const ui05 = gray100;
 
 export const text01 = gray100;
-export const text02 = gray80;
+export const text02 = gray70;
 export const text03 = gray40;
 export const text04 = white;
 export const text05 = gray60;

package/umd/index.js

@@ -67,7 +67,7 @@
 
   function adjustLightness(token, shift) {
     var original = Color(token).hsl().object();
-    return Color(_objectSpread2({}, original, {
+    return Color(_objectSpread2(_objectSpread2({}, original), {}, {
       l: original.l += shift
     })).round().hex().toLowerCase();
   }
@@ -89,7 +89,7 @@
   var ui04 = colors.gray50;
   var ui05 = colors.gray100;
   var text01 = colors.gray100;
-  var text02 = colors.gray80;
+  var text02 = colors.gray70;
   var text03 = colors.gray40;
   var text04 = colors.white;
   var text05 = colors.gray60;
@@ -294,7 +294,7 @@
   var ui04$1 = colors.gray50;
   var ui05$1 = colors.gray100;
   var text01$1 = colors.gray100;
-  var text02$1 = colors.gray80;
+  var text02$1 = colors.gray70;
   var text03$1 = colors.gray40;
   var text04$1 = colors.white;
   var text05$1 = colors.gray60;