@carbon/charts 0.41.48 → 0.41.52

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

@@ -147,6 +147,8 @@ 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;
@@ -248,132 +250,133 @@ function _objectWithoutProperties(source, excluded) {
 var caption01 = {
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(16),
+  lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
 var label01 = {
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(16),
+  lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
 var helperText01 = {
   fontSize: layout.rem(scale[0]),
-  lineHeight: layout.rem(16),
+  lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
 var bodyShort01 = {
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(18),
+  lineHeight: 1.29,
   letterSpacing: layout.px(0.16)
 };
 var bodyLong01 = {
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(20),
+  lineHeight: 1.43,
   letterSpacing: layout.px(0.16)
 };
 var bodyShort02 = {
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(22),
+  lineHeight: 1.375,
   letterSpacing: 0
 };
 var bodyLong02 = {
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(24),
+  lineHeight: 1.5,
   letterSpacing: 0
 };
 var code01 = {
   fontFamily: fontFamilies.mono,
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(16),
+  lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
 var code02 = {
   fontFamily: fontFamilies.mono,
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(20),
+  lineHeight: 1.43,
   letterSpacing: layout.px(0.32)
 };
 var heading01 = {
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.semibold,
-  lineHeight: layout.rem(18),
+  lineHeight: 1.29,
   letterSpacing: layout.px(0.16)
 };
 var productiveHeading01 = heading01;
 var heading02 = {
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.semibold,
-  lineHeight: layout.rem(22),
+  lineHeight: 1.375,
   letterSpacing: 0
 };
 var productiveHeading02 = heading02;
 var productiveHeading03 = {
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(26),
+  lineHeight: 1.4,
   letterSpacing: 0
 };
 var productiveHeading04 = {
   fontSize: layout.rem(scale[6]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(36),
+  lineHeight: 1.29,
   letterSpacing: 0
 };
 var productiveHeading05 = {
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.regular,
-  lineHeight: layout.rem(40),
+  lineHeight: 1.25,
   letterSpacing: 0
 };
 var productiveHeading06 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.light,
-  lineHeight: layout.rem(50),
+  lineHeight: 1.199,
   letterSpacing: 0
 };
 var productiveHeading07 = {
   fontSize: layout.rem(scale[11]),
   fontWeight: fontWeights.light,
-  lineHeight: layout.rem(64),
+  lineHeight: 1.19,
   letterSpacing: 0
 };
-var expressiveHeading01 = _objectSpread2({}, heading01, {
-  lineHeight: layout.rem(20)
+var expressiveHeading01 = _objectSpread2(_objectSpread2({}, heading01), {}, {
+  lineHeight: 1.25
 });
-var expressiveHeading02 = _objectSpread2({}, heading02, {
-  lineHeight: layout.rem(24)
+var expressiveHeading02 = _objectSpread2(_objectSpread2({}, heading02), {}, {
+  lineHeight: 1.5
 });
 var expressiveHeading03 = {
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
-  lineHeight: '130%',
+  lineHeight: 1.4,
   letterSpacing: 0,
   breakpoints: {
     xlg: {
       fontSize: layout.rem(scale[4]),
-      lineHeight: '125%'
+      lineHeight: 1.25
     },
     max: {
-      fontSize: layout.rem(scale[5])
+      fontSize: layout.rem(scale[5]),
+      lineHeight: 1.334
     }
   }
 };
 var expressiveHeading04 = {
   fontSize: layout.rem(scale[6]),
   fontWeight: fontWeights.regular,
-  lineHeight: '129%',
+  lineHeight: 1.29,
   letterSpacing: 0,
   breakpoints: {
     xlg: {
       fontSize: layout.rem(scale[6]),
-      lineHeight: '125%'
+      lineHeight: 1.25
     },
     max: {
       fontSize: layout.rem(scale[7])
@@ -383,31 +386,30 @@ var expressiveHeading04 = {
 var expressiveHeading05 = {
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.regular,
-  lineHeight: '125%',
+  lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: layout.rem(scale[8]),
       fontWeight: fontWeights.light,
-      lineHeight: '122%',
+      lineHeight: 1.22,
       letterSpacing: 0
     },
     lg: {
       fontSize: layout.rem(scale[9]),
       fontWeight: fontWeights.light,
-      lineHeight: '119%',
+      lineHeight: 1.19,
       letterSpacing: 0
     },
     xlg: {
       fontSize: layout.rem(scale[10]),
       fontWeight: fontWeights.light,
-      lineHeight: '117%',
+      lineHeight: 1.17,
       letterSpacing: 0
     },
     max: {
       fontSize: layout.rem(scale[12]),
       fontWeight: fontWeights.light,
-      lineHeight: layout.rem(70),
       letterSpacing: 0
     }
   }
@@ -415,31 +417,30 @@ var expressiveHeading05 = {
 var expressiveHeading06 = {
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.semibold,
-  lineHeight: '125%',
+  lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: layout.rem(scale[8]),
       fontWeight: fontWeights.semibold,
-      lineHeight: '122%',
+      lineHeight: 1.22,
       letterSpacing: 0
     },
     lg: {
       fontSize: layout.rem(scale[9]),
       fontWeight: fontWeights.semibold,
-      lineHeight: '119%',
+      lineHeight: 1.19,
       letterSpacing: 0
     },
     xlg: {
       fontSize: layout.rem(scale[10]),
       fontWeight: fontWeights.semibold,
-      lineHeight: '117%',
+      lineHeight: 1.17,
       letterSpacing: 0
     },
     max: {
       fontSize: layout.rem(scale[12]),
       fontWeight: fontWeights.semibold,
-      lineHeight: layout.rem(70),
       letterSpacing: 0
     }
   }
@@ -447,21 +448,23 @@ var expressiveHeading06 = {
 var expressiveParagraph01 = {
   fontSize: layout.rem(scale[5]),
   fontWeight: fontWeights.light,
-  lineHeight: '125%',
+  lineHeight: 1.334,
   letterSpacing: 0,
-  lg: {
-    fontSize: layout.rem(scale[6]),
-    lineHeight: '129%'
-  },
-  max: {
-    fontSize: layout.rem(scale[7]),
-    lineHeight: '125%'
+  breakpoints: {
+    lg: {
+      fontSize: layout.rem(scale[6]),
+      lineHeight: 1.29
+    },
+    max: {
+      fontSize: layout.rem(scale[7]),
+      lineHeight: 1.25
+    }
   }
 };
 var quotation01 = {
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
-  lineHeight: '130%',
+  lineHeight: 1.3,
   letterSpacing: 0,
   breakpoints: {
     md: {
@@ -472,19 +475,19 @@ var quotation01 = {
     lg: {
       fontSize: layout.rem(scale[5]),
       fontWeight: fontWeights.regular,
-      lineHeight: '125%',
+      lineHeight: 1.334,
       letterSpacing: 0
     },
     xlg: {
       fontSize: layout.rem(scale[6]),
       fontWeight: fontWeights.regular,
-      lineHeight: '129%',
+      lineHeight: 1.29,
       letterSpacing: 0
     },
     max: {
       fontSize: layout.rem(scale[7]),
       fontWeight: fontWeights.regular,
-      lineHeight: '125%',
+      lineHeight: 1.25,
       letterSpacing: 0
     }
   }
@@ -492,20 +495,20 @@ var quotation01 = {
 var quotation02 = {
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.light,
-  lineHeight: '125%',
+  lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: layout.rem(scale[8]),
-      lineHeight: '122%'
+      lineHeight: 1.22
     },
     lg: {
       fontSize: layout.rem(scale[9]),
-      lineHeight: '119%'
+      lineHeight: 1.19
     },
     xlg: {
       fontSize: layout.rem(scale[10]),
-      lineHeight: '117%'
+      lineHeight: 1.17
     },
     max: {
       fontSize: layout.rem(scale[12])
@@ -515,7 +518,7 @@ var quotation02 = {
 var display01 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.light,
-  lineHeight: '119%',
+  lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {
     md: {
@@ -526,18 +529,18 @@ var display01 = {
     },
     xlg: {
       fontSize: layout.rem(scale[12]),
-      lineHeight: '117%'
+      lineHeight: 1.17
     },
     max: {
       fontSize: layout.rem(scale[14]),
-      lineHeight: '113%'
+      lineHeight: 1.13
     }
   }
 };
 var display02 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.semibold,
-  lineHeight: '119%',
+  lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {
     md: {
@@ -548,36 +551,36 @@ var display02 = {
     },
     xlg: {
       fontSize: layout.rem(scale[12]),
-      lineHeight: '116%'
+      lineHeight: 1.16
     },
     max: {
       fontSize: layout.rem(scale[14]),
-      lineHeight: '113%'
+      lineHeight: 1.13
     }
   }
 };
 var display03 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.light,
-  lineHeight: '119%',
+  lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: layout.rem(scale[13]),
-      lineHeight: '115%'
+      lineHeight: 1.15
     },
     lg: {
       fontSize: layout.rem(scale[16]),
-      lineHeight: '111%',
+      lineHeight: 1.11,
       letterSpacing: layout.px(-0.64)
     },
     xlg: {
       fontSize: layout.rem(scale[19]),
-      lineHeight: '107%'
+      lineHeight: 1.07
     },
     max: {
       fontSize: layout.rem(scale[22]),
-      lineHeight: '105%',
+      lineHeight: 1.05,
       letterSpacing: layout.px(-0.96)
     }
   }
@@ -585,32 +588,33 @@ var display03 = {
 var display04 = {
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.semibold,
-  lineHeight: '119%',
+  lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: layout.rem(scale[13]),
-      lineHeight: '115%'
+      lineHeight: 1.15
     },
     lg: {
       fontSize: layout.rem(scale[16]),
-      lineHeight: '111%',
+      lineHeight: 1.11,
       letterSpacing: layout.px(-0.64)
     },
     xlg: {
       fontSize: layout.rem(scale[19]),
-      lineHeight: '107%',
+      lineHeight: 1.07,
       letterSpacing: layout.px(-0.64)
     },
     max: {
       fontSize: layout.rem(scale[22]),
-      lineHeight: '105%',
+      lineHeight: 1.05,
       letterSpacing: layout.px(-0.96)
     }
   }
 };
 
 var styles = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   caption01: caption01,
   label01: label01,
   helperText01: helperText01,
@@ -666,7 +670,7 @@ function fluid(selector) {
 
   styles.fontSize = fluidTypeSize(styles, 'sm', fluidBreakpoints);
   fluidBreakpointNames.forEach(function (name) {
-    styles[layout.breakpoint(name)] = _objectSpread2({}, fluidBreakpoints[name], {
+    styles[layout.breakpoint(name)] = _objectSpread2(_objectSpread2({}, fluidBreakpoints[name]), {}, {
       fontSize: fluidTypeSize(styles, name, fluidBreakpoints)
     });
   });
@@ -717,54 +721,79 @@ function subtract(a, b) {
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var unstable_tokens = ['caption01', 'label01', 'helperText01', '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'];
+// 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];
 
-/**
- * Copyright IBM Corp. 2018, 2018
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-exports.fontFamilies = fontFamilies;
-exports.fontFamily = fontFamily;
-exports.fontWeights = fontWeights;
-exports.fontWeight = fontWeight;
-exports.print = print;
-exports.reset = reset;
-exports.getTypeSize = getTypeSize;
-exports.scale = scale;
-exports.styles = styles;
-exports.fluid = fluid;
-exports.caption01 = caption01;
-exports.label01 = label01;
-exports.helperText01 = helperText01;
-exports.bodyShort01 = bodyShort01;
 exports.bodyLong01 = bodyLong01;
-exports.bodyShort02 = bodyShort02;
 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;
+exports.fluid = fluid;
+exports.fontFamilies = fontFamilies;
+exports.fontFamily = fontFamily;
+exports.fontWeight = fontWeight;
+exports.fontWeights = fontWeights;
+exports.getTypeSize = getTypeSize;
 exports.heading01 = heading01;
-exports.productiveHeading01 = productiveHeading01;
 exports.heading02 = heading02;
+exports.helperText01 = helperText01;
+exports.label01 = label01;
+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.expressiveHeading01 = expressiveHeading01;
-exports.expressiveHeading02 = expressiveHeading02;
-exports.expressiveHeading03 = expressiveHeading03;
-exports.expressiveHeading04 = expressiveHeading04;
-exports.expressiveHeading05 = expressiveHeading05;
-exports.expressiveHeading06 = expressiveHeading06;
-exports.expressiveParagraph01 = expressiveParagraph01;
 exports.quotation01 = quotation01;
 exports.quotation02 = quotation02;
-exports.display01 = display01;
-exports.display02 = display02;
-exports.display03 = display03;
-exports.display04 = display04;
+exports.reset = reset;
+exports.scale = scale;
+exports.styles = styles;
 exports.unstable_tokens = unstable_tokens;

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

@@ -1,11 +1,15 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.9.1",
+  "version": "10.24.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/type",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/carbon-design-system/carbon.git",
+    "directory": "packages/type"
+  },
   "bugs": "https://github.com/carbon-design-system/carbon/issues",
   "files": [
     "es",
@@ -28,16 +32,16 @@
     "access": "public"
   },
   "scripts": {
-    "build": "yarn clean && bundler bundle src/index.js --name CarbonType && bundler sassdoc \"scss/**/*.scss\" -i \"**/{_inlined,vendor}**\" && bundler inline && bundler check \"scss/*.scss\"",
+    "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonType && carbon-cli inline && carbon-cli check \"scss/*.scss\"",
     "clean": "rimraf css es lib umd scss/_inlined scss/vendor"
   },
   "dependencies": {
-    "@carbon/import-once": "^10.3.0",
-    "@carbon/layout": "^10.8.1"
+    "@carbon/import-once": "^10.6.0",
+    "@carbon/layout": "^10.21.0"
   },
   "devDependencies": {
-    "@carbon/bundler": "^10.6.0",
-    "@carbon/test-utils": "^10.7.0",
+    "@carbon/cli": "^10.21.0",
+    "@carbon/test-utils": "^10.15.0",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
   },
@@ -47,5 +51,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "7d43dabaf011f2bcc70798b96c30173f7fc54e44"
+  "gitHead": "9d5ddba624d9cc7afe54717fd430228349c043e3"
 }

package/styles/vendor/@carbon/type/scss/_font-family.scss

@@ -23,7 +23,7 @@ $carbon--font-families: (
       "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif"
     ),
   'serif': unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
-);
+) !default;
 
 /// Get the font-family for an IBM Plex font
 /// @param {String} $name
@@ -50,7 +50,7 @@ $carbon--font-weights: (
   'light': 300,
   'regular': 400,
   'semibold': 600,
-);
+) !default;
 
 /// Retrieve the font-weight value for a given name
 /// @param {String} $weight

package/styles/vendor/@carbon/type/scss/_inlined/_font-family.scss

@@ -23,7 +23,7 @@ $carbon--font-families: (
       "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif"
     ),
   'serif': unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
-);
+) !default;
 
 /// Get the font-family for an IBM Plex font
 /// @param {String} $name
@@ -50,7 +50,7 @@ $carbon--font-weights: (
   'light': 300,
   'regular': 400,
   'semibold': 600,
-);
+) !default;
 
 /// Retrieve the font-weight value for a given name
 /// @param {String} $weight

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

@@ -10,18 +10,18 @@
 @import 'styles';
 
 /// Include a type reset for a given body and mono font family
-/// @param {Number} $base-font-size [$carbon--base-font-size] - The base font size for your document
 /// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element
 /// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
 /// @access public
 /// @group @carbon/type
 @mixin carbon--type-reset(
+  // TODO: remove in next major release. This has been replaced with 100%
   $base-font-size: $carbon--base-font-size,
   $body-font-family: carbon--font-family('sans'),
   $mono-font-family: carbon--font-family('mono')
 ) {
   html {
-    font-size: $base-font-size;
+    font-size: 100%;
   }
 
   body {
@@ -75,7 +75,13 @@
   }
 
   a {
-    color: #0062ff;
+    @if global-variable-exists('carbon--theme') and
+      map-has-key($carbon--theme, 'link-01')
+    {
+      color: map-get($carbon--theme, 'link-01');
+    } @else {
+      color: #0062fe;
+    }
   }
 
   em {