@carbon/charts 0.41.48 → 0.41.52

package/styles/vendor/@carbon/themes/es/index.js

@@ -1,4 +1,75 @@
-import { blue20, blue60, blue70, blue80, gray10, gray20, gray30, gray50, gray60, gray70, gray80, gray100, blue50, green40, green50, yellow, red50, red60, red80, purple60, white, rgba, blue30, blue40, gray90, purple40 } from '@carbon/colors';
+import Color from 'color';
+import { blue60, gray80, white as white$1, gray10, gray20, gray50, gray100, gray70, gray40, gray60, red60, blue70, blue40, green50, yellow, red50, green40, blue50, rgba, blue80, gray30, red80, purple60, blue20, blue10, gray90, red40, blue30, purple40, red30 } from '@carbon/colors';
+import { 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 } from '@carbon/type';
+export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, label01, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
+import { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, layout01, layout02, layout03, layout04, layout05, layout06, layout07, container01, container02, container03, container04, container05, iconSize01, iconSize02, unstable_tokens as unstable_tokens$1 } from '@carbon/layout';
+export { container01, container02, container03, container04, container05, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12 } from '@carbon/layout';
+
+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;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+/**
+ * Adjust a given token's lightness by a specified percentage
+ * Example: token = hsl(10, 10, 10);
+ * adjustLightness(token, 5) === hsl(10, 10, 15);
+ * adjustLightness(token, -5) === hsl(10, 10, 5);
+ * @param {string} token
+ * @param {integer} shift The number of percentage points (positive or negative) by which to shift the lightness of a token.
+ * @returns {string}
+ */
+
+function adjustLightness(token, shift) {
+  var original = Color(token).hsl().object();
+  return Color(_objectSpread2(_objectSpread2({}, original), {}, {
+    l: original.l += shift
+  })).round().hex().toLowerCase();
+}
 
 /**
  * Copyright IBM Corp. 2018, 2018
@@ -7,26 +78,30 @@ import { blue20, blue60, blue70, blue80, gray10, gray20, gray30, gray50, gray60,
  * LICENSE file in the root directory of this source tree.
  */
 var interactive01 = blue60;
-var interactive02 = gray100;
+var interactive02 = gray80;
 var interactive03 = blue60;
 var interactive04 = blue60;
-var uiBackground = white;
+var uiBackground = white$1;
 var ui01 = gray10;
-var ui02 = white;
+var ui02 = white$1;
 var ui03 = gray20;
 var ui04 = gray50;
 var ui05 = gray100;
 var text01 = gray100;
 var text02 = gray70;
-var text03 = gray50;
-var text04 = white;
+var text03 = gray40;
+var text04 = white$1;
+var text05 = gray60;
+var textError = red60;
 var icon01 = gray100;
 var icon02 = gray70;
-var icon03 = white;
+var icon03 = white$1;
 var link01 = blue60;
+var link02 = blue70;
+var inverseLink = blue40;
 var field01 = gray10;
-var field02 = white;
-var inverse01 = white;
+var field02 = white$1;
+var inverse01 = white$1;
 var inverse02 = gray80;
 var support01 = red60;
 var support02 = green50;
@@ -36,9 +111,12 @@ var inverseSupport01 = red50;
 var inverseSupport02 = green40;
 var inverseSupport03 = yellow;
 var inverseSupport04 = blue50;
-var overlay01 = rgba(gray100, 0.5); // Interaction states
+var overlay01 = rgba(gray100, 0.5);
+var danger01 = red60;
+var danger02 = red60; // Interaction states
 
 var focus = blue60;
+var inverseFocusUi = white$1;
 var hoverPrimary = '#0353e9';
 var activePrimary = blue80;
 var hoverPrimaryText = blue70;
@@ -47,10 +125,14 @@ var activeSecondary = gray60;
 var hoverTertiary = '#0353e9';
 var activeTertiary = blue80;
 var hoverUI = '#e5e5e5';
+var hoverLightUI = '#e5e5e5';
 var activeUI = gray30;
+var activeLightUI = gray30;
 var selectedUI = gray20;
+var selectedLightUI = gray20;
+var inverseHoverUI = '#4c4c4c';
 var hoverSelectedUI = '#cacaca';
-var hoverDanger = '#ba1b23';
+var hoverDanger = adjustLightness(danger01, -8);
 var activeDanger = red80;
 var hoverRow = '#e5e5e5';
 var visitedLink = purple60;
@@ -58,16 +140,20 @@ var disabled01 = gray10;
 var disabled02 = gray30;
 var disabled03 = gray50;
 var highlight = blue20;
+var decorative01 = gray20;
+var buttonSeparator = '#e0e0e0';
 var skeleton01 = '#e5e5e5';
-var skeleton02 = gray30; // Deprecated ☠️
+var skeleton02 = gray30; // Type
 
 var brand01 = interactive01;
 var brand02 = interactive02;
 var brand03 = interactive03;
 var active01 = activeUI;
 var hoverField = hoverUI;
+var danger = danger01;
 
-var white$1 = /*#__PURE__*/Object.freeze({
+var white = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   interactive01: interactive01,
   interactive02: interactive02,
   interactive03: interactive03,
@@ -82,10 +168,14 @@ var white$1 = /*#__PURE__*/Object.freeze({
   text02: text02,
   text03: text03,
   text04: text04,
+  text05: text05,
+  textError: textError,
   icon01: icon01,
   icon02: icon02,
   icon03: icon03,
   link01: link01,
+  link02: link02,
+  inverseLink: inverseLink,
   field01: field01,
   field02: field02,
   inverse01: inverse01,
@@ -99,7 +189,10 @@ var white$1 = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03,
   inverseSupport04: inverseSupport04,
   overlay01: overlay01,
+  danger01: danger01,
+  danger02: danger02,
   focus: focus,
+  inverseFocusUi: inverseFocusUi,
   hoverPrimary: hoverPrimary,
   activePrimary: activePrimary,
   hoverPrimaryText: hoverPrimaryText,
@@ -108,8 +201,12 @@ var white$1 = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary,
   activeTertiary: activeTertiary,
   hoverUI: hoverUI,
+  hoverLightUI: hoverLightUI,
   activeUI: activeUI,
+  activeLightUI: activeLightUI,
   selectedUI: selectedUI,
+  selectedLightUI: selectedLightUI,
+  inverseHoverUI: inverseHoverUI,
   hoverSelectedUI: hoverSelectedUI,
   hoverDanger: hoverDanger,
   activeDanger: activeDanger,
@@ -119,13 +216,77 @@ var white$1 = /*#__PURE__*/Object.freeze({
   disabled02: disabled02,
   disabled03: disabled03,
   highlight: highlight,
+  decorative01: decorative01,
+  buttonSeparator: buttonSeparator,
   skeleton01: skeleton01,
   skeleton02: skeleton02,
   brand01: brand01,
   brand02: brand02,
   brand03: brand03,
   active01: active01,
-  hoverField: hoverField
+  hoverField: hoverField,
+  danger: danger,
+  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,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02
 });
 
 /**
@@ -135,26 +296,30 @@ var white$1 = /*#__PURE__*/Object.freeze({
  * LICENSE file in the root directory of this source tree.
  */
 var interactive01$1 = blue60;
-var interactive02$1 = gray100;
+var interactive02$1 = gray80;
 var interactive03$1 = blue60;
 var interactive04$1 = blue60;
 var uiBackground$1 = gray10;
-var ui01$1 = white;
+var ui01$1 = white$1;
 var ui02$1 = gray10;
 var ui03$1 = gray20;
 var ui04$1 = gray50;
 var ui05$1 = gray100;
 var text01$1 = gray100;
 var text02$1 = gray70;
-var text03$1 = gray50;
-var text04$1 = white;
+var text03$1 = gray40;
+var text04$1 = white$1;
+var text05$1 = gray60;
+var textError$1 = red60;
 var icon01$1 = gray100;
 var icon02$1 = gray70;
-var icon03$1 = white;
+var icon03$1 = white$1;
 var link01$1 = blue60;
-var field01$1 = white;
+var link02$1 = blue70;
+var inverseLink$1 = blue40;
+var field01$1 = white$1;
 var field02$1 = gray10;
-var inverse01$1 = white;
+var inverse01$1 = white$1;
 var inverse02$1 = gray80;
 var support01$1 = red60;
 var support02$1 = green50;
@@ -164,9 +329,12 @@ var inverseSupport01$1 = red50;
 var inverseSupport02$1 = green40;
 var inverseSupport03$1 = yellow;
 var inverseSupport04$1 = blue50;
-var overlay01$1 = rgba(gray100, 0.5); // Interaction states
+var overlay01$1 = rgba(gray100, 0.5);
+var danger01$1 = red60;
+var danger02$1 = red60; // Interaction states
 
 var focus$1 = blue60;
+var inverseFocusUi$1 = white$1;
 var hoverPrimary$1 = '#0353e9';
 var activePrimary$1 = blue80;
 var hoverPrimaryText$1 = blue70;
@@ -175,27 +343,35 @@ var activeSecondary$1 = gray60;
 var hoverTertiary$1 = '#0353e9';
 var activeTertiary$1 = blue80;
 var hoverUI$1 = '#e5e5e5';
+var hoverLightUI$1 = '#e5e5e5';
 var activeUI$1 = gray30;
+var activeLightUI$1 = gray30;
 var selectedUI$1 = gray20;
+var selectedLightUI$1 = gray20;
+var inverseHoverUI$1 = '#4c4c4c';
 var hoverSelectedUI$1 = '#cacaca';
-var hoverDanger$1 = '#ba1b23';
+var hoverDanger$1 = adjustLightness(danger01$1, -8);
 var activeDanger$1 = red80;
 var hoverRow$1 = '#e5e5e5';
 var visitedLink$1 = purple60;
-var disabled01$1 = white;
+var disabled01$1 = white$1;
 var disabled02$1 = gray30;
 var disabled03$1 = gray50;
-var highlight$1 = blue20;
+var highlight$1 = blue10;
+var decorative01$1 = gray20;
+var buttonSeparator$1 = '#e0e0e0';
 var skeleton01$1 = '#e5e5e5';
-var skeleton02$1 = gray30; // Deprecated ☠️
+var skeleton02$1 = gray30;
 
 var brand01$1 = interactive01$1;
 var brand02$1 = interactive02$1;
 var brand03$1 = interactive03$1;
 var active01$1 = activeUI$1;
 var hoverField$1 = hoverUI$1;
+var danger$1 = danger01$1;
 
 var g10 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   interactive01: interactive01$1,
   interactive02: interactive02$1,
   interactive03: interactive03$1,
@@ -210,10 +386,14 @@ var g10 = /*#__PURE__*/Object.freeze({
   text02: text02$1,
   text03: text03$1,
   text04: text04$1,
+  text05: text05$1,
+  textError: textError$1,
   icon01: icon01$1,
   icon02: icon02$1,
   icon03: icon03$1,
   link01: link01$1,
+  link02: link02$1,
+  inverseLink: inverseLink$1,
   field01: field01$1,
   field02: field02$1,
   inverse01: inverse01$1,
@@ -227,7 +407,10 @@ var g10 = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03$1,
   inverseSupport04: inverseSupport04$1,
   overlay01: overlay01$1,
+  danger01: danger01$1,
+  danger02: danger02$1,
   focus: focus$1,
+  inverseFocusUi: inverseFocusUi$1,
   hoverPrimary: hoverPrimary$1,
   activePrimary: activePrimary$1,
   hoverPrimaryText: hoverPrimaryText$1,
@@ -236,8 +419,12 @@ var g10 = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary$1,
   activeTertiary: activeTertiary$1,
   hoverUI: hoverUI$1,
+  hoverLightUI: hoverLightUI$1,
   activeUI: activeUI$1,
+  activeLightUI: activeLightUI$1,
   selectedUI: selectedUI$1,
+  selectedLightUI: selectedLightUI$1,
+  inverseHoverUI: inverseHoverUI$1,
   hoverSelectedUI: hoverSelectedUI$1,
   hoverDanger: hoverDanger$1,
   activeDanger: activeDanger$1,
@@ -247,13 +434,77 @@ var g10 = /*#__PURE__*/Object.freeze({
   disabled02: disabled02$1,
   disabled03: disabled03$1,
   highlight: highlight$1,
+  decorative01: decorative01$1,
+  buttonSeparator: buttonSeparator$1,
   skeleton01: skeleton01$1,
   skeleton02: skeleton02$1,
   brand01: brand01$1,
   brand02: brand02$1,
   brand03: brand03$1,
   active01: active01$1,
-  hoverField: hoverField$1
+  hoverField: hoverField$1,
+  danger: danger$1,
+  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,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02
 });
 
 /**
@@ -264,7 +515,7 @@ var g10 = /*#__PURE__*/Object.freeze({
  */
 var interactive01$2 = blue60;
 var interactive02$2 = gray60;
-var interactive03$2 = white;
+var interactive03$2 = white$1;
 var interactive04$2 = blue50;
 var uiBackground$2 = gray100;
 var ui01$2 = gray90;
@@ -275,11 +526,15 @@ var ui05$2 = gray10;
 var text01$2 = gray10;
 var text02$2 = gray30;
 var text03$2 = gray60;
-var text04$2 = white;
+var text04$2 = white$1;
+var text05$2 = gray50;
+var textError$2 = red40;
 var icon01$2 = gray10;
 var icon02$2 = gray30;
-var icon03$2 = white;
+var icon03$2 = white$1;
 var link01$2 = blue40;
+var link02$2 = blue30;
+var inverseLink$2 = blue60;
 var field01$2 = gray90;
 var field02$2 = gray80;
 var inverse01$2 = gray100;
@@ -292,9 +547,12 @@ var inverseSupport01$2 = red60;
 var inverseSupport02$2 = green50;
 var inverseSupport03$2 = yellow;
 var inverseSupport04$2 = blue60;
-var overlay01$2 = rgba(gray100, 0.7); // Interaction states
+var overlay01$2 = rgba(gray100, 0.7);
+var danger01$2 = red60;
+var danger02$2 = red50; // Interaction states
 
-var focus$2 = white;
+var focus$2 = white$1;
+var inverseFocusUi$2 = blue60;
 var hoverPrimary$2 = '#0353e9';
 var activePrimary$2 = blue80;
 var hoverPrimaryText$2 = blue30;
@@ -303,27 +561,35 @@ var activeSecondary$2 = gray80;
 var hoverTertiary$2 = gray10;
 var activeTertiary$2 = gray30;
 var hoverUI$2 = '#353535';
+var hoverLightUI$2 = '#4c4c4c';
 var activeUI$2 = gray70;
+var activeLightUI$2 = gray60;
 var selectedUI$2 = gray80;
+var selectedLightUI$2 = gray70;
+var inverseHoverUI$2 = '#e5e5e5';
 var hoverSelectedUI$2 = '#4c4c4c';
-var hoverDanger$2 = '#ba1b23';
+var hoverDanger$2 = adjustLightness(danger01$2, -8);
 var activeDanger$2 = red80;
 var hoverRow$2 = '#353535';
 var visitedLink$2 = purple40;
 var disabled01$2 = gray90;
-var disabled02$2 = gray80;
-var disabled03$2 = gray60;
+var disabled02$2 = gray70;
+var disabled03$2 = gray50;
 var highlight$2 = blue80;
+var decorative01$2 = gray70;
+var buttonSeparator$2 = '#161616';
 var skeleton01$2 = '#353535';
-var skeleton02$2 = gray80; // Deprecated ☠️
+var skeleton02$2 = gray70;
 
 var brand01$2 = interactive01$2;
 var brand02$2 = interactive02$2;
 var brand03$2 = interactive03$2;
 var active01$2 = activeUI$2;
 var hoverField$2 = hoverUI$2;
+var danger$2 = danger01$2;
 
 var g100 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   interactive01: interactive01$2,
   interactive02: interactive02$2,
   interactive03: interactive03$2,
@@ -338,10 +604,14 @@ var g100 = /*#__PURE__*/Object.freeze({
   text02: text02$2,
   text03: text03$2,
   text04: text04$2,
+  text05: text05$2,
+  textError: textError$2,
   icon01: icon01$2,
   icon02: icon02$2,
   icon03: icon03$2,
   link01: link01$2,
+  link02: link02$2,
+  inverseLink: inverseLink$2,
   field01: field01$2,
   field02: field02$2,
   inverse01: inverse01$2,
@@ -355,7 +625,10 @@ var g100 = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03$2,
   inverseSupport04: inverseSupport04$2,
   overlay01: overlay01$2,
+  danger01: danger01$2,
+  danger02: danger02$2,
   focus: focus$2,
+  inverseFocusUi: inverseFocusUi$2,
   hoverPrimary: hoverPrimary$2,
   activePrimary: activePrimary$2,
   hoverPrimaryText: hoverPrimaryText$2,
@@ -364,8 +637,12 @@ var g100 = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary$2,
   activeTertiary: activeTertiary$2,
   hoverUI: hoverUI$2,
+  hoverLightUI: hoverLightUI$2,
   activeUI: activeUI$2,
+  activeLightUI: activeLightUI$2,
   selectedUI: selectedUI$2,
+  selectedLightUI: selectedLightUI$2,
+  inverseHoverUI: inverseHoverUI$2,
   hoverSelectedUI: hoverSelectedUI$2,
   hoverDanger: hoverDanger$2,
   activeDanger: activeDanger$2,
@@ -375,13 +652,77 @@ var g100 = /*#__PURE__*/Object.freeze({
   disabled02: disabled02$2,
   disabled03: disabled03$2,
   highlight: highlight$2,
+  decorative01: decorative01$2,
+  buttonSeparator: buttonSeparator$2,
   skeleton01: skeleton01$2,
   skeleton02: skeleton02$2,
   brand01: brand01$2,
   brand02: brand02$2,
   brand03: brand03$2,
   active01: active01$2,
-  hoverField: hoverField$2
+  hoverField: hoverField$2,
+  danger: danger$2,
+  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,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02
 });
 
 /**
@@ -392,7 +733,7 @@ var g100 = /*#__PURE__*/Object.freeze({
  */
 var interactive01$3 = blue60;
 var interactive02$3 = gray60;
-var interactive03$3 = white;
+var interactive03$3 = white$1;
 var interactive04$3 = blue50;
 var uiBackground$3 = gray90;
 var ui01$3 = gray80;
@@ -402,17 +743,21 @@ var ui04$3 = gray50;
 var ui05$3 = gray10;
 var text01$3 = gray10;
 var text02$3 = gray30;
-var text03$3 = gray50;
-var text04$3 = white;
+var text03$3 = gray60;
+var text04$3 = white$1;
+var text05$3 = gray50;
+var textError$3 = red30;
 var icon01$3 = gray10;
 var icon02$3 = gray30;
-var icon03$3 = white;
+var icon03$3 = white$1;
 var link01$3 = blue40;
+var link02$3 = blue30;
+var inverseLink$3 = blue60;
 var field01$3 = gray80;
 var field02$3 = gray70;
 var inverse01$3 = gray100;
 var inverse02$3 = gray10;
-var support01$3 = red50;
+var support01$3 = red40;
 var support02$3 = green40;
 var support03$3 = yellow;
 var support04$3 = blue50;
@@ -420,9 +765,12 @@ var inverseSupport01$3 = red60;
 var inverseSupport02$3 = green50;
 var inverseSupport03$3 = yellow;
 var inverseSupport04$3 = blue60;
-var overlay01$3 = rgba(gray100, 0.7); // Interaction states
+var overlay01$3 = rgba(gray100, 0.7);
+var danger01$3 = red60;
+var danger02$3 = red40; // Interaction states
 
-var focus$3 = white;
+var focus$3 = white$1;
+var inverseFocusUi$3 = blue60;
 var hoverPrimary$3 = '#0353e9';
 var activePrimary$3 = blue80;
 var hoverPrimaryText$3 = blue30;
@@ -431,27 +779,35 @@ var activeSecondary$3 = gray80;
 var hoverTertiary$3 = gray10;
 var activeTertiary$3 = gray30;
 var hoverUI$3 = '#4c4c4c';
+var hoverLightUI$3 = '#656565';
 var activeUI$3 = gray60;
+var activeLightUI$3 = gray50;
 var selectedUI$3 = gray70;
+var selectedLightUI$3 = gray60;
+var inverseHoverUI$3 = '#e5e5e5';
 var hoverSelectedUI$3 = '#656565';
-var hoverDanger$3 = '#ba1b23';
+var hoverDanger$3 = adjustLightness(danger01$3, -8);
 var activeDanger$3 = red80;
 var hoverRow$3 = '#4c4c4c';
 var visitedLink$3 = purple40;
 var disabled01$3 = gray80;
-var disabled02$3 = gray70;
-var disabled03$3 = gray50;
+var disabled02$3 = gray60;
+var disabled03$3 = gray40;
 var highlight$3 = blue70;
+var decorative01$3 = gray60;
+var buttonSeparator$3 = '#161616';
 var skeleton01$3 = '#353535';
-var skeleton02$3 = gray70; // Deprecated ☠️
+var skeleton02$3 = gray70;
 
 var brand01$3 = interactive01$3;
 var brand02$3 = interactive02$3;
 var brand03$3 = interactive03$3;
 var active01$3 = activeUI$3;
 var hoverField$3 = hoverUI$3;
+var danger$3 = danger01$3;
 
 var g90 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   interactive01: interactive01$3,
   interactive02: interactive02$3,
   interactive03: interactive03$3,
@@ -466,10 +822,14 @@ var g90 = /*#__PURE__*/Object.freeze({
   text02: text02$3,
   text03: text03$3,
   text04: text04$3,
+  text05: text05$3,
+  textError: textError$3,
   icon01: icon01$3,
   icon02: icon02$3,
   icon03: icon03$3,
   link01: link01$3,
+  link02: link02$3,
+  inverseLink: inverseLink$3,
   field01: field01$3,
   field02: field02$3,
   inverse01: inverse01$3,
@@ -483,7 +843,10 @@ var g90 = /*#__PURE__*/Object.freeze({
   inverseSupport03: inverseSupport03$3,
   inverseSupport04: inverseSupport04$3,
   overlay01: overlay01$3,
+  danger01: danger01$3,
+  danger02: danger02$3,
   focus: focus$3,
+  inverseFocusUi: inverseFocusUi$3,
   hoverPrimary: hoverPrimary$3,
   activePrimary: activePrimary$3,
   hoverPrimaryText: hoverPrimaryText$3,
@@ -492,8 +855,12 @@ var g90 = /*#__PURE__*/Object.freeze({
   hoverTertiary: hoverTertiary$3,
   activeTertiary: activeTertiary$3,
   hoverUI: hoverUI$3,
+  hoverLightUI: hoverLightUI$3,
   activeUI: activeUI$3,
+  activeLightUI: activeLightUI$3,
   selectedUI: selectedUI$3,
+  selectedLightUI: selectedLightUI$3,
+  inverseHoverUI: inverseHoverUI$3,
   hoverSelectedUI: hoverSelectedUI$3,
   hoverDanger: hoverDanger$3,
   activeDanger: activeDanger$3,
@@ -503,13 +870,295 @@ var g90 = /*#__PURE__*/Object.freeze({
   disabled02: disabled02$3,
   disabled03: disabled03$3,
   highlight: highlight$3,
+  decorative01: decorative01$3,
+  buttonSeparator: buttonSeparator$3,
   skeleton01: skeleton01$3,
   skeleton02: skeleton02$3,
   brand01: brand01$3,
   brand02: brand02$3,
   brand03: brand03$3,
   active01: active01$3,
-  hoverField: hoverField$3
+  hoverField: hoverField$3,
+  danger: danger$3,
+  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,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02
+});
+
+/**
+ * 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.
+ */
+var interactive01$4 = '#3d70b2';
+var interactive02$4 = '#4d5358';
+var interactive03$4 = '#3d70b2';
+var interactive04$4 = '#3d70b2';
+var uiBackground$4 = '#f4f7fb';
+var ui01$4 = white$1;
+var ui02$4 = '#f4f7fb';
+var ui03$4 = '#dfe3e6';
+var ui04$4 = '#8897a2';
+var ui05$4 = '#5a6872';
+var text01$4 = '#152935';
+var text02$4 = '#5a6872';
+var text03$4 = '#cdd1d4';
+var text04$4 = white$1;
+var text05$4 = '#5a6872';
+var textError$4 = '#e0182d';
+var icon01$4 = '#3d70b2';
+var icon02$4 = '#5a6872';
+var icon03$4 = white$1;
+var link01$4 = '#3d70b2';
+var link02$4 = '#3d70b2';
+var inverseLink$4 = '#5596e6';
+var field01$4 = white$1;
+var field02$4 = '#f4f7fb';
+var inverse01$4 = white$1;
+var inverse02$4 = '#272d33';
+var support01$4 = '#e0182d';
+var support02$4 = '#5aa700';
+var support03$4 = '#efc100';
+var support04$4 = '#5aaafa';
+var inverseSupport01$4 = '#ff5050';
+var inverseSupport02$4 = '#8cd211';
+var inverseSupport03$4 = '#FDD600';
+var inverseSupport04$4 = '#5aaafa';
+var overlay01$4 = 'rgba(223, 227, 230, 0.5)';
+var danger01$4 = red60;
+var danger02$4 = red60; // Interaction states
+
+var focus$4 = '#3d70b2';
+var inverseFocusUi$4 = '#3d70b2';
+var hoverPrimary$4 = '#30588c';
+var activePrimary$4 = '#30588c';
+var hoverPrimaryText$4 = '#294c86';
+var hoverSecondary$4 = '#4d5b65';
+var activeSecondary$4 = '#414f59';
+var hoverTertiary$4 = '#5a6872';
+var activeTertiary$4 = '#414f59';
+var hoverUI$4 = '#EEF4FC';
+var hoverLightUI$4 = '#EEF4FC';
+var activeUI$4 = '#DFEAFA';
+var activeLightUI$4 = '#DFEAFA';
+var selectedUI$4 = '#EEF4FC';
+var selectedLightUI$4 = '#EEF4FC';
+var inverseHoverUI$4 = '#4c4c4c';
+var hoverSelectedUI$4 = '#DFEAFA';
+var hoverDanger$4 = '#c70014';
+var activeDanger$4 = '#AD1625';
+var hoverRow$4 = '#eef4fc';
+var visitedLink$4 = '#294c86';
+var disabled01$4 = '#fafbfd';
+var disabled02$4 = '#dfe3e6';
+var disabled03$4 = '#cdd1d4';
+var highlight$4 = '#f4f7fb';
+var decorative01$4 = '#EEF4FC';
+var buttonSeparator$4 = '#e0e0e0';
+var skeleton01$4 = 'rgba(61, 112, 178, .1)';
+var skeleton02$4 = 'rgba(61, 112, 178, .1)';
+
+var brand01$4 = interactive01$4;
+var brand02$4 = interactive02$4;
+var brand03$4 = interactive03$4;
+var active01$4 = activeUI$4;
+var hoverField$4 = hoverUI$4;
+var danger$4 = danger01$4;
+
+var v9 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  interactive01: interactive01$4,
+  interactive02: interactive02$4,
+  interactive03: interactive03$4,
+  interactive04: interactive04$4,
+  uiBackground: uiBackground$4,
+  ui01: ui01$4,
+  ui02: ui02$4,
+  ui03: ui03$4,
+  ui04: ui04$4,
+  ui05: ui05$4,
+  text01: text01$4,
+  text02: text02$4,
+  text03: text03$4,
+  text04: text04$4,
+  text05: text05$4,
+  textError: textError$4,
+  icon01: icon01$4,
+  icon02: icon02$4,
+  icon03: icon03$4,
+  link01: link01$4,
+  link02: link02$4,
+  inverseLink: inverseLink$4,
+  field01: field01$4,
+  field02: field02$4,
+  inverse01: inverse01$4,
+  inverse02: inverse02$4,
+  support01: support01$4,
+  support02: support02$4,
+  support03: support03$4,
+  support04: support04$4,
+  inverseSupport01: inverseSupport01$4,
+  inverseSupport02: inverseSupport02$4,
+  inverseSupport03: inverseSupport03$4,
+  inverseSupport04: inverseSupport04$4,
+  overlay01: overlay01$4,
+  danger01: danger01$4,
+  danger02: danger02$4,
+  focus: focus$4,
+  inverseFocusUi: inverseFocusUi$4,
+  hoverPrimary: hoverPrimary$4,
+  activePrimary: activePrimary$4,
+  hoverPrimaryText: hoverPrimaryText$4,
+  hoverSecondary: hoverSecondary$4,
+  activeSecondary: activeSecondary$4,
+  hoverTertiary: hoverTertiary$4,
+  activeTertiary: activeTertiary$4,
+  hoverUI: hoverUI$4,
+  hoverLightUI: hoverLightUI$4,
+  activeUI: activeUI$4,
+  activeLightUI: activeLightUI$4,
+  selectedUI: selectedUI$4,
+  selectedLightUI: selectedLightUI$4,
+  inverseHoverUI: inverseHoverUI$4,
+  hoverSelectedUI: hoverSelectedUI$4,
+  hoverDanger: hoverDanger$4,
+  activeDanger: activeDanger$4,
+  hoverRow: hoverRow$4,
+  visitedLink: visitedLink$4,
+  disabled01: disabled01$4,
+  disabled02: disabled02$4,
+  disabled03: disabled03$4,
+  highlight: highlight$4,
+  decorative01: decorative01$4,
+  buttonSeparator: buttonSeparator$4,
+  skeleton01: skeleton01$4,
+  skeleton02: skeleton02$4,
+  brand01: brand01$4,
+  brand02: brand02$4,
+  brand03: brand03$4,
+  active01: active01$4,
+  hoverField: hoverField$4,
+  danger: danger$4,
+  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,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02
 });
 
 /**
@@ -518,12 +1167,12 @@ var g90 = /*#__PURE__*/Object.freeze({
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-// The color token names for a Carbon theme, value corresponds to what they're
 // exported as in JavaScript
+
 var colors = [// Core
-'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'icon01', 'icon02', 'icon03', 'link01', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', // Interactive states
-'focus', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'activeUI', 'selectedUI', 'hoverSelectedUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'skeleton01', 'skeleton02', // Deprecated
-'brand01', 'brand02', 'brand03', 'active01', 'hoverField'];
+'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', // Deprecated
+'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
 var numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
 /**
  * Format a given token into the format expected in CSS/SCSS-based projects.
@@ -564,7 +1213,19 @@ function formatTokenName(token) {
   return string;
 }
 var tokens = {
-  colors: colors
+  colors: colors,
+  type: unstable_tokens,
+  layout: unstable_tokens$1
+};
+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']
+  }, {
+    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']
+  }],
+  deprecated: ['brand01', 'brand02', 'brand03', 'active01', 'danger']
 };
 
 /**
@@ -574,10 +1235,11 @@ var tokens = {
  * LICENSE file in the root directory of this source tree.
  */
 var themes = {
-  white: white$1,
+  white: white,
   g10: g10,
   g90: g90,
-  g100: g100
+  g100: g100,
+  v9: v9
 };
 
-export { g10, g90, g100, white$1 as white, tokens, formatTokenName, themes, interactive01, interactive02, interactive03, interactive04, uiBackground, ui01, ui02, ui03, ui04, ui05, text01, text02, text03, text04, icon01, icon02, icon03, link01, field01, field02, inverse01, inverse02, support01, support02, support03, support04, inverseSupport01, inverseSupport02, inverseSupport03, inverseSupport04, overlay01, focus, hoverPrimary, activePrimary, hoverPrimaryText, hoverSecondary, activeSecondary, hoverTertiary, activeTertiary, hoverUI, activeUI, selectedUI, hoverSelectedUI, hoverDanger, activeDanger, hoverRow, visitedLink, disabled01, disabled02, disabled03, highlight, skeleton01, skeleton02, brand01, brand02, brand03, active01, hoverField };
+export { active01, activeDanger, activeLightUI, activePrimary, activeSecondary, activeTertiary, activeUI, brand01, brand02, brand03, buttonSeparator, danger, danger01, danger02, decorative01, disabled01, disabled02, disabled03, field01, field02, focus, formatTokenName, g10, g100, g90, highlight, hoverDanger, hoverField, hoverLightUI, hoverPrimary, hoverPrimaryText, hoverRow, hoverSecondary, hoverSelectedUI, hoverTertiary, hoverUI, icon01, icon02, icon03, interactive01, interactive02, interactive03, interactive04, inverse01, inverse02, inverseFocusUi, inverseHoverUI, inverseLink, inverseSupport01, inverseSupport02, inverseSupport03, inverseSupport04, link01, link02, overlay01, selectedLightUI, selectedUI, skeleton01, skeleton02, support01, support02, support03, support04, text01, text02, text03, text04, text05, textError, themes, tokens, ui01, ui02, ui03, ui04, ui05, uiBackground, unstable__meta, v9, visitedLink, white };