@carbon/charts 0.58.1 → 1.0.1

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

@@ -1,3049 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('color'), require('@carbon/colors'), require('@carbon/type'), require('@carbon/layout')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'color', '@carbon/colors', '@carbon/type', '@carbon/layout'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonThemes = {}, global.Color, global.CarbonColors, global.CarbonType, global.CarbonLayout));
-}(this, (function (exports, Color, colors$1, type, layout) { 'use strict';
-
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var Color__default = /*#__PURE__*/_interopDefaultLegacy(Color);
-
-  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;
-  }
-
-  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);
-   * 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__default['default'](token).hsl().object();
-    return Color__default['default'](_objectSpread2(_objectSpread2({}, original), {}, {
-      l: original.l += shift
-    })).round().hex().toLowerCase();
-  }
-
-  /**
-   * 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$5 = colors$1.blue60;
-  var interactive02$5 = colors$1.gray80;
-  var interactive03$5 = colors$1.blue60;
-  var interactive04$5 = colors$1.blue60;
-  var uiBackground$5 = colors$1.white;
-  var ui01$5 = colors$1.gray10;
-  var ui02$5 = colors$1.white;
-  var ui03$5 = colors$1.gray20;
-  var ui04$5 = colors$1.gray50;
-  var ui05$5 = colors$1.gray100;
-  var text01$5 = colors$1.gray100;
-  var text02$5 = colors$1.gray70;
-  var text03$5 = colors$1.gray40;
-  var text04$5 = colors$1.white;
-  var text05$5 = colors$1.gray60;
-  var textError$5 = colors$1.red60;
-  var icon01$5 = colors$1.gray100;
-  var icon02$5 = colors$1.gray70;
-  var icon03$5 = colors$1.white;
-  var link01$5 = colors$1.blue60;
-  var link02$5 = colors$1.blue70;
-  var inverseLink$5 = colors$1.blue40;
-  var field01$5 = colors$1.gray10;
-  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.green60;
-  var support03$5 = colors$1.yellow;
-  var support04$5 = colors$1.blue70;
-  var inverseSupport01$5 = colors$1.red50;
-  var inverseSupport02$5 = colors$1.green40;
-  var inverseSupport03$5 = colors$1.yellow;
-  var inverseSupport04$5 = colors$1.blue50;
-  var overlay01$5 = colors$1.rgba(colors$1.gray100, 0.5);
-  var danger01$5 = colors$1.red60;
-  var danger02$5 = colors$1.red60; // Interaction states
-
-  var focus$5 = colors$1.blue60;
-  var inverseFocusUi$5 = colors$1.white;
-  var hoverPrimary$5 = '#0353e9';
-  var activePrimary$5 = colors$1.blue80;
-  var hoverPrimaryText$5 = colors$1.blue70;
-  var hoverSecondary$5 = '#4c4c4c';
-  var activeSecondary$5 = colors$1.gray60;
-  var hoverTertiary$5 = '#0353e9';
-  var activeTertiary$5 = colors$1.blue80;
-  var hoverUI$5 = '#e5e5e5';
-  var hoverLightUI$5 = '#e5e5e5';
-  var activeUI$5 = colors$1.gray30;
-  var activeLightUI$5 = colors$1.gray30;
-  var selectedUI$5 = colors$1.gray20;
-  var selectedLightUI$5 = colors$1.gray20;
-  var inverseHoverUI$5 = '#4c4c4c';
-  var hoverSelectedUI$5 = '#cacaca';
-  var hoverDanger$5 = adjustLightness(danger01$5, -8);
-  var activeDanger$5 = colors$1.red80;
-  var hoverRow$5 = '#e5e5e5';
-  var visitedLink$5 = colors$1.purple60;
-  var disabled01$5 = colors$1.gray10;
-  var disabled02$5 = colors$1.gray30;
-  var disabled03$5 = colors$1.gray50;
-  var highlight$5 = colors$1.blue20;
-  var decorative01$5 = colors$1.gray20;
-  var buttonSeparator$5 = '#e0e0e0';
-  var skeleton01$5 = '#e5e5e5';
-  var skeleton02$5 = colors$1.gray30; // New color tokens
-  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new 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;
-  var interactive$5 = interactive04$5;
-  var borderSubtle$5 = ui03$5;
-  var borderStrong$5 = ui04$5;
-  var borderInverse$5 = ui05$5;
-  var borderInteractive$5 = interactive04$5;
-  var textPrimary$5 = text01$5;
-  var textSecondary$5 = text02$5;
-  var textPlaceholder$5 = text03$5;
-  var textHelper$5 = text05$5;
-  var textOnColor$5 = text04$5;
-  var textInverse$5 = inverse01$5;
-  var linkPrimary$5 = link01$5;
-  var linkSecondary$5 = link02$5;
-  var linkVisited$5 = visitedLink$5;
-  var linkInverse$5 = inverseLink$5;
-  var iconPrimary$5 = icon01$5;
-  var iconSecondary$5 = icon02$5;
-  var iconOnColor$5 = icon03$5;
-  var iconInverse$5 = inverse01$5;
-  var supportError$5 = support01$5;
-  var supportSuccess$5 = support02$5;
-  var supportWarning$5 = support03$5;
-  var supportInfo$5 = support04$5;
-  var supportErrorInverse$5 = inverseSupport01$5;
-  var supportSuccessInverse$5 = inverseSupport02$5;
-  var supportWarningInverse$5 = inverseSupport03$5;
-  var supportInfoInverse$5 = inverseSupport04$5;
-  var overlay$5 = overlay01$5;
-  var toggleOff$5 = ui04$5;
-  var buttonPrimary$5 = interactive01$5;
-  var buttonSecondary$5 = interactive02$5;
-  var buttonTertiary$5 = interactive03$5;
-  var buttonDangerPrimary$5 = danger01$5;
-  var buttonDangerSecondary$5 = danger02$5;
-  var backgroundActive$5 = activeUI$5;
-  var layerActive$5 = activeUI$5;
-  var buttonDangerActive$5 = activeDanger$5;
-  var buttonPrimaryActive$5 = activePrimary$5;
-  var buttonSecondaryActive$5 = activeSecondary$5;
-  var buttonTertiaryActive$5 = activeTertiary$5;
-  var focusInset$5 = inverse01$5;
-  var focusInverse$5 = inverseFocusUi$5;
-  var backgroundHover$5 = hoverUI$5;
-  var layerHover$5 = hoverUI$5;
-  var fieldHover$5 = hoverUI$5;
-  var backgroundInverseHover$5 = inverseHoverUI$5;
-  var linkPrimaryHover$5 = hoverPrimaryText$5;
-  var buttonDangerHover$5 = hoverDanger$5;
-  var buttonPrimaryHover$5 = hoverPrimary$5;
-  var buttonSecondaryHover$5 = hoverSecondary$5;
-  var buttonTertiaryHover$5 = hoverTertiary$5;
-  var backgroundSelected$5 = selectedUI$5;
-  var backgroundSelectedHover$5 = hoverSelectedUI$5;
-  var layerSelected$5 = selectedUI$5;
-  var layerSelectedHover$5 = hoverSelectedUI$5;
-  var layerSelectedInverse$5 = ui05$5;
-  var borderSubtleSelected$5 = activeUI$5;
-  var layerDisabled$5 = disabled01$5;
-  var fieldDisabled$5 = disabled01$5;
-  var borderDisabled$5 = disabled01$5;
-  var textDisabled$5 = disabled02$5;
-  var buttonDisabled$5 = disabled02$5;
-  var iconDisabled$5 = disabled02$5;
-  var textOnColorDisabled$5 = disabled03$5;
-  var iconOnColorDisabled$5 = disabled03$5;
-  var layerSelectedDisabled$5 = disabled03$5;
-  var skeletonBackground$5 = skeleton01$5;
-  var skeletonElement$5 = skeleton02$5; // Type
-
-  var brand01$5 = interactive01$5;
-  var brand02$5 = interactive02$5;
-  var brand03$5 = interactive03$5;
-  var active01$5 = activeUI$5;
-  var hoverField$5 = hoverUI$5;
-  var danger$5 = danger01$5;
-
-  var white = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    interactive01: interactive01$5,
-    interactive02: interactive02$5,
-    interactive03: interactive03$5,
-    interactive04: interactive04$5,
-    uiBackground: uiBackground$5,
-    ui01: ui01$5,
-    ui02: ui02$5,
-    ui03: ui03$5,
-    ui04: ui04$5,
-    ui05: ui05$5,
-    text01: text01$5,
-    text02: text02$5,
-    text03: text03$5,
-    text04: text04$5,
-    text05: text05$5,
-    textError: textError$5,
-    icon01: icon01$5,
-    icon02: icon02$5,
-    icon03: icon03$5,
-    link01: link01$5,
-    link02: link02$5,
-    inverseLink: inverseLink$5,
-    field01: field01$5,
-    field02: field02$5,
-    inverse01: inverse01$5,
-    inverse02: inverse02$5,
-    support01: support01$5,
-    support02: support02$5,
-    support03: support03$5,
-    support04: support04$5,
-    inverseSupport01: inverseSupport01$5,
-    inverseSupport02: inverseSupport02$5,
-    inverseSupport03: inverseSupport03$5,
-    inverseSupport04: inverseSupport04$5,
-    overlay01: overlay01$5,
-    danger01: danger01$5,
-    danger02: danger02$5,
-    focus: focus$5,
-    inverseFocusUi: inverseFocusUi$5,
-    hoverPrimary: hoverPrimary$5,
-    activePrimary: activePrimary$5,
-    hoverPrimaryText: hoverPrimaryText$5,
-    hoverSecondary: hoverSecondary$5,
-    activeSecondary: activeSecondary$5,
-    hoverTertiary: hoverTertiary$5,
-    activeTertiary: activeTertiary$5,
-    hoverUI: hoverUI$5,
-    hoverLightUI: hoverLightUI$5,
-    activeUI: activeUI$5,
-    activeLightUI: activeLightUI$5,
-    selectedUI: selectedUI$5,
-    selectedLightUI: selectedLightUI$5,
-    inverseHoverUI: inverseHoverUI$5,
-    hoverSelectedUI: hoverSelectedUI$5,
-    hoverDanger: hoverDanger$5,
-    activeDanger: activeDanger$5,
-    hoverRow: hoverRow$5,
-    visitedLink: visitedLink$5,
-    disabled01: disabled01$5,
-    disabled02: disabled02$5,
-    disabled03: disabled03$5,
-    highlight: highlight$5,
-    decorative01: decorative01$5,
-    buttonSeparator: buttonSeparator$5,
-    skeleton01: skeleton01$5,
-    skeleton02: skeleton02$5,
-    background: background$5,
-    layer: layer$5,
-    layerAccent: layerAccent$5,
-    layerAccentActive: layerAccentActive$5,
-    layerAccentHover: layerAccentHover$5,
-    field: field$5,
-    backgroundInverse: backgroundInverse$5,
-    backgroundBrand: backgroundBrand$5,
-    interactive: interactive$5,
-    borderSubtle: borderSubtle$5,
-    borderStrong: borderStrong$5,
-    borderInverse: borderInverse$5,
-    borderInteractive: borderInteractive$5,
-    textPrimary: textPrimary$5,
-    textSecondary: textSecondary$5,
-    textPlaceholder: textPlaceholder$5,
-    textHelper: textHelper$5,
-    textOnColor: textOnColor$5,
-    textInverse: textInverse$5,
-    linkPrimary: linkPrimary$5,
-    linkSecondary: linkSecondary$5,
-    linkVisited: linkVisited$5,
-    linkInverse: linkInverse$5,
-    iconPrimary: iconPrimary$5,
-    iconSecondary: iconSecondary$5,
-    iconOnColor: iconOnColor$5,
-    iconInverse: iconInverse$5,
-    supportError: supportError$5,
-    supportSuccess: supportSuccess$5,
-    supportWarning: supportWarning$5,
-    supportInfo: supportInfo$5,
-    supportErrorInverse: supportErrorInverse$5,
-    supportSuccessInverse: supportSuccessInverse$5,
-    supportWarningInverse: supportWarningInverse$5,
-    supportInfoInverse: supportInfoInverse$5,
-    overlay: overlay$5,
-    toggleOff: toggleOff$5,
-    buttonPrimary: buttonPrimary$5,
-    buttonSecondary: buttonSecondary$5,
-    buttonTertiary: buttonTertiary$5,
-    buttonDangerPrimary: buttonDangerPrimary$5,
-    buttonDangerSecondary: buttonDangerSecondary$5,
-    backgroundActive: backgroundActive$5,
-    layerActive: layerActive$5,
-    buttonDangerActive: buttonDangerActive$5,
-    buttonPrimaryActive: buttonPrimaryActive$5,
-    buttonSecondaryActive: buttonSecondaryActive$5,
-    buttonTertiaryActive: buttonTertiaryActive$5,
-    focusInset: focusInset$5,
-    focusInverse: focusInverse$5,
-    backgroundHover: backgroundHover$5,
-    layerHover: layerHover$5,
-    fieldHover: fieldHover$5,
-    backgroundInverseHover: backgroundInverseHover$5,
-    linkPrimaryHover: linkPrimaryHover$5,
-    buttonDangerHover: buttonDangerHover$5,
-    buttonPrimaryHover: buttonPrimaryHover$5,
-    buttonSecondaryHover: buttonSecondaryHover$5,
-    buttonTertiaryHover: buttonTertiaryHover$5,
-    backgroundSelected: backgroundSelected$5,
-    backgroundSelectedHover: backgroundSelectedHover$5,
-    layerSelected: layerSelected$5,
-    layerSelectedHover: layerSelectedHover$5,
-    layerSelectedInverse: layerSelectedInverse$5,
-    borderSubtleSelected: borderSubtleSelected$5,
-    layerDisabled: layerDisabled$5,
-    fieldDisabled: fieldDisabled$5,
-    borderDisabled: borderDisabled$5,
-    textDisabled: textDisabled$5,
-    buttonDisabled: buttonDisabled$5,
-    iconDisabled: iconDisabled$5,
-    textOnColorDisabled: textOnColorDisabled$5,
-    iconOnColorDisabled: iconOnColorDisabled$5,
-    layerSelectedDisabled: layerSelectedDisabled$5,
-    skeletonBackground: skeletonBackground$5,
-    skeletonElement: skeletonElement$5,
-    brand01: brand01$5,
-    brand02: brand02$5,
-    brand03: brand03$5,
-    active01: active01$5,
-    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,
-    bodyLong02: type.bodyLong02,
-    code01: type.code01,
-    code02: type.code02,
-    heading01: type.heading01,
-    productiveHeading01: type.productiveHeading01,
-    heading02: type.heading02,
-    productiveHeading02: type.productiveHeading02,
-    productiveHeading03: type.productiveHeading03,
-    productiveHeading04: type.productiveHeading04,
-    productiveHeading05: type.productiveHeading05,
-    productiveHeading06: type.productiveHeading06,
-    productiveHeading07: type.productiveHeading07,
-    expressiveHeading01: type.expressiveHeading01,
-    expressiveHeading02: type.expressiveHeading02,
-    expressiveHeading03: type.expressiveHeading03,
-    expressiveHeading04: type.expressiveHeading04,
-    expressiveHeading05: type.expressiveHeading05,
-    expressiveHeading06: type.expressiveHeading06,
-    expressiveParagraph01: type.expressiveParagraph01,
-    quotation01: type.quotation01,
-    quotation02: type.quotation02,
-    display01: type.display01,
-    display02: type.display02,
-    display03: type.display03,
-    display04: type.display04,
-    spacing01: layout.spacing01,
-    spacing02: layout.spacing02,
-    spacing03: layout.spacing03,
-    spacing04: layout.spacing04,
-    spacing05: layout.spacing05,
-    spacing06: layout.spacing06,
-    spacing07: layout.spacing07,
-    spacing08: layout.spacing08,
-    spacing09: layout.spacing09,
-    spacing10: layout.spacing10,
-    spacing11: layout.spacing11,
-    spacing12: layout.spacing12,
-    spacing13: layout.spacing13,
-    fluidSpacing01: layout.fluidSpacing01,
-    fluidSpacing02: layout.fluidSpacing02,
-    fluidSpacing03: layout.fluidSpacing03,
-    fluidSpacing04: layout.fluidSpacing04,
-    layout01: layout.layout01,
-    layout02: layout.layout02,
-    layout03: layout.layout03,
-    layout04: layout.layout04,
-    layout05: layout.layout05,
-    layout06: layout.layout06,
-    layout07: layout.layout07,
-    container01: layout.container01,
-    container02: layout.container02,
-    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
-  });
-
-  /**
-   * 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 = colors$1.blue60;
-  var interactive02$4 = colors$1.gray80;
-  var interactive03$4 = colors$1.blue60;
-  var interactive04$4 = colors$1.blue60;
-  var uiBackground$4 = colors$1.gray10;
-  var ui01$4 = colors$1.white;
-  var ui02$4 = colors$1.gray10;
-  var ui03$4 = colors$1.gray20;
-  var ui04$4 = colors$1.gray50;
-  var ui05$4 = colors$1.gray100;
-  var text01$4 = colors$1.gray100;
-  var text02$4 = colors$1.gray70;
-  var text03$4 = colors$1.gray40;
-  var text04$4 = colors$1.white;
-  var text05$4 = colors$1.gray60;
-  var textError$4 = colors$1.red60;
-  var icon01$4 = colors$1.gray100;
-  var icon02$4 = colors$1.gray70;
-  var icon03$4 = colors$1.white;
-  var link01$4 = colors$1.blue60;
-  var link02$4 = colors$1.blue70;
-  var inverseLink$4 = colors$1.blue40;
-  var field01$4 = colors$1.white;
-  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.green60;
-  var support03$4 = colors$1.yellow;
-  var support04$4 = colors$1.blue70;
-  var inverseSupport01$4 = colors$1.red50;
-  var inverseSupport02$4 = colors$1.green40;
-  var inverseSupport03$4 = colors$1.yellow;
-  var inverseSupport04$4 = colors$1.blue50;
-  var overlay01$4 = colors$1.rgba(colors$1.gray100, 0.5);
-  var danger01$4 = colors$1.red60;
-  var danger02$4 = colors$1.red60; // Interaction states
-
-  var focus$4 = colors$1.blue60;
-  var inverseFocusUi$4 = colors$1.white;
-  var hoverPrimary$4 = '#0353e9';
-  var activePrimary$4 = colors$1.blue80;
-  var hoverPrimaryText$4 = colors$1.blue70;
-  var hoverSecondary$4 = '#4c4c4c';
-  var activeSecondary$4 = colors$1.gray60;
-  var hoverTertiary$4 = '#0353e9';
-  var activeTertiary$4 = colors$1.blue80;
-  var hoverUI$4 = '#e5e5e5';
-  var hoverLightUI$4 = '#e5e5e5';
-  var activeUI$4 = colors$1.gray30;
-  var activeLightUI$4 = colors$1.gray30;
-  var selectedUI$4 = colors$1.gray20;
-  var selectedLightUI$4 = colors$1.gray20;
-  var inverseHoverUI$4 = '#4c4c4c';
-  var hoverSelectedUI$4 = '#cacaca';
-  var hoverDanger$4 = adjustLightness(danger01$4, -8);
-  var activeDanger$4 = colors$1.red80;
-  var hoverRow$4 = '#e5e5e5';
-  var visitedLink$4 = colors$1.purple60;
-  var disabled01$4 = colors$1.white;
-  var disabled02$4 = colors$1.gray30;
-  var disabled03$4 = colors$1.gray50;
-  var highlight$4 = colors$1.blue20;
-  var decorative01$4 = colors$1.gray20;
-  var buttonSeparator$4 = '#e0e0e0';
-  var skeleton01$4 = '#e5e5e5';
-  var skeleton02$4 = colors$1.gray30; // New color tokens
-  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new 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;
-  var interactive$4 = interactive04$4;
-  var borderSubtle$4 = ui03$4;
-  var borderStrong$4 = ui04$4;
-  var borderInverse$4 = ui05$4;
-  var borderInteractive$4 = interactive04$4;
-  var textPrimary$4 = text01$4;
-  var textSecondary$4 = text02$4;
-  var textPlaceholder$4 = text03$4;
-  var textHelper$4 = text05$4;
-  var textOnColor$4 = text04$4;
-  var textInverse$4 = inverse01$4;
-  var linkPrimary$4 = link01$4;
-  var linkSecondary$4 = link02$4;
-  var linkVisited$4 = visitedLink$4;
-  var linkInverse$4 = inverseLink$4;
-  var iconPrimary$4 = icon01$4;
-  var iconSecondary$4 = icon02$4;
-  var iconOnColor$4 = icon03$4;
-  var iconInverse$4 = inverse01$4;
-  var supportError$4 = support01$4;
-  var supportSuccess$4 = support02$4;
-  var supportWarning$4 = support03$4;
-  var supportInfo$4 = support04$4;
-  var supportErrorInverse$4 = inverseSupport01$4;
-  var supportSuccessInverse$4 = inverseSupport02$4;
-  var supportWarningInverse$4 = inverseSupport03$4;
-  var supportInfoInverse$4 = inverseSupport04$4;
-  var overlay$4 = overlay01$4;
-  var toggleOff$4 = ui04$4;
-  var buttonPrimary$4 = interactive01$4;
-  var buttonSecondary$4 = interactive02$4;
-  var buttonTertiary$4 = interactive03$4;
-  var buttonDangerPrimary$4 = danger01$4;
-  var buttonDangerSecondary$4 = danger02$4;
-  var backgroundActive$4 = activeUI$4;
-  var layerActive$4 = activeUI$4;
-  var buttonDangerActive$4 = activeDanger$4;
-  var buttonPrimaryActive$4 = activePrimary$4;
-  var buttonSecondaryActive$4 = activeSecondary$4;
-  var buttonTertiaryActive$4 = activeTertiary$4;
-  var focusInset$4 = inverse01$4;
-  var focusInverse$4 = inverseFocusUi$4;
-  var backgroundHover$4 = hoverUI$4;
-  var layerHover$4 = hoverUI$4;
-  var fieldHover$4 = hoverUI$4;
-  var backgroundInverseHover$4 = inverseHoverUI$4;
-  var linkPrimaryHover$4 = hoverPrimaryText$4;
-  var buttonDangerHover$4 = hoverDanger$4;
-  var buttonPrimaryHover$4 = hoverPrimary$4;
-  var buttonSecondaryHover$4 = hoverSecondary$4;
-  var buttonTertiaryHover$4 = hoverTertiary$4;
-  var backgroundSelected$4 = selectedUI$4;
-  var backgroundSelectedHover$4 = hoverSelectedUI$4;
-  var layerSelected$4 = selectedUI$4;
-  var layerSelectedHover$4 = hoverSelectedUI$4;
-  var layerSelectedInverse$4 = ui05$4;
-  var borderSubtleSelected$4 = activeUI$4;
-  var layerDisabled$4 = disabled01$4;
-  var fieldDisabled$4 = disabled01$4;
-  var borderDisabled$4 = disabled01$4;
-  var textDisabled$4 = disabled02$4;
-  var buttonDisabled$4 = disabled02$4;
-  var iconDisabled$4 = disabled02$4;
-  var textOnColorDisabled$4 = disabled03$4;
-  var iconOnColorDisabled$4 = disabled03$4;
-  var layerSelectedDisabled$4 = disabled03$4;
-  var skeletonBackground$4 = skeleton01$4;
-  var skeletonElement$4 = skeleton02$4;
-
-  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 g10 = /*#__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,
-    background: background$4,
-    layer: layer$4,
-    layerAccent: layerAccent$4,
-    layerAccentActive: layerAccentActive$4,
-    layerAccentHover: layerAccentHover$4,
-    field: field$4,
-    backgroundInverse: backgroundInverse$4,
-    backgroundBrand: backgroundBrand$4,
-    interactive: interactive$4,
-    borderSubtle: borderSubtle$4,
-    borderStrong: borderStrong$4,
-    borderInverse: borderInverse$4,
-    borderInteractive: borderInteractive$4,
-    textPrimary: textPrimary$4,
-    textSecondary: textSecondary$4,
-    textPlaceholder: textPlaceholder$4,
-    textHelper: textHelper$4,
-    textOnColor: textOnColor$4,
-    textInverse: textInverse$4,
-    linkPrimary: linkPrimary$4,
-    linkSecondary: linkSecondary$4,
-    linkVisited: linkVisited$4,
-    linkInverse: linkInverse$4,
-    iconPrimary: iconPrimary$4,
-    iconSecondary: iconSecondary$4,
-    iconOnColor: iconOnColor$4,
-    iconInverse: iconInverse$4,
-    supportError: supportError$4,
-    supportSuccess: supportSuccess$4,
-    supportWarning: supportWarning$4,
-    supportInfo: supportInfo$4,
-    supportErrorInverse: supportErrorInverse$4,
-    supportSuccessInverse: supportSuccessInverse$4,
-    supportWarningInverse: supportWarningInverse$4,
-    supportInfoInverse: supportInfoInverse$4,
-    overlay: overlay$4,
-    toggleOff: toggleOff$4,
-    buttonPrimary: buttonPrimary$4,
-    buttonSecondary: buttonSecondary$4,
-    buttonTertiary: buttonTertiary$4,
-    buttonDangerPrimary: buttonDangerPrimary$4,
-    buttonDangerSecondary: buttonDangerSecondary$4,
-    backgroundActive: backgroundActive$4,
-    layerActive: layerActive$4,
-    buttonDangerActive: buttonDangerActive$4,
-    buttonPrimaryActive: buttonPrimaryActive$4,
-    buttonSecondaryActive: buttonSecondaryActive$4,
-    buttonTertiaryActive: buttonTertiaryActive$4,
-    focusInset: focusInset$4,
-    focusInverse: focusInverse$4,
-    backgroundHover: backgroundHover$4,
-    layerHover: layerHover$4,
-    fieldHover: fieldHover$4,
-    backgroundInverseHover: backgroundInverseHover$4,
-    linkPrimaryHover: linkPrimaryHover$4,
-    buttonDangerHover: buttonDangerHover$4,
-    buttonPrimaryHover: buttonPrimaryHover$4,
-    buttonSecondaryHover: buttonSecondaryHover$4,
-    buttonTertiaryHover: buttonTertiaryHover$4,
-    backgroundSelected: backgroundSelected$4,
-    backgroundSelectedHover: backgroundSelectedHover$4,
-    layerSelected: layerSelected$4,
-    layerSelectedHover: layerSelectedHover$4,
-    layerSelectedInverse: layerSelectedInverse$4,
-    borderSubtleSelected: borderSubtleSelected$4,
-    layerDisabled: layerDisabled$4,
-    fieldDisabled: fieldDisabled$4,
-    borderDisabled: borderDisabled$4,
-    textDisabled: textDisabled$4,
-    buttonDisabled: buttonDisabled$4,
-    iconDisabled: iconDisabled$4,
-    textOnColorDisabled: textOnColorDisabled$4,
-    iconOnColorDisabled: iconOnColorDisabled$4,
-    layerSelectedDisabled: layerSelectedDisabled$4,
-    skeletonBackground: skeletonBackground$4,
-    skeletonElement: skeletonElement$4,
-    brand01: brand01$4,
-    brand02: brand02$4,
-    brand03: brand03$4,
-    active01: active01$4,
-    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,
-    bodyLong02: type.bodyLong02,
-    code01: type.code01,
-    code02: type.code02,
-    heading01: type.heading01,
-    productiveHeading01: type.productiveHeading01,
-    heading02: type.heading02,
-    productiveHeading02: type.productiveHeading02,
-    productiveHeading03: type.productiveHeading03,
-    productiveHeading04: type.productiveHeading04,
-    productiveHeading05: type.productiveHeading05,
-    productiveHeading06: type.productiveHeading06,
-    productiveHeading07: type.productiveHeading07,
-    expressiveHeading01: type.expressiveHeading01,
-    expressiveHeading02: type.expressiveHeading02,
-    expressiveHeading03: type.expressiveHeading03,
-    expressiveHeading04: type.expressiveHeading04,
-    expressiveHeading05: type.expressiveHeading05,
-    expressiveHeading06: type.expressiveHeading06,
-    expressiveParagraph01: type.expressiveParagraph01,
-    quotation01: type.quotation01,
-    quotation02: type.quotation02,
-    display01: type.display01,
-    display02: type.display02,
-    display03: type.display03,
-    display04: type.display04,
-    spacing01: layout.spacing01,
-    spacing02: layout.spacing02,
-    spacing03: layout.spacing03,
-    spacing04: layout.spacing04,
-    spacing05: layout.spacing05,
-    spacing06: layout.spacing06,
-    spacing07: layout.spacing07,
-    spacing08: layout.spacing08,
-    spacing09: layout.spacing09,
-    spacing10: layout.spacing10,
-    spacing11: layout.spacing11,
-    spacing12: layout.spacing12,
-    spacing13: layout.spacing13,
-    fluidSpacing01: layout.fluidSpacing01,
-    fluidSpacing02: layout.fluidSpacing02,
-    fluidSpacing03: layout.fluidSpacing03,
-    fluidSpacing04: layout.fluidSpacing04,
-    layout01: layout.layout01,
-    layout02: layout.layout02,
-    layout03: layout.layout03,
-    layout04: layout.layout04,
-    layout05: layout.layout05,
-    layout06: layout.layout06,
-    layout07: layout.layout07,
-    container01: layout.container01,
-    container02: layout.container02,
-    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
-  });
-
-  /**
-   * 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$3 = colors$1.blue60;
-  var interactive02$3 = colors$1.gray60;
-  var interactive03$3 = colors$1.white;
-  var interactive04$3 = colors$1.blue50;
-  var uiBackground$3 = colors$1.gray100;
-  var ui01$3 = colors$1.gray90;
-  var ui02$3 = colors$1.gray80;
-  var ui03$3 = colors$1.gray80;
-  var ui04$3 = colors$1.gray60;
-  var ui05$3 = colors$1.gray10;
-  var text01$3 = colors$1.gray10;
-  var text02$3 = colors$1.gray30;
-  var text03$3 = colors$1.gray60;
-  var text04$3 = colors$1.white;
-  var text05$3 = colors$1.gray50;
-  var textError$3 = colors$1.red40;
-  var icon01$3 = colors$1.gray10;
-  var icon02$3 = colors$1.gray30;
-  var icon03$3 = colors$1.white;
-  var link01$3 = colors$1.blue40;
-  var link02$3 = colors$1.blue30;
-  var inverseLink$3 = colors$1.blue60;
-  var field01$3 = colors$1.gray90;
-  var field02$3 = colors$1.gray80;
-  var inverse01$3 = colors$1.gray100;
-  var inverse02$3 = colors$1.gray10;
-  var support01$3 = colors$1.red50;
-  var support02$3 = colors$1.green40;
-  var support03$3 = colors$1.yellow;
-  var support04$3 = colors$1.blue50;
-  var inverseSupport01$3 = colors$1.red60;
-  var inverseSupport02$3 = colors$1.green50;
-  var inverseSupport03$3 = colors$1.yellow;
-  var inverseSupport04$3 = colors$1.blue60;
-  var overlay01$3 = colors$1.rgba(colors$1.gray100, 0.7);
-  var danger01$3 = colors$1.red60;
-  var danger02$3 = colors$1.red50; // Interaction states
-
-  var focus$3 = colors$1.white;
-  var inverseFocusUi$3 = colors$1.blue60;
-  var hoverPrimary$3 = '#0353e9';
-  var activePrimary$3 = colors$1.blue80;
-  var hoverPrimaryText$3 = colors$1.blue30;
-  var hoverSecondary$3 = '#606060';
-  var activeSecondary$3 = colors$1.gray80;
-  var hoverTertiary$3 = colors$1.gray10;
-  var activeTertiary$3 = colors$1.gray30;
-  var hoverUI$3 = '#353535';
-  var hoverLightUI$3 = '#4c4c4c';
-  var activeUI$3 = colors$1.gray70;
-  var activeLightUI$3 = colors$1.gray60;
-  var selectedUI$3 = colors$1.gray80;
-  var selectedLightUI$3 = colors$1.gray70;
-  var inverseHoverUI$3 = '#e5e5e5';
-  var hoverSelectedUI$3 = '#4c4c4c';
-  var hoverDanger$3 = adjustLightness(danger01$3, -8);
-  var activeDanger$3 = colors$1.red80;
-  var hoverRow$3 = '#353535';
-  var visitedLink$3 = colors$1.purple40;
-  var disabled01$3 = colors$1.gray90;
-  var disabled02$3 = colors$1.gray70;
-  var disabled03$3 = colors$1.gray50;
-  var highlight$3 = colors$1.blue80;
-  var decorative01$3 = colors$1.gray70;
-  var buttonSeparator$3 = '#161616';
-  var skeleton01$3 = '#353535';
-  var skeleton02$3 = colors$1.gray70; // New color tokens
-  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new 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;
-  var interactive$3 = interactive04$3;
-  var borderSubtle$3 = ui03$3;
-  var borderStrong$3 = ui04$3;
-  var borderInverse$3 = ui05$3;
-  var borderInteractive$3 = interactive04$3;
-  var textPrimary$3 = text01$3;
-  var textSecondary$3 = text02$3;
-  var textPlaceholder$3 = text03$3;
-  var textHelper$3 = text05$3;
-  var textOnColor$3 = text04$3;
-  var textInverse$3 = inverse01$3;
-  var linkPrimary$3 = link01$3;
-  var linkSecondary$3 = link02$3;
-  var linkVisited$3 = visitedLink$3;
-  var linkInverse$3 = inverseLink$3;
-  var iconPrimary$3 = icon01$3;
-  var iconSecondary$3 = icon02$3;
-  var iconOnColor$3 = icon03$3;
-  var iconInverse$3 = inverse01$3;
-  var supportError$3 = support01$3;
-  var supportSuccess$3 = support02$3;
-  var supportWarning$3 = support03$3;
-  var supportInfo$3 = support04$3;
-  var supportErrorInverse$3 = inverseSupport01$3;
-  var supportSuccessInverse$3 = inverseSupport02$3;
-  var supportWarningInverse$3 = inverseSupport03$3;
-  var supportInfoInverse$3 = inverseSupport04$3;
-  var overlay$3 = overlay01$3;
-  var toggleOff$3 = ui04$3;
-  var buttonPrimary$3 = interactive01$3;
-  var buttonSecondary$3 = interactive02$3;
-  var buttonTertiary$3 = interactive03$3;
-  var buttonDangerPrimary$3 = danger01$3;
-  var buttonDangerSecondary$3 = danger02$3;
-  var backgroundActive$3 = activeUI$3;
-  var layerActive$3 = activeUI$3;
-  var buttonDangerActive$3 = activeDanger$3;
-  var buttonPrimaryActive$3 = activePrimary$3;
-  var buttonSecondaryActive$3 = activeSecondary$3;
-  var buttonTertiaryActive$3 = activeTertiary$3;
-  var focusInset$3 = inverse01$3;
-  var focusInverse$3 = inverseFocusUi$3;
-  var backgroundHover$3 = hoverUI$3;
-  var layerHover$3 = hoverUI$3;
-  var fieldHover$3 = hoverUI$3;
-  var backgroundInverseHover$3 = inverseHoverUI$3;
-  var linkPrimaryHover$3 = hoverPrimaryText$3;
-  var buttonDangerHover$3 = hoverDanger$3;
-  var buttonPrimaryHover$3 = hoverPrimary$3;
-  var buttonSecondaryHover$3 = hoverSecondary$3;
-  var buttonTertiaryHover$3 = hoverTertiary$3;
-  var backgroundSelected$3 = selectedUI$3;
-  var backgroundSelectedHover$3 = hoverSelectedUI$3;
-  var layerSelected$3 = selectedUI$3;
-  var layerSelectedHover$3 = hoverSelectedUI$3;
-  var layerSelectedInverse$3 = ui05$3;
-  var borderSubtleSelected$3 = activeUI$3;
-  var layerDisabled$3 = disabled01$3;
-  var fieldDisabled$3 = disabled01$3;
-  var borderDisabled$3 = disabled01$3;
-  var textDisabled$3 = disabled02$3;
-  var buttonDisabled$3 = disabled02$3;
-  var iconDisabled$3 = disabled02$3;
-  var textOnColorDisabled$3 = disabled03$3;
-  var iconOnColorDisabled$3 = disabled03$3;
-  var layerSelectedDisabled$3 = disabled03$3;
-  var skeletonBackground$3 = skeleton01$3;
-  var skeletonElement$3 = skeleton02$3;
-
-  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 g100 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    interactive01: interactive01$3,
-    interactive02: interactive02$3,
-    interactive03: interactive03$3,
-    interactive04: interactive04$3,
-    uiBackground: uiBackground$3,
-    ui01: ui01$3,
-    ui02: ui02$3,
-    ui03: ui03$3,
-    ui04: ui04$3,
-    ui05: ui05$3,
-    text01: text01$3,
-    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,
-    inverse02: inverse02$3,
-    support01: support01$3,
-    support02: support02$3,
-    support03: support03$3,
-    support04: support04$3,
-    inverseSupport01: inverseSupport01$3,
-    inverseSupport02: inverseSupport02$3,
-    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,
-    hoverSecondary: hoverSecondary$3,
-    activeSecondary: activeSecondary$3,
-    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,
-    hoverRow: hoverRow$3,
-    visitedLink: visitedLink$3,
-    disabled01: disabled01$3,
-    disabled02: disabled02$3,
-    disabled03: disabled03$3,
-    highlight: highlight$3,
-    decorative01: decorative01$3,
-    buttonSeparator: buttonSeparator$3,
-    skeleton01: skeleton01$3,
-    skeleton02: skeleton02$3,
-    background: background$3,
-    layer: layer$3,
-    layerAccent: layerAccent$3,
-    layerAccentActive: layerAccentActive$3,
-    layerAccentHover: layerAccentHover$3,
-    field: field$3,
-    backgroundInverse: backgroundInverse$3,
-    backgroundBrand: backgroundBrand$3,
-    interactive: interactive$3,
-    borderSubtle: borderSubtle$3,
-    borderStrong: borderStrong$3,
-    borderInverse: borderInverse$3,
-    borderInteractive: borderInteractive$3,
-    textPrimary: textPrimary$3,
-    textSecondary: textSecondary$3,
-    textPlaceholder: textPlaceholder$3,
-    textHelper: textHelper$3,
-    textOnColor: textOnColor$3,
-    textInverse: textInverse$3,
-    linkPrimary: linkPrimary$3,
-    linkSecondary: linkSecondary$3,
-    linkVisited: linkVisited$3,
-    linkInverse: linkInverse$3,
-    iconPrimary: iconPrimary$3,
-    iconSecondary: iconSecondary$3,
-    iconOnColor: iconOnColor$3,
-    iconInverse: iconInverse$3,
-    supportError: supportError$3,
-    supportSuccess: supportSuccess$3,
-    supportWarning: supportWarning$3,
-    supportInfo: supportInfo$3,
-    supportErrorInverse: supportErrorInverse$3,
-    supportSuccessInverse: supportSuccessInverse$3,
-    supportWarningInverse: supportWarningInverse$3,
-    supportInfoInverse: supportInfoInverse$3,
-    overlay: overlay$3,
-    toggleOff: toggleOff$3,
-    buttonPrimary: buttonPrimary$3,
-    buttonSecondary: buttonSecondary$3,
-    buttonTertiary: buttonTertiary$3,
-    buttonDangerPrimary: buttonDangerPrimary$3,
-    buttonDangerSecondary: buttonDangerSecondary$3,
-    backgroundActive: backgroundActive$3,
-    layerActive: layerActive$3,
-    buttonDangerActive: buttonDangerActive$3,
-    buttonPrimaryActive: buttonPrimaryActive$3,
-    buttonSecondaryActive: buttonSecondaryActive$3,
-    buttonTertiaryActive: buttonTertiaryActive$3,
-    focusInset: focusInset$3,
-    focusInverse: focusInverse$3,
-    backgroundHover: backgroundHover$3,
-    layerHover: layerHover$3,
-    fieldHover: fieldHover$3,
-    backgroundInverseHover: backgroundInverseHover$3,
-    linkPrimaryHover: linkPrimaryHover$3,
-    buttonDangerHover: buttonDangerHover$3,
-    buttonPrimaryHover: buttonPrimaryHover$3,
-    buttonSecondaryHover: buttonSecondaryHover$3,
-    buttonTertiaryHover: buttonTertiaryHover$3,
-    backgroundSelected: backgroundSelected$3,
-    backgroundSelectedHover: backgroundSelectedHover$3,
-    layerSelected: layerSelected$3,
-    layerSelectedHover: layerSelectedHover$3,
-    layerSelectedInverse: layerSelectedInverse$3,
-    borderSubtleSelected: borderSubtleSelected$3,
-    layerDisabled: layerDisabled$3,
-    fieldDisabled: fieldDisabled$3,
-    borderDisabled: borderDisabled$3,
-    textDisabled: textDisabled$3,
-    buttonDisabled: buttonDisabled$3,
-    iconDisabled: iconDisabled$3,
-    textOnColorDisabled: textOnColorDisabled$3,
-    iconOnColorDisabled: iconOnColorDisabled$3,
-    layerSelectedDisabled: layerSelectedDisabled$3,
-    skeletonBackground: skeletonBackground$3,
-    skeletonElement: skeletonElement$3,
-    brand01: brand01$3,
-    brand02: brand02$3,
-    brand03: brand03$3,
-    active01: active01$3,
-    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,
-    bodyLong02: type.bodyLong02,
-    code01: type.code01,
-    code02: type.code02,
-    heading01: type.heading01,
-    productiveHeading01: type.productiveHeading01,
-    heading02: type.heading02,
-    productiveHeading02: type.productiveHeading02,
-    productiveHeading03: type.productiveHeading03,
-    productiveHeading04: type.productiveHeading04,
-    productiveHeading05: type.productiveHeading05,
-    productiveHeading06: type.productiveHeading06,
-    productiveHeading07: type.productiveHeading07,
-    expressiveHeading01: type.expressiveHeading01,
-    expressiveHeading02: type.expressiveHeading02,
-    expressiveHeading03: type.expressiveHeading03,
-    expressiveHeading04: type.expressiveHeading04,
-    expressiveHeading05: type.expressiveHeading05,
-    expressiveHeading06: type.expressiveHeading06,
-    expressiveParagraph01: type.expressiveParagraph01,
-    quotation01: type.quotation01,
-    quotation02: type.quotation02,
-    display01: type.display01,
-    display02: type.display02,
-    display03: type.display03,
-    display04: type.display04,
-    spacing01: layout.spacing01,
-    spacing02: layout.spacing02,
-    spacing03: layout.spacing03,
-    spacing04: layout.spacing04,
-    spacing05: layout.spacing05,
-    spacing06: layout.spacing06,
-    spacing07: layout.spacing07,
-    spacing08: layout.spacing08,
-    spacing09: layout.spacing09,
-    spacing10: layout.spacing10,
-    spacing11: layout.spacing11,
-    spacing12: layout.spacing12,
-    spacing13: layout.spacing13,
-    fluidSpacing01: layout.fluidSpacing01,
-    fluidSpacing02: layout.fluidSpacing02,
-    fluidSpacing03: layout.fluidSpacing03,
-    fluidSpacing04: layout.fluidSpacing04,
-    layout01: layout.layout01,
-    layout02: layout.layout02,
-    layout03: layout.layout03,
-    layout04: layout.layout04,
-    layout05: layout.layout05,
-    layout06: layout.layout06,
-    layout07: layout.layout07,
-    container01: layout.container01,
-    container02: layout.container02,
-    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
-  });
-
-  /**
-   * 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.
-   */
-  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
-
-  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;
-  var interactive$2 = colors$1.blue40;
-  var borderSubtle$2 = colors$1.gray60;
-  var borderStrong$2 = colors$1.gray40;
-  var borderInverse$2 = colors$1.gray10;
-  var borderInteractive$2 = colors$1.blue50;
-  var textPrimary$2 = colors$1.gray10;
-  var textSecondary$2 = colors$1.gray30;
-  var textPlaceholder$2 = colors$1.gray60;
-  var textHelper$2 = colors$1.gray40;
-  var textError$2 = colors$1.red30;
-  var textOnColor$2 = colors$1.white;
-  var textInverse$2 = colors$1.gray100;
-  var linkPrimary$2 = colors$1.blue40;
-  var linkSecondary$2 = colors$1.blue30;
-  var linkVisited$2 = colors$1.purple40;
-  var linkInverse$2 = colors$1.blue60;
-  var iconPrimary$2 = colors$1.gray10;
-  var iconSecondary$2 = colors$1.gray30;
-  var iconOnColor$2 = colors$1.white;
-  var iconInverse$2 = colors$1.gray100;
-  var supportError$2 = colors$1.red40;
-  var supportSuccess$2 = colors$1.green40;
-  var supportWarning$2 = colors$1.yellow30;
-  var supportInfo$2 = colors$1.blue50;
-  var supportErrorInverse$2 = colors$1.red60;
-  var supportSuccessInverse$2 = colors$1.green50;
-  var supportWarningInverse$2 = colors$1.yellow30;
-  var supportInfoInverse$2 = colors$1.blue60;
-  var overlay$2 = colors$1.rgba(colors$1.gray100, 0.7);
-  var toggleOff$2 = colors$1.gray50;
-  var buttonPrimary$2 = colors$1.blue60;
-  var buttonSecondary$2 = colors$1.gray60;
-  var buttonTertiary$2 = colors$1.white;
-  var buttonDangerPrimary$2 = colors$1.red60;
-  var buttonDangerSecondary$2 = colors$1.red40;
-  var buttonSeparator$2 = colors$1.gray100;
-  var backgroundActive$2 = colors$1.gray70;
-  var layerActive$2 = colors$1.gray60;
-  var buttonDangerActive$2 = colors$1.red80;
-  var buttonPrimaryActive$2 = colors$1.blue80;
-  var buttonSecondaryActive$2 = colors$1.gray70;
-  var buttonTertiaryActive$2 = colors$1.gray30;
-  var focus$2 = colors$1.white;
-  var focusInset$2 = colors$1.gray100;
-  var focusInverse$2 = colors$1.blue60;
-  var highlight$2 = colors$1.blue70;
-  var backgroundHover$2 = adjustLightness(background$2, +6);
-  var layerHover$2 = adjustLightness(layer$2, +7);
-  var fieldHover$2 = adjustLightness(field$2, +7);
-  var backgroundInverseHover$2 = adjustLightness(backgroundInverse$2, -5);
-  var linkPrimaryHover$2 = colors$1.blue30;
-  var buttonDangerHover$2 = adjustLightness(buttonDangerPrimary$2, -8);
-  var buttonPrimaryHover$2 = adjustLightness(buttonPrimary$2, -8);
-  var buttonSecondaryHover$2 = adjustLightness(buttonSecondary$2, -7);
-  var buttonTertiaryHover$2 = colors$1.white;
-  var backgroundSelected$2 = colors$1.gray70;
-  var backgroundSelectedHover$2 = adjustLightness(backgroundSelected$2, +7);
-  var layerSelected$2 = colors$1.gray60;
-  var layerSelectedHover$2 = adjustLightness(layerSelected$2, -6);
-  var layerSelectedInverse$2 = colors$1.gray10;
-  var borderSubtleSelected$2 = colors$1.gray50;
-  var layerDisabled$2 = colors$1.gray70;
-  var fieldDisabled$2 = colors$1.gray70;
-  var borderDisabled$2 = colors$1.gray70;
-  var textDisabled$2 = colors$1.gray50;
-  var buttonDisabled$2 = colors$1.gray50;
-  var iconDisabled$2 = colors$1.gray50;
-  var textOnColorDisabled$2 = colors$1.gray30;
-  var iconOnColorDisabled$2 = colors$1.gray30;
-  var layerSelectedDisabled$2 = colors$1.gray30;
-  var skeletonBackground$2 = adjustLightness(background$2, +6);
-  var skeletonElement$2 = colors$1.gray60; //////////////////////////////////////
-  // Old tokens needed to pass tests  //
-  //////////////////////////////////////
-
-  var interactive01$2 = backgroundBrand$2;
-  var interactive02$2 = buttonSecondary$2;
-  var interactive03$2 = buttonTertiary$2;
-  var interactive04$2 = interactive$2;
-  var uiBackground$2 = background$2;
-  var ui01$2 = layer$2;
-  var ui02$2 = colors$1.gray70;
-  var ui03$2 = layerAccent$2;
-  var ui04$2 = borderStrong$2;
-  var ui05$2 = borderInverse$2;
-  var text01$2 = textPrimary$2;
-  var text02$2 = textSecondary$2;
-  var text03$2 = textPlaceholder$2;
-  var text04$2 = textOnColor$2;
-  var text05$2 = textHelper$2;
-  var icon01$2 = iconPrimary$2;
-  var icon02$2 = iconSecondary$2;
-  var icon03$2 = iconOnColor$2;
-  var link01$2 = linkPrimary$2;
-  var link02$2 = linkSecondary$2;
-  var inverseLink$2 = linkInverse$2;
-  var field01$2 = field$2;
-  var field02$2 = colors$1.gray60;
-  var inverse01$2 = textInverse$2;
-  var inverse02$2 = backgroundInverse$2;
-  var support01$2 = supportError$2;
-  var support02$2 = supportSuccess$2;
-  var support03$2 = supportWarning$2;
-  var support04$2 = supportInfo$2;
-  var inverseSupport01$2 = supportErrorInverse$2;
-  var inverseSupport02$2 = supportSuccessInverse$2;
-  var inverseSupport03$2 = supportWarningInverse$2;
-  var inverseSupport04$2 = supportInfoInverse$2;
-  var overlay01$2 = overlay$2;
-  var danger01$2 = buttonDangerPrimary$2;
-  var danger02$2 = buttonDangerSecondary$2; // Interaction states
-
-  var inverseFocusUi$2 = focusInverse$2;
-  var hoverPrimary$2 = buttonPrimaryHover$2;
-  var activePrimary$2 = buttonPrimaryActive$2;
-  var hoverPrimaryText$2 = linkPrimaryHover$2;
-  var hoverSecondary$2 = buttonSecondaryHover$2;
-  var activeSecondary$2 = buttonSecondaryActive$2;
-  var hoverTertiary$2 = buttonTertiaryHover$2;
-  var activeTertiary$2 = buttonTertiaryActive$2;
-  var hoverUI$2 = backgroundHover$2;
-  var hoverLightUI$2 = '#5E5E5E';
-  var activeUI$2 = backgroundActive$2;
-  var activeLightUI$2 = colors$1.gray50;
-  var selectedUI$2 = backgroundSelected$2;
-  var selectedLightUI$2 = colors$1.gray50;
-  var inverseHoverUI$2 = backgroundInverseHover$2;
-  var hoverSelectedUI$2 = layerSelectedHover$2;
-  var hoverDanger$2 = buttonDangerHover$2;
-  var activeDanger$2 = buttonDangerActive$2;
-  var hoverRow$2 = layerHover$2;
-  var visitedLink$2 = linkVisited$2;
-  var disabled01$2 = layerDisabled$2;
-  var disabled02$2 = textDisabled$2;
-  var disabled03$2 = textOnColorDisabled$2;
-  var decorative01$2 = colors$1.gray60;
-  var skeleton01$2 = skeletonBackground$2;
-  var skeleton02$2 = skeletonElement$2;
-
-  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 g80 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    background: background$2,
-    layer: layer$2,
-    layerAccent: layerAccent$2,
-    layerAccentActive: layerAccentActive$2,
-    layerAccentHover: layerAccentHover$2,
-    field: field$2,
-    backgroundInverse: backgroundInverse$2,
-    backgroundBrand: backgroundBrand$2,
-    interactive: interactive$2,
-    borderSubtle: borderSubtle$2,
-    borderStrong: borderStrong$2,
-    borderInverse: borderInverse$2,
-    borderInteractive: borderInteractive$2,
-    textPrimary: textPrimary$2,
-    textSecondary: textSecondary$2,
-    textPlaceholder: textPlaceholder$2,
-    textHelper: textHelper$2,
-    textError: textError$2,
-    textOnColor: textOnColor$2,
-    textInverse: textInverse$2,
-    linkPrimary: linkPrimary$2,
-    linkSecondary: linkSecondary$2,
-    linkVisited: linkVisited$2,
-    linkInverse: linkInverse$2,
-    iconPrimary: iconPrimary$2,
-    iconSecondary: iconSecondary$2,
-    iconOnColor: iconOnColor$2,
-    iconInverse: iconInverse$2,
-    supportError: supportError$2,
-    supportSuccess: supportSuccess$2,
-    supportWarning: supportWarning$2,
-    supportInfo: supportInfo$2,
-    supportErrorInverse: supportErrorInverse$2,
-    supportSuccessInverse: supportSuccessInverse$2,
-    supportWarningInverse: supportWarningInverse$2,
-    supportInfoInverse: supportInfoInverse$2,
-    overlay: overlay$2,
-    toggleOff: toggleOff$2,
-    buttonPrimary: buttonPrimary$2,
-    buttonSecondary: buttonSecondary$2,
-    buttonTertiary: buttonTertiary$2,
-    buttonDangerPrimary: buttonDangerPrimary$2,
-    buttonDangerSecondary: buttonDangerSecondary$2,
-    buttonSeparator: buttonSeparator$2,
-    backgroundActive: backgroundActive$2,
-    layerActive: layerActive$2,
-    buttonDangerActive: buttonDangerActive$2,
-    buttonPrimaryActive: buttonPrimaryActive$2,
-    buttonSecondaryActive: buttonSecondaryActive$2,
-    buttonTertiaryActive: buttonTertiaryActive$2,
-    focus: focus$2,
-    focusInset: focusInset$2,
-    focusInverse: focusInverse$2,
-    highlight: highlight$2,
-    backgroundHover: backgroundHover$2,
-    layerHover: layerHover$2,
-    fieldHover: fieldHover$2,
-    backgroundInverseHover: backgroundInverseHover$2,
-    linkPrimaryHover: linkPrimaryHover$2,
-    buttonDangerHover: buttonDangerHover$2,
-    buttonPrimaryHover: buttonPrimaryHover$2,
-    buttonSecondaryHover: buttonSecondaryHover$2,
-    buttonTertiaryHover: buttonTertiaryHover$2,
-    backgroundSelected: backgroundSelected$2,
-    backgroundSelectedHover: backgroundSelectedHover$2,
-    layerSelected: layerSelected$2,
-    layerSelectedHover: layerSelectedHover$2,
-    layerSelectedInverse: layerSelectedInverse$2,
-    borderSubtleSelected: borderSubtleSelected$2,
-    layerDisabled: layerDisabled$2,
-    fieldDisabled: fieldDisabled$2,
-    borderDisabled: borderDisabled$2,
-    textDisabled: textDisabled$2,
-    buttonDisabled: buttonDisabled$2,
-    iconDisabled: iconDisabled$2,
-    textOnColorDisabled: textOnColorDisabled$2,
-    iconOnColorDisabled: iconOnColorDisabled$2,
-    layerSelectedDisabled: layerSelectedDisabled$2,
-    skeletonBackground: skeletonBackground$2,
-    skeletonElement: skeletonElement$2,
-    interactive01: interactive01$2,
-    interactive02: interactive02$2,
-    interactive03: interactive03$2,
-    interactive04: interactive04$2,
-    uiBackground: uiBackground$2,
-    ui01: ui01$2,
-    ui02: ui02$2,
-    ui03: ui03$2,
-    ui04: ui04$2,
-    ui05: ui05$2,
-    text01: text01$2,
-    text02: text02$2,
-    text03: text03$2,
-    text04: text04$2,
-    text05: text05$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,
-    inverse02: inverse02$2,
-    support01: support01$2,
-    support02: support02$2,
-    support03: support03$2,
-    support04: support04$2,
-    inverseSupport01: inverseSupport01$2,
-    inverseSupport02: inverseSupport02$2,
-    inverseSupport03: inverseSupport03$2,
-    inverseSupport04: inverseSupport04$2,
-    overlay01: overlay01$2,
-    danger01: danger01$2,
-    danger02: danger02$2,
-    inverseFocusUi: inverseFocusUi$2,
-    hoverPrimary: hoverPrimary$2,
-    activePrimary: activePrimary$2,
-    hoverPrimaryText: hoverPrimaryText$2,
-    hoverSecondary: hoverSecondary$2,
-    activeSecondary: activeSecondary$2,
-    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,
-    hoverRow: hoverRow$2,
-    visitedLink: visitedLink$2,
-    disabled01: disabled01$2,
-    disabled02: disabled02$2,
-    disabled03: disabled03$2,
-    decorative01: decorative01$2,
-    skeleton01: skeleton01$2,
-    skeleton02: skeleton02$2,
-    brand01: brand01$2,
-    brand02: brand02$2,
-    brand03: brand03$2,
-    active01: active01$2,
-    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,
-    bodyLong02: type.bodyLong02,
-    code01: type.code01,
-    code02: type.code02,
-    heading01: type.heading01,
-    productiveHeading01: type.productiveHeading01,
-    heading02: type.heading02,
-    productiveHeading02: type.productiveHeading02,
-    productiveHeading03: type.productiveHeading03,
-    productiveHeading04: type.productiveHeading04,
-    productiveHeading05: type.productiveHeading05,
-    productiveHeading06: type.productiveHeading06,
-    productiveHeading07: type.productiveHeading07,
-    expressiveHeading01: type.expressiveHeading01,
-    expressiveHeading02: type.expressiveHeading02,
-    expressiveHeading03: type.expressiveHeading03,
-    expressiveHeading04: type.expressiveHeading04,
-    expressiveHeading05: type.expressiveHeading05,
-    expressiveHeading06: type.expressiveHeading06,
-    expressiveParagraph01: type.expressiveParagraph01,
-    quotation01: type.quotation01,
-    quotation02: type.quotation02,
-    display01: type.display01,
-    display02: type.display02,
-    display03: type.display03,
-    display04: type.display04,
-    spacing01: layout.spacing01,
-    spacing02: layout.spacing02,
-    spacing03: layout.spacing03,
-    spacing04: layout.spacing04,
-    spacing05: layout.spacing05,
-    spacing06: layout.spacing06,
-    spacing07: layout.spacing07,
-    spacing08: layout.spacing08,
-    spacing09: layout.spacing09,
-    spacing10: layout.spacing10,
-    spacing11: layout.spacing11,
-    spacing12: layout.spacing12,
-    spacing13: layout.spacing13,
-    fluidSpacing01: layout.fluidSpacing01,
-    fluidSpacing02: layout.fluidSpacing02,
-    fluidSpacing03: layout.fluidSpacing03,
-    fluidSpacing04: layout.fluidSpacing04,
-    layout01: layout.layout01,
-    layout02: layout.layout02,
-    layout03: layout.layout03,
-    layout04: layout.layout04,
-    layout05: layout.layout05,
-    layout06: layout.layout06,
-    layout07: layout.layout07,
-    container01: layout.container01,
-    container02: layout.container02,
-    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
-  });
-
-  /**
-   * 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$1 = colors$1.blue60;
-  var interactive02$1 = colors$1.gray60;
-  var interactive03$1 = colors$1.white;
-  var interactive04$1 = colors$1.blue50;
-  var uiBackground$1 = colors$1.gray90;
-  var ui01$1 = colors$1.gray80;
-  var ui02$1 = colors$1.gray70;
-  var ui03$1 = colors$1.gray70;
-  var ui04$1 = colors$1.gray50;
-  var ui05$1 = colors$1.gray10;
-  var text01$1 = colors$1.gray10;
-  var text02$1 = colors$1.gray30;
-  var text03$1 = colors$1.gray60;
-  var text04$1 = colors$1.white;
-  var text05$1 = colors$1.gray50;
-  var textError$1 = colors$1.red30;
-  var icon01$1 = colors$1.gray10;
-  var icon02$1 = colors$1.gray30;
-  var icon03$1 = colors$1.white;
-  var link01$1 = colors$1.blue40;
-  var link02$1 = colors$1.blue30;
-  var inverseLink$1 = colors$1.blue60;
-  var field01$1 = colors$1.gray80;
-  var field02$1 = colors$1.gray70;
-  var inverse01$1 = colors$1.gray100;
-  var inverse02$1 = colors$1.gray10;
-  var support01$1 = colors$1.red40;
-  var support02$1 = colors$1.green40;
-  var support03$1 = colors$1.yellow;
-  var support04$1 = colors$1.blue50;
-  var inverseSupport01$1 = colors$1.red60;
-  var inverseSupport02$1 = colors$1.green50;
-  var inverseSupport03$1 = colors$1.yellow;
-  var inverseSupport04$1 = colors$1.blue60;
-  var overlay01$1 = colors$1.rgba(colors$1.gray100, 0.7);
-  var danger01$1 = colors$1.red60;
-  var danger02$1 = colors$1.red40; // Interaction states
-
-  var focus$1 = colors$1.white;
-  var inverseFocusUi$1 = colors$1.blue60;
-  var hoverPrimary$1 = '#0353e9';
-  var activePrimary$1 = colors$1.blue80;
-  var hoverPrimaryText$1 = colors$1.blue30;
-  var hoverSecondary$1 = '#606060';
-  var activeSecondary$1 = colors$1.gray80;
-  var hoverTertiary$1 = colors$1.gray10;
-  var activeTertiary$1 = colors$1.gray30;
-  var hoverUI$1 = '#4c4c4c';
-  var hoverLightUI$1 = '#656565';
-  var activeUI$1 = colors$1.gray60;
-  var activeLightUI$1 = colors$1.gray50;
-  var selectedUI$1 = colors$1.gray70;
-  var selectedLightUI$1 = colors$1.gray60;
-  var inverseHoverUI$1 = '#e5e5e5';
-  var hoverSelectedUI$1 = '#656565';
-  var hoverDanger$1 = adjustLightness(danger01$1, -8);
-  var activeDanger$1 = colors$1.red80;
-  var hoverRow$1 = '#4c4c4c';
-  var visitedLink$1 = colors$1.purple40;
-  var disabled01$1 = colors$1.gray80;
-  var disabled02$1 = colors$1.gray60;
-  var disabled03$1 = colors$1.gray40;
-  var highlight$1 = colors$1.blue70;
-  var decorative01$1 = colors$1.gray60;
-  var buttonSeparator$1 = '#161616';
-  var skeleton01$1 = '#353535';
-  var skeleton02$1 = colors$1.gray70; // New color tokens
-  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new 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;
-  var interactive$1 = interactive04$1;
-  var borderSubtle$1 = ui03$1;
-  var borderStrong$1 = ui04$1;
-  var borderInverse$1 = ui05$1;
-  var borderInteractive$1 = interactive04$1;
-  var textPrimary$1 = text01$1;
-  var textSecondary$1 = text02$1;
-  var textPlaceholder$1 = text03$1;
-  var textHelper$1 = text05$1;
-  var textOnColor$1 = text04$1;
-  var textInverse$1 = inverse01$1;
-  var linkPrimary$1 = link01$1;
-  var linkSecondary$1 = link02$1;
-  var linkVisited$1 = visitedLink$1;
-  var linkInverse$1 = inverseLink$1;
-  var iconPrimary$1 = icon01$1;
-  var iconSecondary$1 = icon02$1;
-  var iconOnColor$1 = icon03$1;
-  var iconInverse$1 = inverse01$1;
-  var supportError$1 = support01$1;
-  var supportSuccess$1 = support02$1;
-  var supportWarning$1 = support03$1;
-  var supportInfo$1 = support04$1;
-  var supportErrorInverse$1 = inverseSupport01$1;
-  var supportSuccessInverse$1 = inverseSupport02$1;
-  var supportWarningInverse$1 = inverseSupport03$1;
-  var supportInfoInverse$1 = inverseSupport04$1;
-  var overlay$1 = overlay01$1;
-  var toggleOff$1 = ui04$1;
-  var buttonPrimary$1 = interactive01$1;
-  var buttonSecondary$1 = interactive02$1;
-  var buttonTertiary$1 = interactive03$1;
-  var buttonDangerPrimary$1 = danger01$1;
-  var buttonDangerSecondary$1 = danger02$1;
-  var backgroundActive$1 = activeUI$1;
-  var layerActive$1 = activeUI$1;
-  var buttonDangerActive$1 = activeDanger$1;
-  var buttonPrimaryActive$1 = activePrimary$1;
-  var buttonSecondaryActive$1 = activeSecondary$1;
-  var buttonTertiaryActive$1 = activeTertiary$1;
-  var focusInset$1 = inverse01$1;
-  var focusInverse$1 = inverseFocusUi$1;
-  var backgroundHover$1 = hoverUI$1;
-  var layerHover$1 = hoverUI$1;
-  var fieldHover$1 = hoverUI$1;
-  var backgroundInverseHover$1 = inverseHoverUI$1;
-  var linkPrimaryHover$1 = hoverPrimaryText$1;
-  var buttonDangerHover$1 = hoverDanger$1;
-  var buttonPrimaryHover$1 = hoverPrimary$1;
-  var buttonSecondaryHover$1 = hoverSecondary$1;
-  var buttonTertiaryHover$1 = hoverTertiary$1;
-  var backgroundSelected$1 = selectedUI$1;
-  var backgroundSelectedHover$1 = hoverSelectedUI$1;
-  var layerSelected$1 = selectedUI$1;
-  var layerSelectedHover$1 = hoverSelectedUI$1;
-  var layerSelectedInverse$1 = ui05$1;
-  var borderSubtleSelected$1 = activeUI$1;
-  var layerDisabled$1 = disabled01$1;
-  var fieldDisabled$1 = disabled01$1;
-  var borderDisabled$1 = disabled01$1;
-  var textDisabled$1 = disabled02$1;
-  var buttonDisabled$1 = disabled02$1;
-  var iconDisabled$1 = disabled02$1;
-  var textOnColorDisabled$1 = disabled03$1;
-  var iconOnColorDisabled$1 = disabled03$1;
-  var layerSelectedDisabled$1 = disabled03$1;
-  var skeletonBackground$1 = skeleton01$1;
-  var skeletonElement$1 = skeleton02$1;
-
-  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 g90 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    interactive01: interactive01$1,
-    interactive02: interactive02$1,
-    interactive03: interactive03$1,
-    interactive04: interactive04$1,
-    uiBackground: uiBackground$1,
-    ui01: ui01$1,
-    ui02: ui02$1,
-    ui03: ui03$1,
-    ui04: ui04$1,
-    ui05: ui05$1,
-    text01: text01$1,
-    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,
-    inverse02: inverse02$1,
-    support01: support01$1,
-    support02: support02$1,
-    support03: support03$1,
-    support04: support04$1,
-    inverseSupport01: inverseSupport01$1,
-    inverseSupport02: inverseSupport02$1,
-    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,
-    hoverSecondary: hoverSecondary$1,
-    activeSecondary: activeSecondary$1,
-    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,
-    hoverRow: hoverRow$1,
-    visitedLink: visitedLink$1,
-    disabled01: disabled01$1,
-    disabled02: disabled02$1,
-    disabled03: disabled03$1,
-    highlight: highlight$1,
-    decorative01: decorative01$1,
-    buttonSeparator: buttonSeparator$1,
-    skeleton01: skeleton01$1,
-    skeleton02: skeleton02$1,
-    background: background$1,
-    layer: layer$1,
-    layerAccent: layerAccent$1,
-    layerAccentActive: layerAccentActive$1,
-    layerAccentHover: layerAccentHover$1,
-    field: field$1,
-    backgroundInverse: backgroundInverse$1,
-    backgroundBrand: backgroundBrand$1,
-    interactive: interactive$1,
-    borderSubtle: borderSubtle$1,
-    borderStrong: borderStrong$1,
-    borderInverse: borderInverse$1,
-    borderInteractive: borderInteractive$1,
-    textPrimary: textPrimary$1,
-    textSecondary: textSecondary$1,
-    textPlaceholder: textPlaceholder$1,
-    textHelper: textHelper$1,
-    textOnColor: textOnColor$1,
-    textInverse: textInverse$1,
-    linkPrimary: linkPrimary$1,
-    linkSecondary: linkSecondary$1,
-    linkVisited: linkVisited$1,
-    linkInverse: linkInverse$1,
-    iconPrimary: iconPrimary$1,
-    iconSecondary: iconSecondary$1,
-    iconOnColor: iconOnColor$1,
-    iconInverse: iconInverse$1,
-    supportError: supportError$1,
-    supportSuccess: supportSuccess$1,
-    supportWarning: supportWarning$1,
-    supportInfo: supportInfo$1,
-    supportErrorInverse: supportErrorInverse$1,
-    supportSuccessInverse: supportSuccessInverse$1,
-    supportWarningInverse: supportWarningInverse$1,
-    supportInfoInverse: supportInfoInverse$1,
-    overlay: overlay$1,
-    toggleOff: toggleOff$1,
-    buttonPrimary: buttonPrimary$1,
-    buttonSecondary: buttonSecondary$1,
-    buttonTertiary: buttonTertiary$1,
-    buttonDangerPrimary: buttonDangerPrimary$1,
-    buttonDangerSecondary: buttonDangerSecondary$1,
-    backgroundActive: backgroundActive$1,
-    layerActive: layerActive$1,
-    buttonDangerActive: buttonDangerActive$1,
-    buttonPrimaryActive: buttonPrimaryActive$1,
-    buttonSecondaryActive: buttonSecondaryActive$1,
-    buttonTertiaryActive: buttonTertiaryActive$1,
-    focusInset: focusInset$1,
-    focusInverse: focusInverse$1,
-    backgroundHover: backgroundHover$1,
-    layerHover: layerHover$1,
-    fieldHover: fieldHover$1,
-    backgroundInverseHover: backgroundInverseHover$1,
-    linkPrimaryHover: linkPrimaryHover$1,
-    buttonDangerHover: buttonDangerHover$1,
-    buttonPrimaryHover: buttonPrimaryHover$1,
-    buttonSecondaryHover: buttonSecondaryHover$1,
-    buttonTertiaryHover: buttonTertiaryHover$1,
-    backgroundSelected: backgroundSelected$1,
-    backgroundSelectedHover: backgroundSelectedHover$1,
-    layerSelected: layerSelected$1,
-    layerSelectedHover: layerSelectedHover$1,
-    layerSelectedInverse: layerSelectedInverse$1,
-    borderSubtleSelected: borderSubtleSelected$1,
-    layerDisabled: layerDisabled$1,
-    fieldDisabled: fieldDisabled$1,
-    borderDisabled: borderDisabled$1,
-    textDisabled: textDisabled$1,
-    buttonDisabled: buttonDisabled$1,
-    iconDisabled: iconDisabled$1,
-    textOnColorDisabled: textOnColorDisabled$1,
-    iconOnColorDisabled: iconOnColorDisabled$1,
-    layerSelectedDisabled: layerSelectedDisabled$1,
-    skeletonBackground: skeletonBackground$1,
-    skeletonElement: skeletonElement$1,
-    brand01: brand01$1,
-    brand02: brand02$1,
-    brand03: brand03$1,
-    active01: active01$1,
-    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,
-    bodyLong02: type.bodyLong02,
-    code01: type.code01,
-    code02: type.code02,
-    heading01: type.heading01,
-    productiveHeading01: type.productiveHeading01,
-    heading02: type.heading02,
-    productiveHeading02: type.productiveHeading02,
-    productiveHeading03: type.productiveHeading03,
-    productiveHeading04: type.productiveHeading04,
-    productiveHeading05: type.productiveHeading05,
-    productiveHeading06: type.productiveHeading06,
-    productiveHeading07: type.productiveHeading07,
-    expressiveHeading01: type.expressiveHeading01,
-    expressiveHeading02: type.expressiveHeading02,
-    expressiveHeading03: type.expressiveHeading03,
-    expressiveHeading04: type.expressiveHeading04,
-    expressiveHeading05: type.expressiveHeading05,
-    expressiveHeading06: type.expressiveHeading06,
-    expressiveParagraph01: type.expressiveParagraph01,
-    quotation01: type.quotation01,
-    quotation02: type.quotation02,
-    display01: type.display01,
-    display02: type.display02,
-    display03: type.display03,
-    display04: type.display04,
-    spacing01: layout.spacing01,
-    spacing02: layout.spacing02,
-    spacing03: layout.spacing03,
-    spacing04: layout.spacing04,
-    spacing05: layout.spacing05,
-    spacing06: layout.spacing06,
-    spacing07: layout.spacing07,
-    spacing08: layout.spacing08,
-    spacing09: layout.spacing09,
-    spacing10: layout.spacing10,
-    spacing11: layout.spacing11,
-    spacing12: layout.spacing12,
-    spacing13: layout.spacing13,
-    fluidSpacing01: layout.fluidSpacing01,
-    fluidSpacing02: layout.fluidSpacing02,
-    fluidSpacing03: layout.fluidSpacing03,
-    fluidSpacing04: layout.fluidSpacing04,
-    layout01: layout.layout01,
-    layout02: layout.layout02,
-    layout03: layout.layout03,
-    layout04: layout.layout04,
-    layout05: layout.layout05,
-    layout06: layout.layout06,
-    layout07: layout.layout07,
-    container01: layout.container01,
-    container02: layout.container02,
-    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
-  });
-
-  /**
-   * 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 = '#3d70b2';
-  var interactive02 = '#4d5358';
-  var interactive03 = '#3d70b2';
-  var interactive04 = '#3d70b2';
-  var uiBackground = '#f4f7fb';
-  var ui01 = colors$1.white;
-  var ui02 = '#f4f7fb';
-  var ui03 = '#dfe3e6';
-  var ui04 = '#8897a2';
-  var ui05 = '#5a6872';
-  var text01 = '#152935';
-  var text02 = '#5a6872';
-  var text03 = '#cdd1d4';
-  var text04 = colors$1.white;
-  var text05 = '#5a6872';
-  var textError = '#e0182d';
-  var icon01 = '#3d70b2';
-  var icon02 = '#5a6872';
-  var icon03 = colors$1.white;
-  var link01 = '#3d70b2';
-  var link02 = '#3d70b2';
-  var inverseLink = '#5596e6';
-  var field01 = colors$1.white;
-  var field02 = '#f4f7fb';
-  var inverse01 = colors$1.white;
-  var inverse02 = '#272d33';
-  var support01 = '#e0182d';
-  var support02 = '#5aa700';
-  var support03 = '#efc100';
-  var support04 = '#5aaafa';
-  var inverseSupport01 = '#ff5050';
-  var inverseSupport02 = '#8cd211';
-  var inverseSupport03 = '#FDD600';
-  var inverseSupport04 = '#5aaafa';
-  var overlay01 = 'rgba(223, 227, 230, 0.5)';
-  var danger01 = colors$1.red60;
-  var danger02 = colors$1.red60; // Interaction states
-
-  var focus = '#3d70b2';
-  var inverseFocusUi = '#3d70b2';
-  var hoverPrimary = '#30588c';
-  var activePrimary = '#30588c';
-  var hoverPrimaryText = '#294c86';
-  var hoverSecondary = '#4d5b65';
-  var activeSecondary = '#414f59';
-  var hoverTertiary = '#5a6872';
-  var activeTertiary = '#414f59';
-  var hoverUI = '#EEF4FC';
-  var hoverLightUI = '#EEF4FC';
-  var activeUI = '#DFEAFA';
-  var activeLightUI = '#DFEAFA';
-  var selectedUI = '#EEF4FC';
-  var selectedLightUI = '#EEF4FC';
-  var inverseHoverUI = '#4c4c4c';
-  var hoverSelectedUI = '#DFEAFA';
-  var hoverDanger = '#c70014';
-  var activeDanger = '#AD1625';
-  var hoverRow = '#eef4fc';
-  var visitedLink = '#294c86';
-  var disabled01 = '#fafbfd';
-  var disabled02 = '#dfe3e6';
-  var disabled03 = '#cdd1d4';
-  var highlight = '#f4f7fb';
-  var decorative01 = '#EEF4FC';
-  var buttonSeparator = '#e0e0e0';
-  var skeleton01 = 'rgba(61, 112, 178, .1)';
-  var skeleton02 = 'rgba(61, 112, 178, .1)'; // New color tokens
-  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new 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;
-  var interactive = interactive04;
-  var borderSubtle = ui03;
-  var borderStrong = ui04;
-  var borderInverse = ui05;
-  var borderInteractive = interactive04;
-  var textPrimary = text01;
-  var textSecondary = text02;
-  var textPlaceholder = text03;
-  var textHelper = text05;
-  var textOnColor = text04;
-  var textInverse = inverse01;
-  var linkPrimary = link01;
-  var linkSecondary = link02;
-  var linkVisited = visitedLink;
-  var linkInverse = inverseLink;
-  var iconPrimary = icon01;
-  var iconSecondary = icon02;
-  var iconOnColor = icon03;
-  var iconInverse = inverse01;
-  var supportError = support01;
-  var supportSuccess = support02;
-  var supportWarning = support03;
-  var supportInfo = support04;
-  var supportErrorInverse = inverseSupport01;
-  var supportSuccessInverse = inverseSupport02;
-  var supportWarningInverse = inverseSupport03;
-  var supportInfoInverse = inverseSupport04;
-  var overlay = overlay01;
-  var toggleOff = ui04;
-  var buttonPrimary = interactive01;
-  var buttonSecondary = interactive02;
-  var buttonTertiary = interactive03;
-  var buttonDangerPrimary = danger01;
-  var buttonDangerSecondary = danger02;
-  var backgroundActive = activeUI;
-  var layerActive = activeUI;
-  var buttonDangerActive = activeDanger;
-  var buttonPrimaryActive = activePrimary;
-  var buttonSecondaryActive = activeSecondary;
-  var buttonTertiaryActive = activeTertiary;
-  var focusInset = inverse01;
-  var focusInverse = inverseFocusUi;
-  var backgroundHover = hoverUI;
-  var layerHover = hoverUI;
-  var fieldHover = hoverUI;
-  var backgroundInverseHover = inverseHoverUI;
-  var linkPrimaryHover = hoverPrimaryText;
-  var buttonDangerHover = hoverDanger;
-  var buttonPrimaryHover = hoverPrimary;
-  var buttonSecondaryHover = hoverSecondary;
-  var buttonTertiaryHover = hoverTertiary;
-  var backgroundSelected = selectedUI;
-  var backgroundSelectedHover = hoverSelectedUI;
-  var layerSelected = selectedUI;
-  var layerSelectedHover = hoverSelectedUI;
-  var layerSelectedInverse = ui05;
-  var borderSubtleSelected = activeUI;
-  var layerDisabled = disabled01;
-  var fieldDisabled = disabled01;
-  var borderDisabled = disabled01;
-  var textDisabled = disabled02;
-  var buttonDisabled = disabled02;
-  var iconDisabled = disabled02;
-  var textOnColorDisabled = disabled03;
-  var iconOnColorDisabled = disabled03;
-  var layerSelectedDisabled = disabled03;
-  var skeletonBackground = skeleton01;
-  var skeletonElement = skeleton02;
-
-  var brand01 = interactive01;
-  var brand02 = interactive02;
-  var brand03 = interactive03;
-  var active01 = activeUI;
-  var hoverField = hoverUI;
-  var danger = danger01;
-
-  var v9 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    interactive01: interactive01,
-    interactive02: interactive02,
-    interactive03: interactive03,
-    interactive04: interactive04,
-    uiBackground: uiBackground,
-    ui01: ui01,
-    ui02: ui02,
-    ui03: ui03,
-    ui04: ui04,
-    ui05: ui05,
-    text01: text01,
-    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,
-    inverse02: inverse02,
-    support01: support01,
-    support02: support02,
-    support03: support03,
-    support04: support04,
-    inverseSupport01: inverseSupport01,
-    inverseSupport02: inverseSupport02,
-    inverseSupport03: inverseSupport03,
-    inverseSupport04: inverseSupport04,
-    overlay01: overlay01,
-    danger01: danger01,
-    danger02: danger02,
-    focus: focus,
-    inverseFocusUi: inverseFocusUi,
-    hoverPrimary: hoverPrimary,
-    activePrimary: activePrimary,
-    hoverPrimaryText: hoverPrimaryText,
-    hoverSecondary: hoverSecondary,
-    activeSecondary: activeSecondary,
-    hoverTertiary: hoverTertiary,
-    activeTertiary: activeTertiary,
-    hoverUI: hoverUI,
-    hoverLightUI: hoverLightUI,
-    activeUI: activeUI,
-    activeLightUI: activeLightUI,
-    selectedUI: selectedUI,
-    selectedLightUI: selectedLightUI,
-    inverseHoverUI: inverseHoverUI,
-    hoverSelectedUI: hoverSelectedUI,
-    hoverDanger: hoverDanger,
-    activeDanger: activeDanger,
-    hoverRow: hoverRow,
-    visitedLink: visitedLink,
-    disabled01: disabled01,
-    disabled02: disabled02,
-    disabled03: disabled03,
-    highlight: highlight,
-    decorative01: decorative01,
-    buttonSeparator: buttonSeparator,
-    skeleton01: skeleton01,
-    skeleton02: skeleton02,
-    background: background,
-    layer: layer,
-    layerAccent: layerAccent,
-    layerAccentActive: layerAccentActive,
-    layerAccentHover: layerAccentHover,
-    field: field,
-    backgroundInverse: backgroundInverse,
-    backgroundBrand: backgroundBrand,
-    interactive: interactive,
-    borderSubtle: borderSubtle,
-    borderStrong: borderStrong,
-    borderInverse: borderInverse,
-    borderInteractive: borderInteractive,
-    textPrimary: textPrimary,
-    textSecondary: textSecondary,
-    textPlaceholder: textPlaceholder,
-    textHelper: textHelper,
-    textOnColor: textOnColor,
-    textInverse: textInverse,
-    linkPrimary: linkPrimary,
-    linkSecondary: linkSecondary,
-    linkVisited: linkVisited,
-    linkInverse: linkInverse,
-    iconPrimary: iconPrimary,
-    iconSecondary: iconSecondary,
-    iconOnColor: iconOnColor,
-    iconInverse: iconInverse,
-    supportError: supportError,
-    supportSuccess: supportSuccess,
-    supportWarning: supportWarning,
-    supportInfo: supportInfo,
-    supportErrorInverse: supportErrorInverse,
-    supportSuccessInverse: supportSuccessInverse,
-    supportWarningInverse: supportWarningInverse,
-    supportInfoInverse: supportInfoInverse,
-    overlay: overlay,
-    toggleOff: toggleOff,
-    buttonPrimary: buttonPrimary,
-    buttonSecondary: buttonSecondary,
-    buttonTertiary: buttonTertiary,
-    buttonDangerPrimary: buttonDangerPrimary,
-    buttonDangerSecondary: buttonDangerSecondary,
-    backgroundActive: backgroundActive,
-    layerActive: layerActive,
-    buttonDangerActive: buttonDangerActive,
-    buttonPrimaryActive: buttonPrimaryActive,
-    buttonSecondaryActive: buttonSecondaryActive,
-    buttonTertiaryActive: buttonTertiaryActive,
-    focusInset: focusInset,
-    focusInverse: focusInverse,
-    backgroundHover: backgroundHover,
-    layerHover: layerHover,
-    fieldHover: fieldHover,
-    backgroundInverseHover: backgroundInverseHover,
-    linkPrimaryHover: linkPrimaryHover,
-    buttonDangerHover: buttonDangerHover,
-    buttonPrimaryHover: buttonPrimaryHover,
-    buttonSecondaryHover: buttonSecondaryHover,
-    buttonTertiaryHover: buttonTertiaryHover,
-    backgroundSelected: backgroundSelected,
-    backgroundSelectedHover: backgroundSelectedHover,
-    layerSelected: layerSelected,
-    layerSelectedHover: layerSelectedHover,
-    layerSelectedInverse: layerSelectedInverse,
-    borderSubtleSelected: borderSubtleSelected,
-    layerDisabled: layerDisabled,
-    fieldDisabled: fieldDisabled,
-    borderDisabled: borderDisabled,
-    textDisabled: textDisabled,
-    buttonDisabled: buttonDisabled,
-    iconDisabled: iconDisabled,
-    textOnColorDisabled: textOnColorDisabled,
-    iconOnColorDisabled: iconOnColorDisabled,
-    layerSelectedDisabled: layerSelectedDisabled,
-    skeletonBackground: skeletonBackground,
-    skeletonElement: skeletonElement,
-    brand01: brand01,
-    brand02: brand02,
-    brand03: brand03,
-    active01: active01,
-    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,
-    bodyLong02: type.bodyLong02,
-    code01: type.code01,
-    code02: type.code02,
-    heading01: type.heading01,
-    productiveHeading01: type.productiveHeading01,
-    heading02: type.heading02,
-    productiveHeading02: type.productiveHeading02,
-    productiveHeading03: type.productiveHeading03,
-    productiveHeading04: type.productiveHeading04,
-    productiveHeading05: type.productiveHeading05,
-    productiveHeading06: type.productiveHeading06,
-    productiveHeading07: type.productiveHeading07,
-    expressiveHeading01: type.expressiveHeading01,
-    expressiveHeading02: type.expressiveHeading02,
-    expressiveHeading03: type.expressiveHeading03,
-    expressiveHeading04: type.expressiveHeading04,
-    expressiveHeading05: type.expressiveHeading05,
-    expressiveHeading06: type.expressiveHeading06,
-    expressiveParagraph01: type.expressiveParagraph01,
-    quotation01: type.quotation01,
-    quotation02: type.quotation02,
-    display01: type.display01,
-    display02: type.display02,
-    display03: type.display03,
-    display04: type.display04,
-    spacing01: layout.spacing01,
-    spacing02: layout.spacing02,
-    spacing03: layout.spacing03,
-    spacing04: layout.spacing04,
-    spacing05: layout.spacing05,
-    spacing06: layout.spacing06,
-    spacing07: layout.spacing07,
-    spacing08: layout.spacing08,
-    spacing09: layout.spacing09,
-    spacing10: layout.spacing10,
-    spacing11: layout.spacing11,
-    spacing12: layout.spacing12,
-    spacing13: layout.spacing13,
-    fluidSpacing01: layout.fluidSpacing01,
-    fluidSpacing02: layout.fluidSpacing02,
-    fluidSpacing03: layout.fluidSpacing03,
-    fluidSpacing04: layout.fluidSpacing04,
-    layout01: layout.layout01,
-    layout02: layout.layout02,
-    layout03: layout.layout03,
-    layout04: layout.layout04,
-    layout05: layout.layout05,
-    layout06: layout.layout06,
-    layout07: layout.layout07,
-    container01: layout.container01,
-    container02: layout.container02,
-    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
-  });
-
-  /**
-   * 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.
-   */
-  // exported as in JavaScript
-
-  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', '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'];
-  /**
-   * Format a given token into the format expected in CSS/SCSS-based projects.
-   * @param {string} token
-   * @returns {string}
-   */
-
-  function formatTokenName(token) {
-    var string = '';
-
-    for (var i = 0; i < token.length; i++) {
-      // If we run into a number, we hit the scale step at the end of a token name
-      // and can safely truncate the rest of the token
-      if (numbers.indexOf(token[i]) !== -1) {
-        string += '-' + token.slice(i);
-        break;
-      } // When encountering an uppercase name, we will want to start adding `-`
-      // between words
-
-
-      if (token[i] === token[i].toUpperCase()) {
-        // Check backwards to see if previous letter was also capitalized, if so
-        // we are in a special case like UI where each piece should be connected
-        if (token[i - 1] && token[i - 1] === token[i - 1].toUpperCase()) {
-          string += token[i].toLowerCase();
-          continue;
-        } // Otherwise, just concatenate this new part on to the existing string
-
-
-        string += '-' + token[i].toLowerCase();
-        continue;
-      } // By default, we add the current character to the output string
-
-
-      string += token[i];
-    }
-
-    return string;
-  }
-  var tokens = {
-    colors: colors,
-    type: type.unstable_tokens,
-    layout: layout.unstable_tokens
-  };
-  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', '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
-      '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', 'danger']
-  };
-
-  /**
-   * 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 themes = {
-    white: white,
-    g10: g10,
-    g80: g80,
-    g90: g90,
-    g100: g100,
-    v9: v9
-  };
-
-  Object.defineProperty(exports, 'bodyLong01', {
-    enumerable: true,
-    get: function () {
-      return type.bodyLong01;
-    }
-  });
-  Object.defineProperty(exports, 'bodyLong02', {
-    enumerable: true,
-    get: function () {
-      return type.bodyLong02;
-    }
-  });
-  Object.defineProperty(exports, 'bodyShort01', {
-    enumerable: true,
-    get: function () {
-      return type.bodyShort01;
-    }
-  });
-  Object.defineProperty(exports, 'bodyShort02', {
-    enumerable: true,
-    get: function () {
-      return type.bodyShort02;
-    }
-  });
-  Object.defineProperty(exports, 'caption01', {
-    enumerable: true,
-    get: function () {
-      return type.caption01;
-    }
-  });
-  Object.defineProperty(exports, 'caption02', {
-    enumerable: true,
-    get: function () {
-      return type.caption02;
-    }
-  });
-  Object.defineProperty(exports, 'code01', {
-    enumerable: true,
-    get: function () {
-      return type.code01;
-    }
-  });
-  Object.defineProperty(exports, 'code02', {
-    enumerable: true,
-    get: function () {
-      return type.code02;
-    }
-  });
-  Object.defineProperty(exports, 'display01', {
-    enumerable: true,
-    get: function () {
-      return type.display01;
-    }
-  });
-  Object.defineProperty(exports, 'display02', {
-    enumerable: true,
-    get: function () {
-      return type.display02;
-    }
-  });
-  Object.defineProperty(exports, 'display03', {
-    enumerable: true,
-    get: function () {
-      return type.display03;
-    }
-  });
-  Object.defineProperty(exports, 'display04', {
-    enumerable: true,
-    get: function () {
-      return type.display04;
-    }
-  });
-  Object.defineProperty(exports, 'expressiveHeading01', {
-    enumerable: true,
-    get: function () {
-      return type.expressiveHeading01;
-    }
-  });
-  Object.defineProperty(exports, 'expressiveHeading02', {
-    enumerable: true,
-    get: function () {
-      return type.expressiveHeading02;
-    }
-  });
-  Object.defineProperty(exports, 'expressiveHeading03', {
-    enumerable: true,
-    get: function () {
-      return type.expressiveHeading03;
-    }
-  });
-  Object.defineProperty(exports, 'expressiveHeading04', {
-    enumerable: true,
-    get: function () {
-      return type.expressiveHeading04;
-    }
-  });
-  Object.defineProperty(exports, 'expressiveHeading05', {
-    enumerable: true,
-    get: function () {
-      return type.expressiveHeading05;
-    }
-  });
-  Object.defineProperty(exports, 'expressiveHeading06', {
-    enumerable: true,
-    get: function () {
-      return type.expressiveHeading06;
-    }
-  });
-  Object.defineProperty(exports, 'expressiveParagraph01', {
-    enumerable: true,
-    get: function () {
-      return type.expressiveParagraph01;
-    }
-  });
-  Object.defineProperty(exports, 'heading01', {
-    enumerable: true,
-    get: function () {
-      return type.heading01;
-    }
-  });
-  Object.defineProperty(exports, 'heading02', {
-    enumerable: true,
-    get: function () {
-      return type.heading02;
-    }
-  });
-  Object.defineProperty(exports, 'helperText01', {
-    enumerable: true,
-    get: function () {
-      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 () {
-      return type.productiveHeading01;
-    }
-  });
-  Object.defineProperty(exports, 'productiveHeading02', {
-    enumerable: true,
-    get: function () {
-      return type.productiveHeading02;
-    }
-  });
-  Object.defineProperty(exports, 'productiveHeading03', {
-    enumerable: true,
-    get: function () {
-      return type.productiveHeading03;
-    }
-  });
-  Object.defineProperty(exports, 'productiveHeading04', {
-    enumerable: true,
-    get: function () {
-      return type.productiveHeading04;
-    }
-  });
-  Object.defineProperty(exports, 'productiveHeading05', {
-    enumerable: true,
-    get: function () {
-      return type.productiveHeading05;
-    }
-  });
-  Object.defineProperty(exports, 'productiveHeading06', {
-    enumerable: true,
-    get: function () {
-      return type.productiveHeading06;
-    }
-  });
-  Object.defineProperty(exports, 'productiveHeading07', {
-    enumerable: true,
-    get: function () {
-      return type.productiveHeading07;
-    }
-  });
-  Object.defineProperty(exports, 'quotation01', {
-    enumerable: true,
-    get: function () {
-      return type.quotation01;
-    }
-  });
-  Object.defineProperty(exports, 'quotation02', {
-    enumerable: true,
-    get: function () {
-      return type.quotation02;
-    }
-  });
-  Object.defineProperty(exports, 'container01', {
-    enumerable: true,
-    get: function () {
-      return layout.container01;
-    }
-  });
-  Object.defineProperty(exports, 'container02', {
-    enumerable: true,
-    get: function () {
-      return layout.container02;
-    }
-  });
-  Object.defineProperty(exports, 'container03', {
-    enumerable: true,
-    get: function () {
-      return layout.container03;
-    }
-  });
-  Object.defineProperty(exports, 'container04', {
-    enumerable: true,
-    get: function () {
-      return layout.container04;
-    }
-  });
-  Object.defineProperty(exports, 'container05', {
-    enumerable: true,
-    get: function () {
-      return layout.container05;
-    }
-  });
-  Object.defineProperty(exports, 'fluidSpacing01', {
-    enumerable: true,
-    get: function () {
-      return layout.fluidSpacing01;
-    }
-  });
-  Object.defineProperty(exports, 'fluidSpacing02', {
-    enumerable: true,
-    get: function () {
-      return layout.fluidSpacing02;
-    }
-  });
-  Object.defineProperty(exports, 'fluidSpacing03', {
-    enumerable: true,
-    get: function () {
-      return layout.fluidSpacing03;
-    }
-  });
-  Object.defineProperty(exports, 'fluidSpacing04', {
-    enumerable: true,
-    get: function () {
-      return layout.fluidSpacing04;
-    }
-  });
-  Object.defineProperty(exports, 'iconSize01', {
-    enumerable: true,
-    get: function () {
-      return layout.iconSize01;
-    }
-  });
-  Object.defineProperty(exports, 'iconSize02', {
-    enumerable: true,
-    get: function () {
-      return layout.iconSize02;
-    }
-  });
-  Object.defineProperty(exports, 'layout01', {
-    enumerable: true,
-    get: function () {
-      return layout.layout01;
-    }
-  });
-  Object.defineProperty(exports, 'layout02', {
-    enumerable: true,
-    get: function () {
-      return layout.layout02;
-    }
-  });
-  Object.defineProperty(exports, 'layout03', {
-    enumerable: true,
-    get: function () {
-      return layout.layout03;
-    }
-  });
-  Object.defineProperty(exports, 'layout04', {
-    enumerable: true,
-    get: function () {
-      return layout.layout04;
-    }
-  });
-  Object.defineProperty(exports, 'layout05', {
-    enumerable: true,
-    get: function () {
-      return layout.layout05;
-    }
-  });
-  Object.defineProperty(exports, 'layout06', {
-    enumerable: true,
-    get: function () {
-      return layout.layout06;
-    }
-  });
-  Object.defineProperty(exports, 'layout07', {
-    enumerable: true,
-    get: function () {
-      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 () {
-      return layout.spacing01;
-    }
-  });
-  Object.defineProperty(exports, 'spacing02', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing02;
-    }
-  });
-  Object.defineProperty(exports, 'spacing03', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing03;
-    }
-  });
-  Object.defineProperty(exports, 'spacing04', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing04;
-    }
-  });
-  Object.defineProperty(exports, 'spacing05', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing05;
-    }
-  });
-  Object.defineProperty(exports, 'spacing06', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing06;
-    }
-  });
-  Object.defineProperty(exports, 'spacing07', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing07;
-    }
-  });
-  Object.defineProperty(exports, 'spacing08', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing08;
-    }
-  });
-  Object.defineProperty(exports, 'spacing09', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing09;
-    }
-  });
-  Object.defineProperty(exports, 'spacing10', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing10;
-    }
-  });
-  Object.defineProperty(exports, 'spacing11', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing11;
-    }
-  });
-  Object.defineProperty(exports, 'spacing12', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing12;
-    }
-  });
-  Object.defineProperty(exports, 'spacing13', {
-    enumerable: true,
-    get: function () {
-      return layout.spacing13;
-    }
-  });
-  exports.active01 = active01$5;
-  exports.activeDanger = activeDanger$5;
-  exports.activeLightUI = activeLightUI$5;
-  exports.activePrimary = activePrimary$5;
-  exports.activeSecondary = activeSecondary$5;
-  exports.activeTertiary = activeTertiary$5;
-  exports.activeUI = activeUI$5;
-  exports.background = background$5;
-  exports.backgroundActive = backgroundActive$5;
-  exports.backgroundBrand = backgroundBrand$5;
-  exports.backgroundHover = backgroundHover$5;
-  exports.backgroundInverse = backgroundInverse$5;
-  exports.backgroundInverseHover = backgroundInverseHover$5;
-  exports.backgroundSelected = backgroundSelected$5;
-  exports.backgroundSelectedHover = backgroundSelectedHover$5;
-  exports.borderDisabled = borderDisabled$5;
-  exports.borderInteractive = borderInteractive$5;
-  exports.borderInverse = borderInverse$5;
-  exports.borderStrong = borderStrong$5;
-  exports.borderSubtle = borderSubtle$5;
-  exports.borderSubtleSelected = borderSubtleSelected$5;
-  exports.brand01 = brand01$5;
-  exports.brand02 = brand02$5;
-  exports.brand03 = brand03$5;
-  exports.buttonDangerActive = buttonDangerActive$5;
-  exports.buttonDangerHover = buttonDangerHover$5;
-  exports.buttonDangerPrimary = buttonDangerPrimary$5;
-  exports.buttonDangerSecondary = buttonDangerSecondary$5;
-  exports.buttonDisabled = buttonDisabled$5;
-  exports.buttonPrimary = buttonPrimary$5;
-  exports.buttonPrimaryActive = buttonPrimaryActive$5;
-  exports.buttonPrimaryHover = buttonPrimaryHover$5;
-  exports.buttonSecondary = buttonSecondary$5;
-  exports.buttonSecondaryActive = buttonSecondaryActive$5;
-  exports.buttonSecondaryHover = buttonSecondaryHover$5;
-  exports.buttonSeparator = buttonSeparator$5;
-  exports.buttonTertiary = buttonTertiary$5;
-  exports.buttonTertiaryActive = buttonTertiaryActive$5;
-  exports.buttonTertiaryHover = buttonTertiaryHover$5;
-  exports.danger = danger$5;
-  exports.danger01 = danger01$5;
-  exports.danger02 = danger02$5;
-  exports.decorative01 = decorative01$5;
-  exports.disabled01 = disabled01$5;
-  exports.disabled02 = disabled02$5;
-  exports.disabled03 = disabled03$5;
-  exports.field = field$5;
-  exports.field01 = field01$5;
-  exports.field02 = field02$5;
-  exports.fieldDisabled = fieldDisabled$5;
-  exports.fieldHover = fieldHover$5;
-  exports.focus = focus$5;
-  exports.focusInset = focusInset$5;
-  exports.focusInverse = focusInverse$5;
-  exports.formatTokenName = formatTokenName;
-  exports.g10 = g10;
-  exports.g100 = g100;
-  exports.g80 = g80;
-  exports.g90 = g90;
-  exports.highlight = highlight$5;
-  exports.hoverDanger = hoverDanger$5;
-  exports.hoverField = hoverField$5;
-  exports.hoverLightUI = hoverLightUI$5;
-  exports.hoverPrimary = hoverPrimary$5;
-  exports.hoverPrimaryText = hoverPrimaryText$5;
-  exports.hoverRow = hoverRow$5;
-  exports.hoverSecondary = hoverSecondary$5;
-  exports.hoverSelectedUI = hoverSelectedUI$5;
-  exports.hoverTertiary = hoverTertiary$5;
-  exports.hoverUI = hoverUI$5;
-  exports.icon01 = icon01$5;
-  exports.icon02 = icon02$5;
-  exports.icon03 = icon03$5;
-  exports.iconDisabled = iconDisabled$5;
-  exports.iconInverse = iconInverse$5;
-  exports.iconOnColor = iconOnColor$5;
-  exports.iconOnColorDisabled = iconOnColorDisabled$5;
-  exports.iconPrimary = iconPrimary$5;
-  exports.iconSecondary = iconSecondary$5;
-  exports.interactive = interactive$5;
-  exports.interactive01 = interactive01$5;
-  exports.interactive02 = interactive02$5;
-  exports.interactive03 = interactive03$5;
-  exports.interactive04 = interactive04$5;
-  exports.inverse01 = inverse01$5;
-  exports.inverse02 = inverse02$5;
-  exports.inverseFocusUi = inverseFocusUi$5;
-  exports.inverseHoverUI = inverseHoverUI$5;
-  exports.inverseLink = inverseLink$5;
-  exports.inverseSupport01 = inverseSupport01$5;
-  exports.inverseSupport02 = inverseSupport02$5;
-  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;
-  exports.layerSelected = layerSelected$5;
-  exports.layerSelectedDisabled = layerSelectedDisabled$5;
-  exports.layerSelectedHover = layerSelectedHover$5;
-  exports.layerSelectedInverse = layerSelectedInverse$5;
-  exports.link01 = link01$5;
-  exports.link02 = link02$5;
-  exports.linkInverse = linkInverse$5;
-  exports.linkPrimary = linkPrimary$5;
-  exports.linkPrimaryHover = linkPrimaryHover$5;
-  exports.linkSecondary = linkSecondary$5;
-  exports.linkVisited = linkVisited$5;
-  exports.overlay = overlay$5;
-  exports.overlay01 = overlay01$5;
-  exports.selectedLightUI = selectedLightUI$5;
-  exports.selectedUI = selectedUI$5;
-  exports.skeleton01 = skeleton01$5;
-  exports.skeleton02 = skeleton02$5;
-  exports.skeletonBackground = skeletonBackground$5;
-  exports.skeletonElement = skeletonElement$5;
-  exports.support01 = support01$5;
-  exports.support02 = support02$5;
-  exports.support03 = support03$5;
-  exports.support04 = support04$5;
-  exports.supportError = supportError$5;
-  exports.supportErrorInverse = supportErrorInverse$5;
-  exports.supportInfo = supportInfo$5;
-  exports.supportInfoInverse = supportInfoInverse$5;
-  exports.supportSuccess = supportSuccess$5;
-  exports.supportSuccessInverse = supportSuccessInverse$5;
-  exports.supportWarning = supportWarning$5;
-  exports.supportWarningInverse = supportWarningInverse$5;
-  exports.text01 = text01$5;
-  exports.text02 = text02$5;
-  exports.text03 = text03$5;
-  exports.text04 = text04$5;
-  exports.text05 = text05$5;
-  exports.textDisabled = textDisabled$5;
-  exports.textError = textError$5;
-  exports.textHelper = textHelper$5;
-  exports.textInverse = textInverse$5;
-  exports.textOnColor = textOnColor$5;
-  exports.textOnColorDisabled = textOnColorDisabled$5;
-  exports.textPlaceholder = textPlaceholder$5;
-  exports.textPrimary = textPrimary$5;
-  exports.textSecondary = textSecondary$5;
-  exports.themes = themes;
-  exports.toggleOff = toggleOff$5;
-  exports.tokens = tokens;
-  exports.ui01 = ui01$5;
-  exports.ui02 = ui02$5;
-  exports.ui03 = ui03$5;
-  exports.ui04 = ui04$5;
-  exports.ui05 = ui05$5;
-  exports.uiBackground = uiBackground$5;
-  exports.unstable__meta = unstable__meta;
-  exports.v9 = v9;
-  exports.visitedLink = visitedLink$5;
-  exports.white = white;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));