carbon-react 101.0.2 → 101.0.3

package/lib/style/design-tokens/debug-theme.util.js

@@ -38,14 +38,15 @@ const debugTheme = themeProperties => Object.fromEntries(Object.entries(themePro
   }
 
   if (typeof value === "object") {
-    return [key, debugTheme(value)];
+    return key === "compatibility" ? [key, value] : [key, debugTheme(value)];
   }
 
   return [key, ""];
 }));
 
 var _default = { ...debugTheme(_mint.default),
-  ..._common.default,
+  compatibility: { ..._common.default
+  },
   name: "sage-debug"
 };
 exports.default = _default;

package/lib/style/themes/base/base-theme.config.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
+
 var _atOpacity = _interopRequireDefault(require("../../utils/at-opacity"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -340,7 +342,7 @@ var _default = palette => {
     },
 
     get compatibility() {
-      return {
+      return { ..._common.default,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
         colorsActionDisabled500: this.disabled.background,

package/lib/style/themes/sage/index.js

@@ -12,7 +12,8 @@ var _index = _interopRequireDefault(require("../mint/index"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = { ..._index.default,
-  ..._common.default,
+  compatibility: { ..._common.default
+  },
   name: "sage (experimental)"
 };
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "101.0.2",
+  "version": "101.0.3",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {