@carbon/charts 0.41.89 → 0.41.93

package/styles/vendor/@carbon/type/lib/index.js

@@ -146,45 +146,18 @@ function getTypeSize(step) {
 
 var scale = [12, 14, 16, 18, 20, 24, 28, 32, 36, 42, 48, 54, 60, 68, 76, 84, 92, 102, 112, 122, 132, 144, 156];
 
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-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);
   }
 
@@ -211,6 +184,37 @@ function _objectSpread2(target) {
   return target;
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+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 _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -247,112 +251,129 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var caption01 = {
+var caption01$1 = {
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
-var label01 = {
+var caption02$1 = {
+  fontSize: layout.rem(scale[1]),
+  fontWeight: fontWeights.regular,
+  lineHeight: 1.29,
+  letterSpacing: layout.px(0.32)
+};
+var label01$1 = {
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
-var helperText01 = {
+var label02$1 = {
+  fontSize: layout.rem(scale[1]),
+  fontWeight: fontWeights.regular,
+  lineHeight: 1.29,
+  letterSpacing: layout.px(0.32)
+};
+var helperText01$1 = {
   fontSize: layout.rem(scale[0]),
   lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
-var bodyShort01 = {
+var helperText02$1 = {
+  fontSize: layout.rem(scale[1]),
+  lineHeight: 1.29,
+  letterSpacing: layout.px(0.32)
+};
+var bodyShort01$1 = {
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.29,
   letterSpacing: layout.px(0.16)
 };
-var bodyLong01 = {
+var bodyLong01$1 = {
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.43,
   letterSpacing: layout.px(0.16)
 };
-var bodyShort02 = {
+var bodyShort02$1 = {
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.375,
   letterSpacing: 0
 };
-var bodyLong02 = {
+var bodyLong02$1 = {
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.5,
   letterSpacing: 0
 };
-var code01 = {
+var code01$1 = {
   fontFamily: fontFamilies.mono,
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
-var code02 = {
+var code02$1 = {
   fontFamily: fontFamilies.mono,
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.43,
   letterSpacing: layout.px(0.32)
 };
-var heading01 = {
+var heading01$1 = {
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.semibold,
   lineHeight: 1.29,
   letterSpacing: layout.px(0.16)
 };
-var productiveHeading01 = heading01;
-var heading02 = {
+var productiveHeading01$1 = heading01$1;
+var heading02$1 = {
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.semibold,
   lineHeight: 1.375,
   letterSpacing: 0
 };
-var productiveHeading02 = heading02;
-var productiveHeading03 = {
+var productiveHeading02$1 = heading02$1;
+var productiveHeading03$1 = {
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.4,
   letterSpacing: 0
 };
-var productiveHeading04 = {
+var productiveHeading04$1 = {
   fontSize: layout.rem(scale[6]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.29,
   letterSpacing: 0
 };
-var productiveHeading05 = {
+var productiveHeading05$1 = {
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.25,
   letterSpacing: 0
 };
-var productiveHeading06 = {
+var productiveHeading06$1 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.light,
   lineHeight: 1.199,
   letterSpacing: 0
 };
-var productiveHeading07 = {
+var productiveHeading07$1 = {
   fontSize: layout.rem(scale[11]),
   fontWeight: fontWeights.light,
   lineHeight: 1.19,
   letterSpacing: 0
 };
-var expressiveHeading01 = _objectSpread2(_objectSpread2({}, heading01), {}, {
+var expressiveHeading01$1 = _objectSpread2(_objectSpread2({}, heading01$1), {}, {
   lineHeight: 1.25
 });
-var expressiveHeading02 = _objectSpread2(_objectSpread2({}, heading02), {}, {
+var expressiveHeading02$1 = _objectSpread2(_objectSpread2({}, heading02$1), {}, {
   lineHeight: 1.5
 });
-var expressiveHeading03 = {
+var expressiveHeading03$1 = {
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.4,
@@ -368,7 +389,7 @@ var expressiveHeading03 = {
     }
   }
 };
-var expressiveHeading04 = {
+var expressiveHeading04$1 = {
   fontSize: layout.rem(scale[6]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.29,
@@ -383,7 +404,7 @@ var expressiveHeading04 = {
     }
   }
 };
-var expressiveHeading05 = {
+var expressiveHeading05$1 = {
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.25,
@@ -414,7 +435,7 @@ var expressiveHeading05 = {
     }
   }
 };
-var expressiveHeading06 = {
+var expressiveHeading06$1 = {
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.semibold,
   lineHeight: 1.25,
@@ -445,7 +466,7 @@ var expressiveHeading06 = {
     }
   }
 };
-var expressiveParagraph01 = {
+var expressiveParagraph01$1 = {
   fontSize: layout.rem(scale[5]),
   fontWeight: fontWeights.light,
   lineHeight: 1.334,
@@ -461,7 +482,7 @@ var expressiveParagraph01 = {
     }
   }
 };
-var quotation01 = {
+var quotation01$1 = {
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.3,
@@ -492,7 +513,7 @@ var quotation01 = {
     }
   }
 };
-var quotation02 = {
+var quotation02$1 = {
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.light,
   lineHeight: 1.25,
@@ -515,7 +536,7 @@ var quotation02 = {
     }
   }
 };
-var display01 = {
+var display01$1 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.light,
   lineHeight: 1.19,
@@ -537,7 +558,7 @@ var display01 = {
     }
   }
 };
-var display02 = {
+var display02$1 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.semibold,
   lineHeight: 1.19,
@@ -559,7 +580,7 @@ var display02 = {
     }
   }
 };
-var display03 = {
+var display03$1 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.light,
   lineHeight: 1.19,
@@ -585,7 +606,7 @@ var display03 = {
     }
   }
 };
-var display04 = {
+var display04$1 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.semibold,
   lineHeight: 1.19,
@@ -615,39 +636,43 @@ var display04 = {
 
 var styles = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  caption01: caption01,
-  label01: label01,
-  helperText01: helperText01,
-  bodyShort01: bodyShort01,
-  bodyLong01: bodyLong01,
-  bodyShort02: bodyShort02,
-  bodyLong02: bodyLong02,
-  code01: code01,
-  code02: code02,
-  heading01: heading01,
-  productiveHeading01: productiveHeading01,
-  heading02: heading02,
-  productiveHeading02: productiveHeading02,
-  productiveHeading03: productiveHeading03,
-  productiveHeading04: productiveHeading04,
-  productiveHeading05: productiveHeading05,
-  productiveHeading06: productiveHeading06,
-  productiveHeading07: productiveHeading07,
-  expressiveHeading01: expressiveHeading01,
-  expressiveHeading02: expressiveHeading02,
-  expressiveHeading03: expressiveHeading03,
-  expressiveHeading04: expressiveHeading04,
-  expressiveHeading05: expressiveHeading05,
-  expressiveHeading06: expressiveHeading06,
-  expressiveParagraph01: expressiveParagraph01,
-  quotation01: quotation01,
-  quotation02: quotation02,
-  display01: display01,
-  display02: display02,
-  display03: display03,
-  display04: display04
+  caption01: caption01$1,
+  caption02: caption02$1,
+  label01: label01$1,
+  label02: label02$1,
+  helperText01: helperText01$1,
+  helperText02: helperText02$1,
+  bodyShort01: bodyShort01$1,
+  bodyLong01: bodyLong01$1,
+  bodyShort02: bodyShort02$1,
+  bodyLong02: bodyLong02$1,
+  code01: code01$1,
+  code02: code02$1,
+  heading01: heading01$1,
+  productiveHeading01: productiveHeading01$1,
+  heading02: heading02$1,
+  productiveHeading02: productiveHeading02$1,
+  productiveHeading03: productiveHeading03$1,
+  productiveHeading04: productiveHeading04$1,
+  productiveHeading05: productiveHeading05$1,
+  productiveHeading06: productiveHeading06$1,
+  productiveHeading07: productiveHeading07$1,
+  expressiveHeading01: expressiveHeading01$1,
+  expressiveHeading02: expressiveHeading02$1,
+  expressiveHeading03: expressiveHeading03$1,
+  expressiveHeading04: expressiveHeading04$1,
+  expressiveHeading05: expressiveHeading05$1,
+  expressiveHeading06: expressiveHeading06$1,
+  expressiveParagraph01: expressiveParagraph01$1,
+  quotation01: quotation01$1,
+  quotation02: quotation02$1,
+  display01: display01$1,
+  display02: display02$1,
+  display03: display03$1,
+  display04: display04$1
 });
 
+var _excluded = ["breakpoints"];
 var breakpointNames = Object.keys(layout.breakpoints);
 
 function next(name) {
@@ -656,7 +681,7 @@ function next(name) {
 
 function fluid(selector) {
   var fluidBreakpoints = selector.breakpoints,
-      styles = _objectWithoutProperties(selector, ["breakpoints"]);
+      styles = _objectWithoutProperties(selector, _excluded);
 
   if (_typeof(fluidBreakpoints) !== 'object') {
     return styles;
@@ -722,77 +747,83 @@ function subtract(a, b) {
  * LICENSE file in the root directory of this source tree.
  */
 // Unstable tokens
-var caption01$1 = 'caption01';
-var label01$1 = 'label01';
-var helperText01$1 = 'helperText01';
-var bodyShort01$1 = 'bodyShort01';
-var bodyLong01$1 = 'bodyLong01';
-var bodyShort02$1 = 'bodyShort02';
-var bodyLong02$1 = 'bodyLong02';
-var code01$1 = 'code01';
-var code02$1 = 'code02';
-var heading01$1 = 'heading01';
-var productiveHeading01$1 = 'productiveHeading01';
-var heading02$1 = 'heading02';
-var productiveHeading02$1 = 'productiveHeading02';
-var productiveHeading03$1 = 'productiveHeading03';
-var productiveHeading04$1 = 'productiveHeading04';
-var productiveHeading05$1 = 'productiveHeading05';
-var productiveHeading06$1 = 'productiveHeading06';
-var productiveHeading07$1 = 'productiveHeading07';
-var expressiveHeading01$1 = 'expressiveHeading01';
-var expressiveHeading02$1 = 'expressiveHeading02';
-var expressiveHeading03$1 = 'expressiveHeading03';
-var expressiveHeading04$1 = 'expressiveHeading04';
-var expressiveHeading05$1 = 'expressiveHeading05';
-var expressiveHeading06$1 = 'expressiveHeading06';
-var expressiveParagraph01$1 = 'expressiveParagraph01';
-var quotation01$1 = 'quotation01';
-var quotation02$1 = 'quotation02';
-var display01$1 = 'display01';
-var display02$1 = 'display02';
-var display03$1 = 'display03';
-var display04$1 = 'display04';
-var unstable_tokens = [caption01$1, label01$1, helperText01$1, bodyShort01$1, bodyLong01$1, bodyShort02$1, bodyLong02$1, code01$1, code02$1, heading01$1, productiveHeading01$1, heading02$1, productiveHeading02$1, productiveHeading03$1, productiveHeading04$1, productiveHeading05$1, productiveHeading06$1, productiveHeading07$1, expressiveHeading01$1, expressiveHeading02$1, expressiveHeading03$1, expressiveHeading04$1, expressiveHeading05$1, expressiveHeading06$1, expressiveParagraph01$1, quotation01$1, quotation02$1, display01$1, display02$1, display03$1, display04$1];
-
-exports.bodyLong01 = bodyLong01;
-exports.bodyLong02 = bodyLong02;
-exports.bodyShort01 = bodyShort01;
-exports.bodyShort02 = bodyShort02;
-exports.caption01 = caption01;
-exports.code01 = code01;
-exports.code02 = code02;
-exports.display01 = display01;
-exports.display02 = display02;
-exports.display03 = display03;
-exports.display04 = display04;
-exports.expressiveHeading01 = expressiveHeading01;
-exports.expressiveHeading02 = expressiveHeading02;
-exports.expressiveHeading03 = expressiveHeading03;
-exports.expressiveHeading04 = expressiveHeading04;
-exports.expressiveHeading05 = expressiveHeading05;
-exports.expressiveHeading06 = expressiveHeading06;
-exports.expressiveParagraph01 = expressiveParagraph01;
+var caption01 = 'caption01';
+var caption02 = 'caption02';
+var label01 = 'label01';
+var label02 = 'label02';
+var helperText01 = 'helperText01';
+var helperText02 = 'helperText02';
+var bodyShort01 = 'bodyShort01';
+var bodyLong01 = 'bodyLong01';
+var bodyShort02 = 'bodyShort02';
+var bodyLong02 = 'bodyLong02';
+var code01 = 'code01';
+var code02 = 'code02';
+var heading01 = 'heading01';
+var productiveHeading01 = 'productiveHeading01';
+var heading02 = 'heading02';
+var productiveHeading02 = 'productiveHeading02';
+var productiveHeading03 = 'productiveHeading03';
+var productiveHeading04 = 'productiveHeading04';
+var productiveHeading05 = 'productiveHeading05';
+var productiveHeading06 = 'productiveHeading06';
+var productiveHeading07 = 'productiveHeading07';
+var expressiveHeading01 = 'expressiveHeading01';
+var expressiveHeading02 = 'expressiveHeading02';
+var expressiveHeading03 = 'expressiveHeading03';
+var expressiveHeading04 = 'expressiveHeading04';
+var expressiveHeading05 = 'expressiveHeading05';
+var expressiveHeading06 = 'expressiveHeading06';
+var expressiveParagraph01 = 'expressiveParagraph01';
+var quotation01 = 'quotation01';
+var quotation02 = 'quotation02';
+var display01 = 'display01';
+var display02 = 'display02';
+var display03 = 'display03';
+var display04 = 'display04';
+var unstable_tokens = [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];
+
+exports.bodyLong01 = bodyLong01$1;
+exports.bodyLong02 = bodyLong02$1;
+exports.bodyShort01 = bodyShort01$1;
+exports.bodyShort02 = bodyShort02$1;
+exports.caption01 = caption01$1;
+exports.caption02 = caption02$1;
+exports.code01 = code01$1;
+exports.code02 = code02$1;
+exports.display01 = display01$1;
+exports.display02 = display02$1;
+exports.display03 = display03$1;
+exports.display04 = display04$1;
+exports.expressiveHeading01 = expressiveHeading01$1;
+exports.expressiveHeading02 = expressiveHeading02$1;
+exports.expressiveHeading03 = expressiveHeading03$1;
+exports.expressiveHeading04 = expressiveHeading04$1;
+exports.expressiveHeading05 = expressiveHeading05$1;
+exports.expressiveHeading06 = expressiveHeading06$1;
+exports.expressiveParagraph01 = expressiveParagraph01$1;
 exports.fluid = fluid;
 exports.fontFamilies = fontFamilies;
 exports.fontFamily = fontFamily;
 exports.fontWeight = fontWeight;
 exports.fontWeights = fontWeights;
 exports.getTypeSize = getTypeSize;
-exports.heading01 = heading01;
-exports.heading02 = heading02;
-exports.helperText01 = helperText01;
-exports.label01 = label01;
+exports.heading01 = heading01$1;
+exports.heading02 = heading02$1;
+exports.helperText01 = helperText01$1;
+exports.helperText02 = helperText02$1;
+exports.label01 = label01$1;
+exports.label02 = label02$1;
 exports.print = print;
-exports.productiveHeading01 = productiveHeading01;
-exports.productiveHeading02 = productiveHeading02;
-exports.productiveHeading03 = productiveHeading03;
-exports.productiveHeading04 = productiveHeading04;
-exports.productiveHeading05 = productiveHeading05;
-exports.productiveHeading06 = productiveHeading06;
-exports.productiveHeading07 = productiveHeading07;
-exports.quotation01 = quotation01;
-exports.quotation02 = quotation02;
+exports.productiveHeading01 = productiveHeading01$1;
+exports.productiveHeading02 = productiveHeading02$1;
+exports.productiveHeading03 = productiveHeading03$1;
+exports.productiveHeading04 = productiveHeading04$1;
+exports.productiveHeading05 = productiveHeading05$1;
+exports.productiveHeading06 = productiveHeading06$1;
+exports.productiveHeading07 = productiveHeading07$1;
+exports.quotation01 = quotation01$1;
+exports.quotation02 = quotation02$1;
 exports.reset = reset;
 exports.scale = scale;
 exports.styles = styles;

package/styles/vendor/@carbon/type/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.24.0",
+  "version": "10.32.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,11 +37,11 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.21.0"
+    "@carbon/layout": "^10.28.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.21.0",
-    "@carbon/test-utils": "^10.15.0",
+    "@carbon/cli": "^10.26.0",
+    "@carbon/test-utils": "^10.16.0",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
   },
@@ -51,5 +51,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "9d5ddba624d9cc7afe54717fd430228349c043e3"
+  "gitHead": "388008d11f2996c262303445a2e26453cbda9261"
 }

package/styles/vendor/@carbon/type/scss/_inlined/_reset.scss

@@ -28,9 +28,9 @@
     @include carbon--font-weight('regular');
 
     font-family: $body-font-family;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
   }
 
   code {

package/styles/vendor/@carbon/type/scss/_inlined/_styles.scss

@@ -19,6 +19,16 @@ $caption-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$caption-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -29,6 +39,16 @@ $label-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$label-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -38,6 +58,16 @@ $helper-text-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$helper-text-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -488,8 +518,11 @@ $display-04: (
 /// @group @carbon/type
 $tokens: (
   caption-01: $caption-01,
+  caption-02: $caption-02,
   label-01: $label-01,
+  label-02: $label-02,
   helper-text-01: $helper-text-01,
+  helper-text-02: $helper-text-02,
   body-short-01: $body-short-01,
   body-short-02: $body-short-02,
   body-long-01: $body-long-01,
@@ -696,13 +729,14 @@ $custom-property-prefix: 'cds' !default;
 
   // If $fluid is set to true and the token has breakpoints defined for fluid
   // styles, delegate to the fluid-type helper for the given token
+  // Otherwise remove token breakpoints
   @if $fluid == true and map-has-key($token, 'breakpoints') {
     @include fluid-type($token, $breakpoints);
   } @else {
     @if global-variable-exists('feature-flags') and
       map-get($feature-flags, 'enable-css-custom-properties')
     {
-      @include custom-properties($name, $token);
+      @include custom-properties($name, map-remove($token, 'breakpoints'));
     } @else {
       // Otherwise, we just include all the property declarations directly on the
       // selector