@carbon/themes 10.33.0 → 10.35.0

package/lib/index.js

@@ -11,29 +11,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var Color__default = /*#__PURE__*/_interopDefaultLegacy(Color);
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
     keys.push.apply(keys, symbols);
   }
 
@@ -60,6 +49,21 @@ function _objectSpread2(target) {
   return target;
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 /**
  * Adjust a given token's lightness by a specified percentage
  * Example: token = hsl(10, 10, 10);
@@ -110,7 +114,7 @@ var field02$5 = colors$1.white;
 var inverse01$5 = colors$1.white;
 var inverse02$5 = colors$1.gray80;
 var support01$5 = colors$1.red60;
-var support02$5 = colors$1.green50;
+var support02$5 = colors$1.green60;
 var support03$5 = colors$1.yellow;
 var support04$5 = colors$1.blue70;
 var inverseSupport01$5 = colors$1.red50;
@@ -155,6 +159,8 @@ var skeleton02$5 = colors$1.gray30; // New color tokens
 var background$5 = uiBackground$5;
 var layer$5 = ui01$5;
 var layerAccent$5 = ui03$5;
+var layerAccentActive$5 = colors$1.gray40;
+var layerAccentHover$5 = adjustLightness(layerAccent$5, -6);
 var field$5 = field01$5;
 var backgroundInverse$5 = inverse02$5;
 var backgroundBrand$5 = interactive01$5;
@@ -305,6 +311,8 @@ var white = /*#__PURE__*/Object.freeze({
   background: background$5,
   layer: layer$5,
   layerAccent: layerAccent$5,
+  layerAccentActive: layerAccentActive$5,
+  layerAccentHover: layerAccentHover$5,
   field: field$5,
   backgroundInverse: backgroundInverse$5,
   backgroundBrand: backgroundBrand$5,
@@ -383,8 +391,11 @@ var white = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$5,
   danger: danger$5,
   caption01: type.caption01,
+  caption02: type.caption02,
   label01: type.label01,
+  label02: type.label02,
   helperText01: type.helperText01,
+  helperText02: type.helperText02,
   bodyShort01: type.bodyShort01,
   bodyLong01: type.bodyLong01,
   bodyShort02: type.bodyShort02,
@@ -442,6 +453,12 @@ var white = /*#__PURE__*/Object.freeze({
   container03: layout.container03,
   container04: layout.container04,
   container05: layout.container05,
+  sizeXSmall: layout.sizeXSmall,
+  sizeSmall: layout.sizeSmall,
+  sizeMedium: layout.sizeMedium,
+  sizeLarge: layout.sizeLarge,
+  sizeXLarge: layout.sizeXLarge,
+  size2XLarge: layout.size2XLarge,
   iconSize01: layout.iconSize01,
   iconSize02: layout.iconSize02
 });
@@ -479,7 +496,7 @@ var field02$4 = colors$1.gray10;
 var inverse01$4 = colors$1.white;
 var inverse02$4 = colors$1.gray80;
 var support01$4 = colors$1.red60;
-var support02$4 = colors$1.green50;
+var support02$4 = colors$1.green60;
 var support03$4 = colors$1.yellow;
 var support04$4 = colors$1.blue70;
 var inverseSupport01$4 = colors$1.red50;
@@ -524,6 +541,8 @@ var skeleton02$4 = colors$1.gray30; // New color tokens
 var background$4 = uiBackground$4;
 var layer$4 = ui01$4;
 var layerAccent$4 = ui03$4;
+var layerAccentActive$4 = colors$1.gray40;
+var layerAccentHover$4 = adjustLightness(layerAccent$4, -6);
 var field$4 = field01$4;
 var backgroundInverse$4 = inverse02$4;
 var backgroundBrand$4 = interactive01$4;
@@ -674,6 +693,8 @@ var g10 = /*#__PURE__*/Object.freeze({
   background: background$4,
   layer: layer$4,
   layerAccent: layerAccent$4,
+  layerAccentActive: layerAccentActive$4,
+  layerAccentHover: layerAccentHover$4,
   field: field$4,
   backgroundInverse: backgroundInverse$4,
   backgroundBrand: backgroundBrand$4,
@@ -752,8 +773,11 @@ var g10 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$4,
   danger: danger$4,
   caption01: type.caption01,
+  caption02: type.caption02,
   label01: type.label01,
+  label02: type.label02,
   helperText01: type.helperText01,
+  helperText02: type.helperText02,
   bodyShort01: type.bodyShort01,
   bodyLong01: type.bodyLong01,
   bodyShort02: type.bodyShort02,
@@ -811,6 +835,12 @@ var g10 = /*#__PURE__*/Object.freeze({
   container03: layout.container03,
   container04: layout.container04,
   container05: layout.container05,
+  sizeXSmall: layout.sizeXSmall,
+  sizeSmall: layout.sizeSmall,
+  sizeMedium: layout.sizeMedium,
+  sizeLarge: layout.sizeLarge,
+  sizeXLarge: layout.sizeXLarge,
+  size2XLarge: layout.size2XLarge,
   iconSize01: layout.iconSize01,
   iconSize02: layout.iconSize02
 });
@@ -893,6 +923,8 @@ var skeleton02$3 = colors$1.gray70; // New color tokens
 var background$3 = uiBackground$3;
 var layer$3 = ui01$3;
 var layerAccent$3 = ui03$3;
+var layerAccentActive$3 = colors$1.gray60;
+var layerAccentHover$3 = adjustLightness(layerAccent$3, +6);
 var field$3 = field01$3;
 var backgroundInverse$3 = inverse02$3;
 var backgroundBrand$3 = interactive01$3;
@@ -1043,6 +1075,8 @@ var g100 = /*#__PURE__*/Object.freeze({
   background: background$3,
   layer: layer$3,
   layerAccent: layerAccent$3,
+  layerAccentActive: layerAccentActive$3,
+  layerAccentHover: layerAccentHover$3,
   field: field$3,
   backgroundInverse: backgroundInverse$3,
   backgroundBrand: backgroundBrand$3,
@@ -1121,8 +1155,11 @@ var g100 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$3,
   danger: danger$3,
   caption01: type.caption01,
+  caption02: type.caption02,
   label01: type.label01,
+  label02: type.label02,
   helperText01: type.helperText01,
+  helperText02: type.helperText02,
   bodyShort01: type.bodyShort01,
   bodyLong01: type.bodyLong01,
   bodyShort02: type.bodyShort02,
@@ -1180,6 +1217,12 @@ var g100 = /*#__PURE__*/Object.freeze({
   container03: layout.container03,
   container04: layout.container04,
   container05: layout.container05,
+  sizeXSmall: layout.sizeXSmall,
+  sizeSmall: layout.sizeSmall,
+  sizeMedium: layout.sizeMedium,
+  sizeLarge: layout.sizeLarge,
+  sizeXLarge: layout.sizeXLarge,
+  size2XLarge: layout.size2XLarge,
   iconSize01: layout.iconSize01,
   iconSize02: layout.iconSize02
 });
@@ -1195,6 +1238,8 @@ var g100 = /*#__PURE__*/Object.freeze({
 var background$2 = colors$1.gray80;
 var layer$2 = colors$1.gray70;
 var layerAccent$2 = colors$1.gray60;
+var layerAccentActive$2 = colors$1.gray70;
+var layerAccentHover$2 = adjustLightness(layerAccent$2, -7);
 var field$2 = colors$1.gray70;
 var backgroundInverse$2 = colors$1.gray10;
 var backgroundBrand$2 = colors$1.blue60;
@@ -1349,6 +1394,8 @@ var g80 = /*#__PURE__*/Object.freeze({
   background: background$2,
   layer: layer$2,
   layerAccent: layerAccent$2,
+  layerAccentActive: layerAccentActive$2,
+  layerAccentHover: layerAccentHover$2,
   field: field$2,
   backgroundInverse: backgroundInverse$2,
   backgroundBrand: backgroundBrand$2,
@@ -1493,8 +1540,11 @@ var g80 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$2,
   danger: danger$2,
   caption01: type.caption01,
+  caption02: type.caption02,
   label01: type.label01,
+  label02: type.label02,
   helperText01: type.helperText01,
+  helperText02: type.helperText02,
   bodyShort01: type.bodyShort01,
   bodyLong01: type.bodyLong01,
   bodyShort02: type.bodyShort02,
@@ -1552,6 +1602,12 @@ var g80 = /*#__PURE__*/Object.freeze({
   container03: layout.container03,
   container04: layout.container04,
   container05: layout.container05,
+  sizeXSmall: layout.sizeXSmall,
+  sizeSmall: layout.sizeSmall,
+  sizeMedium: layout.sizeMedium,
+  sizeLarge: layout.sizeLarge,
+  sizeXLarge: layout.sizeXLarge,
+  size2XLarge: layout.size2XLarge,
   iconSize01: layout.iconSize01,
   iconSize02: layout.iconSize02
 });
@@ -1634,6 +1690,8 @@ var skeleton02$1 = colors$1.gray70; // New color tokens
 var background$1 = uiBackground$1;
 var layer$1 = ui01$1;
 var layerAccent$1 = ui03$1;
+var layerAccentActive$1 = colors$1.gray50;
+var layerAccentHover$1 = adjustLightness(layerAccent$1, +7);
 var field$1 = field01$1;
 var backgroundInverse$1 = inverse02$1;
 var backgroundBrand$1 = interactive01$1;
@@ -1784,6 +1842,8 @@ var g90 = /*#__PURE__*/Object.freeze({
   background: background$1,
   layer: layer$1,
   layerAccent: layerAccent$1,
+  layerAccentActive: layerAccentActive$1,
+  layerAccentHover: layerAccentHover$1,
   field: field$1,
   backgroundInverse: backgroundInverse$1,
   backgroundBrand: backgroundBrand$1,
@@ -1862,8 +1922,11 @@ var g90 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$1,
   danger: danger$1,
   caption01: type.caption01,
+  caption02: type.caption02,
   label01: type.label01,
+  label02: type.label02,
   helperText01: type.helperText01,
+  helperText02: type.helperText02,
   bodyShort01: type.bodyShort01,
   bodyLong01: type.bodyLong01,
   bodyShort02: type.bodyShort02,
@@ -1921,6 +1984,12 @@ var g90 = /*#__PURE__*/Object.freeze({
   container03: layout.container03,
   container04: layout.container04,
   container05: layout.container05,
+  sizeXSmall: layout.sizeXSmall,
+  sizeSmall: layout.sizeSmall,
+  sizeMedium: layout.sizeMedium,
+  sizeLarge: layout.sizeLarge,
+  sizeXLarge: layout.sizeXLarge,
+  size2XLarge: layout.size2XLarge,
   iconSize01: layout.iconSize01,
   iconSize02: layout.iconSize02
 });
@@ -2003,6 +2072,8 @@ var skeleton02 = 'rgba(61, 112, 178, .1)'; // New color tokens
 var background = uiBackground;
 var layer = ui01;
 var layerAccent = ui03;
+var layerAccentActive = colors$1.gray40;
+var layerAccentHover = adjustLightness(layerAccent, -6);
 var field = field01;
 var backgroundInverse = inverse02;
 var backgroundBrand = interactive01;
@@ -2153,6 +2224,8 @@ var v9 = /*#__PURE__*/Object.freeze({
   background: background,
   layer: layer,
   layerAccent: layerAccent,
+  layerAccentActive: layerAccentActive,
+  layerAccentHover: layerAccentHover,
   field: field,
   backgroundInverse: backgroundInverse,
   backgroundBrand: backgroundBrand,
@@ -2231,8 +2304,11 @@ var v9 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField,
   danger: danger,
   caption01: type.caption01,
+  caption02: type.caption02,
   label01: type.label01,
+  label02: type.label02,
   helperText01: type.helperText01,
+  helperText02: type.helperText02,
   bodyShort01: type.bodyShort01,
   bodyLong01: type.bodyLong01,
   bodyShort02: type.bodyShort02,
@@ -2290,6 +2366,12 @@ var v9 = /*#__PURE__*/Object.freeze({
   container03: layout.container03,
   container04: layout.container04,
   container05: layout.container05,
+  sizeXSmall: layout.sizeXSmall,
+  sizeSmall: layout.sizeSmall,
+  sizeMedium: layout.sizeMedium,
+  sizeLarge: layout.sizeLarge,
+  sizeXLarge: layout.sizeXLarge,
+  size2XLarge: layout.size2XLarge,
   iconSize01: layout.iconSize01,
   iconSize02: layout.iconSize02
 });
@@ -2306,7 +2388,7 @@ var colors = [// Core
 'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'icon01', 'icon02', 'icon03', 'link01', 'link02', 'inverseLink', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', 'danger01', 'danger02', // Interactive states
 'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02', // New color tokens
 // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
-'background', 'layer', 'layerAccent', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'layerDisabled', 'fieldDisabled', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement', // Deprecated
+'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'layerDisabled', 'fieldDisabled', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement', // Deprecated
 'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
 var numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
 /**
@@ -2356,7 +2438,7 @@ var unstable__meta = {
   colors: [{
     type: 'core',
     tokens: ['uiBackground', 'interactive01', 'interactive02', 'interactive03', 'interactive04', 'brand01', 'brand02', 'brand03', 'danger', 'danger01', 'danger02', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'link01', 'link02', 'icon01', 'icon02', 'icon03', 'field01', 'field02', 'inverse01', 'inverse02', 'inverseLink', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', //new tokens
-    'background', 'layer', 'layerAccent', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary']
+    'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary']
   }, {
     type: 'interactive',
     tokens: ['focus', 'inverseFocusUi', 'hoverPrimary', 'hoverPrimaryText', 'hoverSecondary', 'hoverTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'hoverDanger', 'hoverRow', 'activePrimary', 'activeSecondary', 'activeTertiary', 'activeUI', 'activeLightUI', 'activeDanger', 'selectedUI', 'selectedLightUI', 'highlight', 'skeleton01', 'skeleton02', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'inverseHoverUI', 'active01', 'hoverField', 'decorative01', 'buttonSeparator', // new tokens
@@ -2410,6 +2492,12 @@ Object.defineProperty(exports, 'caption01', {
     return type.caption01;
   }
 });
+Object.defineProperty(exports, 'caption02', {
+  enumerable: true,
+  get: function () {
+    return type.caption02;
+  }
+});
 Object.defineProperty(exports, 'code01', {
   enumerable: true,
   get: function () {
@@ -2506,12 +2594,24 @@ Object.defineProperty(exports, 'helperText01', {
     return type.helperText01;
   }
 });
+Object.defineProperty(exports, 'helperText02', {
+  enumerable: true,
+  get: function () {
+    return type.helperText02;
+  }
+});
 Object.defineProperty(exports, 'label01', {
   enumerable: true,
   get: function () {
     return type.label01;
   }
 });
+Object.defineProperty(exports, 'label02', {
+  enumerable: true,
+  get: function () {
+    return type.label02;
+  }
+});
 Object.defineProperty(exports, 'productiveHeading01', {
   enumerable: true,
   get: function () {
@@ -2674,6 +2774,42 @@ Object.defineProperty(exports, 'layout07', {
     return layout.layout07;
   }
 });
+Object.defineProperty(exports, 'size2XLarge', {
+  enumerable: true,
+  get: function () {
+    return layout.size2XLarge;
+  }
+});
+Object.defineProperty(exports, 'sizeLarge', {
+  enumerable: true,
+  get: function () {
+    return layout.sizeLarge;
+  }
+});
+Object.defineProperty(exports, 'sizeMedium', {
+  enumerable: true,
+  get: function () {
+    return layout.sizeMedium;
+  }
+});
+Object.defineProperty(exports, 'sizeSmall', {
+  enumerable: true,
+  get: function () {
+    return layout.sizeSmall;
+  }
+});
+Object.defineProperty(exports, 'sizeXLarge', {
+  enumerable: true,
+  get: function () {
+    return layout.sizeXLarge;
+  }
+});
+Object.defineProperty(exports, 'sizeXSmall', {
+  enumerable: true,
+  get: function () {
+    return layout.sizeXSmall;
+  }
+});
 Object.defineProperty(exports, 'spacing01', {
   enumerable: true,
   get: function () {
@@ -2847,6 +2983,8 @@ exports.inverseSupport03 = inverseSupport03$5;
 exports.inverseSupport04 = inverseSupport04$5;
 exports.layer = layer$5;
 exports.layerAccent = layerAccent$5;
+exports.layerAccentActive = layerAccentActive$5;
+exports.layerAccentHover = layerAccentHover$5;
 exports.layerActive = layerActive$5;
 exports.layerDisabled = layerDisabled$5;
 exports.layerHover = layerHover$5;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "10.33.0",
+  "version": "10.35.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,16 +29,16 @@
     "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && node tasks/build.js && carbon-cli check \"scss/*.scss\""
   },
   "dependencies": {
-    "@carbon/colors": "^10.24.0",
-    "@carbon/layout": "^10.23.0",
-    "@carbon/type": "^10.27.0",
+    "@carbon/colors": "^10.26.0",
+    "@carbon/layout": "^10.25.0",
+    "@carbon/type": "^10.29.0",
     "color": "^3.1.2"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.22.0",
+    "@carbon/cli": "^10.24.0",
     "@carbon/cli-reporter": "^10.4.0",
     "@carbon/scss-generator": "^10.13.0",
-    "@carbon/test-utils": "^10.15.0",
+    "@carbon/test-utils": "^10.16.0",
     "change-case": "^4.1.1",
     "core-js": "^3.6.5",
     "fs-extra": "^8.1.0",
@@ -46,5 +46,5 @@
     "node-sass": "^4.13.1",
     "rimraf": "^3.0.0"
   },
-  "gitHead": "ee650dfb14b7428a1509fcef32db2438b9b9eb76"
+  "gitHead": "d02eacdefc2c94da1b7619a20df441e264bf884c"
 }