@carbon/themes 10.32.0 → 10.34.0

package/es/index.js

@@ -1,33 +1,22 @@
 import Color from 'color';
-import { blue60, gray80, white as white$1, gray10, gray20, gray50, gray100, gray70, gray40, gray60, red60, blue70, blue40, green50, yellow, red50, green40, blue50, rgba, blue80, gray30, red80, purple60, blue20, gray90, red40, blue30, purple40, red30 } from '@carbon/colors';
-import { caption01, label01, helperText01, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, unstable_tokens } from '@carbon/type';
-export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, label01, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
+import { blue60, gray80, white as white$1, gray10, gray20, gray50, gray100, gray70, gray40, gray60, red60, blue70, blue40, green60, yellow, red50, green40, blue50, rgba, blue80, gray30, red80, purple60, blue20, gray90, red40, blue30, green50, purple40, red30, yellow30 } from '@carbon/colors';
+import { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, unstable_tokens } from '@carbon/type';
+export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
 import { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, layout01, layout02, layout03, layout04, layout05, layout06, layout07, container01, container02, container03, container04, container05, iconSize01, iconSize02, unstable_tokens as unstable_tokens$1 } from '@carbon/layout';
 export { container01, container02, container03, container04, container05, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13 } from '@carbon/layout';
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
     keys.push.apply(keys, symbols);
   }
 
@@ -54,6 +43,21 @@ function _objectSpread2(target) {
   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);
@@ -71,6 +75,378 @@ function adjustLightness(token, 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 = blue60;
+var interactive02$5 = gray80;
+var interactive03$5 = blue60;
+var interactive04$5 = blue60;
+var uiBackground$5 = white$1;
+var ui01$5 = gray10;
+var ui02$5 = white$1;
+var ui03$5 = gray20;
+var ui04$5 = gray50;
+var ui05$5 = gray100;
+var text01$5 = gray100;
+var text02$5 = gray70;
+var text03$5 = gray40;
+var text04$5 = white$1;
+var text05$5 = gray60;
+var textError$5 = red60;
+var icon01$5 = gray100;
+var icon02$5 = gray70;
+var icon03$5 = white$1;
+var link01$5 = blue60;
+var link02$5 = blue70;
+var inverseLink$5 = blue40;
+var field01$5 = gray10;
+var field02$5 = white$1;
+var inverse01$5 = white$1;
+var inverse02$5 = gray80;
+var support01$5 = red60;
+var support02$5 = green60;
+var support03$5 = yellow;
+var support04$5 = blue70;
+var inverseSupport01$5 = red50;
+var inverseSupport02$5 = green40;
+var inverseSupport03$5 = yellow;
+var inverseSupport04$5 = blue50;
+var overlay01$5 = rgba(gray100, 0.5);
+var danger01$5 = red60;
+var danger02$5 = red60; // Interaction states
+
+var focus$5 = blue60;
+var inverseFocusUi$5 = white$1;
+var hoverPrimary$5 = '#0353e9';
+var activePrimary$5 = blue80;
+var hoverPrimaryText$5 = blue70;
+var hoverSecondary$5 = '#4c4c4c';
+var activeSecondary$5 = gray60;
+var hoverTertiary$5 = '#0353e9';
+var activeTertiary$5 = blue80;
+var hoverUI$5 = '#e5e5e5';
+var hoverLightUI$5 = '#e5e5e5';
+var activeUI$5 = gray30;
+var activeLightUI$5 = gray30;
+var selectedUI$5 = gray20;
+var selectedLightUI$5 = gray20;
+var inverseHoverUI$5 = '#4c4c4c';
+var hoverSelectedUI$5 = '#cacaca';
+var hoverDanger$5 = adjustLightness(danger01$5, -8);
+var activeDanger$5 = red80;
+var hoverRow$5 = '#e5e5e5';
+var visitedLink$5 = purple60;
+var disabled01$5 = gray10;
+var disabled02$5 = gray30;
+var disabled03$5 = gray50;
+var highlight$5 = blue20;
+var decorative01$5 = gray20;
+var buttonSeparator$5 = '#e0e0e0';
+var skeleton01$5 = '#e5e5e5';
+var skeleton02$5 = 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 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,
+  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: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02
+});
+
 /**
  * Copyright IBM Corp. 2018, 2018
  *
@@ -81,9 +457,9 @@ var interactive01$4 = blue60;
 var interactive02$4 = gray80;
 var interactive03$4 = blue60;
 var interactive04$4 = blue60;
-var uiBackground$4 = white$1;
-var ui01$4 = gray10;
-var ui02$4 = white$1;
+var uiBackground$4 = gray10;
+var ui01$4 = white$1;
+var ui02$4 = gray10;
 var ui03$4 = gray20;
 var ui04$4 = gray50;
 var ui05$4 = gray100;
@@ -99,12 +475,12 @@ var icon03$4 = white$1;
 var link01$4 = blue60;
 var link02$4 = blue70;
 var inverseLink$4 = blue40;
-var field01$4 = gray10;
-var field02$4 = white$1;
+var field01$4 = white$1;
+var field02$4 = gray10;
 var inverse01$4 = white$1;
 var inverse02$4 = gray80;
 var support01$4 = red60;
-var support02$4 = green50;
+var support02$4 = green60;
 var support03$4 = yellow;
 var support04$4 = blue70;
 var inverseSupport01$4 = red50;
@@ -136,7 +512,7 @@ var hoverDanger$4 = adjustLightness(danger01$4, -8);
 var activeDanger$4 = red80;
 var hoverRow$4 = '#e5e5e5';
 var visitedLink$4 = purple60;
-var disabled01$4 = gray10;
+var disabled01$4 = white$1;
 var disabled02$4 = gray30;
 var disabled03$4 = gray50;
 var highlight$4 = blue20;
@@ -219,7 +595,7 @@ 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; // Type
+var skeletonElement$4 = skeleton02$4;
 
 var brand01$4 = interactive01$4;
 var brand02$4 = interactive02$4;
@@ -228,7 +604,7 @@ var active01$4 = activeUI$4;
 var hoverField$4 = hoverUI$4;
 var danger$4 = danger01$4;
 
-var white = /*#__PURE__*/Object.freeze({
+var g10 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   interactive01: interactive01$4,
   interactive02: interactive02$4,
@@ -377,8 +753,11 @@ var white = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$4,
   danger: danger$4,
   caption01: caption01,
+  caption02: caption02,
   label01: label01,
+  label02: label02,
   helperText01: helperText01,
+  helperText02: helperText02,
   bodyShort01: bodyShort01,
   bodyLong01: bodyLong01,
   bodyShort02: bodyShort02,
@@ -447,72 +826,72 @@ var white = /*#__PURE__*/Object.freeze({
  * LICENSE file in the root directory of this source tree.
  */
 var interactive01$3 = blue60;
-var interactive02$3 = gray80;
-var interactive03$3 = blue60;
-var interactive04$3 = blue60;
-var uiBackground$3 = gray10;
-var ui01$3 = white$1;
-var ui02$3 = gray10;
-var ui03$3 = gray20;
-var ui04$3 = gray50;
-var ui05$3 = gray100;
-var text01$3 = gray100;
-var text02$3 = gray70;
-var text03$3 = gray40;
+var interactive02$3 = gray60;
+var interactive03$3 = white$1;
+var interactive04$3 = blue50;
+var uiBackground$3 = gray100;
+var ui01$3 = gray90;
+var ui02$3 = gray80;
+var ui03$3 = gray80;
+var ui04$3 = gray60;
+var ui05$3 = gray10;
+var text01$3 = gray10;
+var text02$3 = gray30;
+var text03$3 = gray60;
 var text04$3 = white$1;
-var text05$3 = gray60;
-var textError$3 = red60;
-var icon01$3 = gray100;
-var icon02$3 = gray70;
+var text05$3 = gray50;
+var textError$3 = red40;
+var icon01$3 = gray10;
+var icon02$3 = gray30;
 var icon03$3 = white$1;
-var link01$3 = blue60;
-var link02$3 = blue70;
-var inverseLink$3 = blue40;
-var field01$3 = white$1;
-var field02$3 = gray10;
-var inverse01$3 = white$1;
-var inverse02$3 = gray80;
-var support01$3 = red60;
-var support02$3 = green50;
+var link01$3 = blue40;
+var link02$3 = blue30;
+var inverseLink$3 = blue60;
+var field01$3 = gray90;
+var field02$3 = gray80;
+var inverse01$3 = gray100;
+var inverse02$3 = gray10;
+var support01$3 = red50;
+var support02$3 = green40;
 var support03$3 = yellow;
-var support04$3 = blue70;
-var inverseSupport01$3 = red50;
-var inverseSupport02$3 = green40;
+var support04$3 = blue50;
+var inverseSupport01$3 = red60;
+var inverseSupport02$3 = green50;
 var inverseSupport03$3 = yellow;
-var inverseSupport04$3 = blue50;
-var overlay01$3 = rgba(gray100, 0.5);
+var inverseSupport04$3 = blue60;
+var overlay01$3 = rgba(gray100, 0.7);
 var danger01$3 = red60;
-var danger02$3 = red60; // Interaction states
+var danger02$3 = red50; // Interaction states
 
-var focus$3 = blue60;
-var inverseFocusUi$3 = white$1;
+var focus$3 = white$1;
+var inverseFocusUi$3 = blue60;
 var hoverPrimary$3 = '#0353e9';
 var activePrimary$3 = blue80;
-var hoverPrimaryText$3 = blue70;
-var hoverSecondary$3 = '#4c4c4c';
-var activeSecondary$3 = gray60;
-var hoverTertiary$3 = '#0353e9';
-var activeTertiary$3 = blue80;
-var hoverUI$3 = '#e5e5e5';
-var hoverLightUI$3 = '#e5e5e5';
-var activeUI$3 = gray30;
-var activeLightUI$3 = gray30;
-var selectedUI$3 = gray20;
-var selectedLightUI$3 = gray20;
-var inverseHoverUI$3 = '#4c4c4c';
-var hoverSelectedUI$3 = '#cacaca';
+var hoverPrimaryText$3 = blue30;
+var hoverSecondary$3 = '#606060';
+var activeSecondary$3 = gray80;
+var hoverTertiary$3 = gray10;
+var activeTertiary$3 = gray30;
+var hoverUI$3 = '#353535';
+var hoverLightUI$3 = '#4c4c4c';
+var activeUI$3 = gray70;
+var activeLightUI$3 = gray60;
+var selectedUI$3 = gray80;
+var selectedLightUI$3 = gray70;
+var inverseHoverUI$3 = '#e5e5e5';
+var hoverSelectedUI$3 = '#4c4c4c';
 var hoverDanger$3 = adjustLightness(danger01$3, -8);
 var activeDanger$3 = red80;
-var hoverRow$3 = '#e5e5e5';
-var visitedLink$3 = purple60;
-var disabled01$3 = white$1;
-var disabled02$3 = gray30;
+var hoverRow$3 = '#353535';
+var visitedLink$3 = purple40;
+var disabled01$3 = gray90;
+var disabled02$3 = gray70;
 var disabled03$3 = gray50;
-var highlight$3 = blue20;
-var decorative01$3 = gray20;
-var buttonSeparator$3 = '#e0e0e0';
-var skeleton01$3 = '#e5e5e5';
-var skeleton02$3 = gray30; // New color tokens
+var highlight$3 = blue80;
+var decorative01$3 = gray70;
+var buttonSeparator$3 = '#161616';
+var skeleton01$3 = '#353535';
+var skeleton02$3 = 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;
@@ -597,7 +976,7 @@ var active01$3 = activeUI$3;
 var hoverField$3 = hoverUI$3;
 var danger$3 = danger01$3;
 
-var g10 = /*#__PURE__*/Object.freeze({
+var g100 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   interactive01: interactive01$3,
   interactive02: interactive02$3,
@@ -746,8 +1125,11 @@ var g10 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$3,
   danger: danger$3,
   caption01: caption01,
+  caption02: caption02,
   label01: label01,
+  label02: label02,
   helperText01: helperText01,
+  helperText02: helperText02,
   bodyShort01: bodyShort01,
   bodyLong01: bodyLong01,
   bodyShort02: bodyShort02,
@@ -815,149 +1197,152 @@ var g10 = /*#__PURE__*/Object.freeze({
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var interactive01$2 = blue60;
-var interactive02$2 = gray60;
-var interactive03$2 = white$1;
-var interactive04$2 = blue50;
-var uiBackground$2 = gray100;
-var ui01$2 = gray90;
-var ui02$2 = gray80;
-var ui03$2 = gray80;
-var ui04$2 = gray60;
-var ui05$2 = gray10;
-var text01$2 = gray10;
-var text02$2 = gray30;
-var text03$2 = gray60;
-var text04$2 = white$1;
-var text05$2 = gray50;
-var textError$2 = red40;
-var icon01$2 = gray10;
-var icon02$2 = gray30;
-var icon03$2 = white$1;
-var link01$2 = blue40;
-var link02$2 = blue30;
-var inverseLink$2 = blue60;
-var field01$2 = gray90;
-var field02$2 = gray80;
-var inverse01$2 = gray100;
-var inverse02$2 = gray10;
-var support01$2 = red50;
-var support02$2 = green40;
-var support03$2 = yellow;
-var support04$2 = blue50;
-var inverseSupport01$2 = red60;
-var inverseSupport02$2 = green50;
-var inverseSupport03$2 = yellow;
-var inverseSupport04$2 = blue60;
-var overlay01$2 = rgba(gray100, 0.7);
-var danger01$2 = red60;
-var danger02$2 = red50; // Interaction states
+// TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
 
+var background$2 = gray80;
+var layer$2 = gray70;
+var layerAccent$2 = gray60;
+var field$2 = gray70;
+var backgroundInverse$2 = gray10;
+var backgroundBrand$2 = blue60;
+var interactive$2 = blue40;
+var borderSubtle$2 = gray60;
+var borderStrong$2 = gray40;
+var borderInverse$2 = gray10;
+var borderInteractive$2 = blue50;
+var textPrimary$2 = gray10;
+var textSecondary$2 = gray30;
+var textPlaceholder$2 = gray60;
+var textHelper$2 = gray40;
+var textError$2 = red30;
+var textOnColor$2 = white$1;
+var textInverse$2 = gray100;
+var linkPrimary$2 = blue40;
+var linkSecondary$2 = blue30;
+var linkVisited$2 = purple40;
+var linkInverse$2 = blue60;
+var iconPrimary$2 = gray10;
+var iconSecondary$2 = gray30;
+var iconOnColor$2 = white$1;
+var iconInverse$2 = gray100;
+var supportError$2 = red40;
+var supportSuccess$2 = green40;
+var supportWarning$2 = yellow30;
+var supportInfo$2 = blue50;
+var supportErrorInverse$2 = red60;
+var supportSuccessInverse$2 = green50;
+var supportWarningInverse$2 = yellow30;
+var supportInfoInverse$2 = blue60;
+var overlay$2 = rgba(gray100, 0.7);
+var toggleOff$2 = gray50;
+var buttonPrimary$2 = blue60;
+var buttonSecondary$2 = gray60;
+var buttonTertiary$2 = white$1;
+var buttonDangerPrimary$2 = red60;
+var buttonDangerSecondary$2 = red40;
+var buttonSeparator$2 = gray100;
+var backgroundActive$2 = gray70;
+var layerActive$2 = gray60;
+var buttonDangerActive$2 = red80;
+var buttonPrimaryActive$2 = blue80;
+var buttonSecondaryActive$2 = gray70;
+var buttonTertiaryActive$2 = gray30;
 var focus$2 = white$1;
-var inverseFocusUi$2 = blue60;
-var hoverPrimary$2 = '#0353e9';
-var activePrimary$2 = blue80;
-var hoverPrimaryText$2 = blue30;
-var hoverSecondary$2 = '#606060';
-var activeSecondary$2 = gray80;
-var hoverTertiary$2 = gray10;
-var activeTertiary$2 = gray30;
-var hoverUI$2 = '#353535';
-var hoverLightUI$2 = '#4c4c4c';
-var activeUI$2 = gray70;
-var activeLightUI$2 = gray60;
-var selectedUI$2 = gray80;
-var selectedLightUI$2 = gray70;
-var inverseHoverUI$2 = '#e5e5e5';
-var hoverSelectedUI$2 = '#4c4c4c';
-var hoverDanger$2 = adjustLightness(danger01$2, -8);
-var activeDanger$2 = red80;
-var hoverRow$2 = '#353535';
-var visitedLink$2 = purple40;
-var disabled01$2 = gray90;
-var disabled02$2 = gray70;
-var disabled03$2 = gray50;
-var highlight$2 = blue80;
-var decorative01$2 = gray70;
-var buttonSeparator$2 = '#161616';
-var skeleton01$2 = '#353535';
-var skeleton02$2 = gray70; // New color tokens
-// TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
+var focusInset$2 = gray100;
+var focusInverse$2 = blue60;
+var highlight$2 = 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 = 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 = white$1;
+var backgroundSelected$2 = gray70;
+var backgroundSelectedHover$2 = adjustLightness(backgroundSelected$2, +7);
+var layerSelected$2 = gray60;
+var layerSelectedHover$2 = adjustLightness(layerSelected$2, -6);
+var layerSelectedInverse$2 = gray10;
+var borderSubtleSelected$2 = gray50;
+var layerDisabled$2 = gray70;
+var fieldDisabled$2 = gray70;
+var borderDisabled$2 = gray70;
+var textDisabled$2 = gray50;
+var buttonDisabled$2 = gray50;
+var iconDisabled$2 = gray50;
+var textOnColorDisabled$2 = gray30;
+var iconOnColorDisabled$2 = gray30;
+var layerSelectedDisabled$2 = gray30;
+var skeletonBackground$2 = adjustLightness(background$2, +6);
+var skeletonElement$2 = 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 = 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 = 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 background$2 = uiBackground$2;
-var layer$2 = ui01$2;
-var layerAccent$2 = ui03$2;
-var field$2 = field01$2;
-var backgroundInverse$2 = inverse02$2;
-var backgroundBrand$2 = interactive01$2;
-var interactive$2 = interactive04$2;
-var borderSubtle$2 = ui03$2;
-var borderStrong$2 = ui04$2;
-var borderInverse$2 = ui05$2;
-var borderInteractive$2 = interactive04$2;
-var textPrimary$2 = text01$2;
-var textSecondary$2 = text02$2;
-var textPlaceholder$2 = text03$2;
-var textHelper$2 = text05$2;
-var textOnColor$2 = text04$2;
-var textInverse$2 = inverse01$2;
-var linkPrimary$2 = link01$2;
-var linkSecondary$2 = link02$2;
-var linkVisited$2 = visitedLink$2;
-var linkInverse$2 = inverseLink$2;
-var iconPrimary$2 = icon01$2;
-var iconSecondary$2 = icon02$2;
-var iconOnColor$2 = icon03$2;
-var iconInverse$2 = inverse01$2;
-var supportError$2 = support01$2;
-var supportSuccess$2 = support02$2;
-var supportWarning$2 = support03$2;
-var supportInfo$2 = support04$2;
-var supportErrorInverse$2 = inverseSupport01$2;
-var supportSuccessInverse$2 = inverseSupport02$2;
-var supportWarningInverse$2 = inverseSupport03$2;
-var supportInfoInverse$2 = inverseSupport04$2;
-var overlay$2 = overlay01$2;
-var toggleOff$2 = ui04$2;
-var buttonPrimary$2 = interactive01$2;
-var buttonSecondary$2 = interactive02$2;
-var buttonTertiary$2 = interactive03$2;
-var buttonDangerPrimary$2 = danger01$2;
-var buttonDangerSecondary$2 = danger02$2;
-var backgroundActive$2 = activeUI$2;
-var layerActive$2 = activeUI$2;
-var buttonDangerActive$2 = activeDanger$2;
-var buttonPrimaryActive$2 = activePrimary$2;
-var buttonSecondaryActive$2 = activeSecondary$2;
-var buttonTertiaryActive$2 = activeTertiary$2;
-var focusInset$2 = inverse01$2;
-var focusInverse$2 = inverseFocusUi$2;
-var backgroundHover$2 = hoverUI$2;
-var layerHover$2 = hoverUI$2;
-var fieldHover$2 = hoverUI$2;
-var backgroundInverseHover$2 = inverseHoverUI$2;
-var linkPrimaryHover$2 = hoverPrimaryText$2;
-var buttonDangerHover$2 = hoverDanger$2;
-var buttonPrimaryHover$2 = hoverPrimary$2;
-var buttonSecondaryHover$2 = hoverSecondary$2;
-var buttonTertiaryHover$2 = hoverTertiary$2;
-var backgroundSelected$2 = selectedUI$2;
-var backgroundSelectedHover$2 = hoverSelectedUI$2;
-var layerSelected$2 = selectedUI$2;
-var layerSelectedHover$2 = hoverSelectedUI$2;
-var layerSelectedInverse$2 = ui05$2;
-var borderSubtleSelected$2 = activeUI$2;
-var layerDisabled$2 = disabled01$2;
-var fieldDisabled$2 = disabled01$2;
-var borderDisabled$2 = disabled01$2;
-var textDisabled$2 = disabled02$2;
-var buttonDisabled$2 = disabled02$2;
-var iconDisabled$2 = disabled02$2;
-var textOnColorDisabled$2 = disabled03$2;
-var iconOnColorDisabled$2 = disabled03$2;
-var layerSelectedDisabled$2 = disabled03$2;
-var skeletonBackground$2 = skeleton01$2;
-var skeletonElement$2 = skeleton02$2;
+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 = gray50;
+var selectedUI$2 = backgroundSelected$2;
+var selectedLightUI$2 = 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 = gray60;
+var skeleton01$2 = skeletonBackground$2;
+var skeleton02$2 = skeletonElement$2;
 
 var brand01$2 = interactive01$2;
 var brand02$2 = interactive02$2;
@@ -966,74 +1351,8 @@ var active01$2 = activeUI$2;
 var hoverField$2 = hoverUI$2;
 var danger$2 = danger01$2;
 
-var g100 = /*#__PURE__*/Object.freeze({
+var g80 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  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,
-  textError: textError$2,
-  icon01: icon01$2,
-  icon02: icon02$2,
-  icon03: icon03$2,
-  link01: link01$2,
-  link02: link02$2,
-  inverseLink: inverseLink$2,
-  field01: field01$2,
-  field02: field02$2,
-  inverse01: inverse01$2,
-  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,
-  focus: focus$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,
-  highlight: highlight$2,
-  decorative01: decorative01$2,
-  buttonSeparator: buttonSeparator$2,
-  skeleton01: skeleton01$2,
-  skeleton02: skeleton02$2,
   background: background$2,
   layer: layer$2,
   layerAccent: layerAccent$2,
@@ -1049,6 +1368,7 @@ var g100 = /*#__PURE__*/Object.freeze({
   textSecondary: textSecondary$2,
   textPlaceholder: textPlaceholder$2,
   textHelper: textHelper$2,
+  textError: textError$2,
   textOnColor: textOnColor$2,
   textInverse: textInverse$2,
   linkPrimary: linkPrimary$2,
@@ -1074,14 +1394,17 @@ var g100 = /*#__PURE__*/Object.freeze({
   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,
@@ -1108,6 +1431,68 @@ var g100 = /*#__PURE__*/Object.freeze({
   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,
@@ -1115,8 +1500,11 @@ var g100 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$2,
   danger: danger$2,
   caption01: caption01,
+  caption02: caption02,
   label01: label01,
+  label02: label02,
   helperText01: helperText01,
+  helperText02: helperText02,
   bodyShort01: bodyShort01,
   bodyLong01: bodyLong01,
   bodyShort02: bodyShort02,
@@ -1484,8 +1872,11 @@ var g90 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField$1,
   danger: danger$1,
   caption01: caption01,
+  caption02: caption02,
   label01: label01,
+  label02: label02,
   helperText01: helperText01,
+  helperText02: helperText02,
   bodyShort01: bodyShort01,
   bodyLong01: bodyLong01,
   bodyShort02: bodyShort02,
@@ -1853,8 +2244,11 @@ var v9 = /*#__PURE__*/Object.freeze({
   hoverField: hoverField,
   danger: danger,
   caption01: caption01,
+  caption02: caption02,
   label01: label01,
+  label02: label02,
   helperText01: helperText01,
+  helperText02: helperText02,
   bodyShort01: bodyShort01,
   bodyLong01: bodyLong01,
   bodyShort02: bodyShort02,
@@ -1996,9 +2390,10 @@ var unstable__meta = {
 var themes = {
   white: white,
   g10: g10,
+  g80: g80,
   g90: g90,
   g100: g100,
   v9: v9
 };
 
-export { active01$4 as active01, activeDanger$4 as activeDanger, activeLightUI$4 as activeLightUI, activePrimary$4 as activePrimary, activeSecondary$4 as activeSecondary, activeTertiary$4 as activeTertiary, activeUI$4 as activeUI, background$4 as background, backgroundActive$4 as backgroundActive, backgroundBrand$4 as backgroundBrand, backgroundHover$4 as backgroundHover, backgroundInverse$4 as backgroundInverse, backgroundInverseHover$4 as backgroundInverseHover, backgroundSelected$4 as backgroundSelected, backgroundSelectedHover$4 as backgroundSelectedHover, borderDisabled$4 as borderDisabled, borderInteractive$4 as borderInteractive, borderInverse$4 as borderInverse, borderStrong$4 as borderStrong, borderSubtle$4 as borderSubtle, borderSubtleSelected$4 as borderSubtleSelected, brand01$4 as brand01, brand02$4 as brand02, brand03$4 as brand03, buttonDangerActive$4 as buttonDangerActive, buttonDangerHover$4 as buttonDangerHover, buttonDangerPrimary$4 as buttonDangerPrimary, buttonDangerSecondary$4 as buttonDangerSecondary, buttonDisabled$4 as buttonDisabled, buttonPrimary$4 as buttonPrimary, buttonPrimaryActive$4 as buttonPrimaryActive, buttonPrimaryHover$4 as buttonPrimaryHover, buttonSecondary$4 as buttonSecondary, buttonSecondaryActive$4 as buttonSecondaryActive, buttonSecondaryHover$4 as buttonSecondaryHover, buttonSeparator$4 as buttonSeparator, buttonTertiary$4 as buttonTertiary, buttonTertiaryActive$4 as buttonTertiaryActive, buttonTertiaryHover$4 as buttonTertiaryHover, danger$4 as danger, danger01$4 as danger01, danger02$4 as danger02, decorative01$4 as decorative01, disabled01$4 as disabled01, disabled02$4 as disabled02, disabled03$4 as disabled03, field$4 as field, field01$4 as field01, field02$4 as field02, fieldDisabled$4 as fieldDisabled, fieldHover$4 as fieldHover, focus$4 as focus, focusInset$4 as focusInset, focusInverse$4 as focusInverse, formatTokenName, g10, g100, g90, highlight$4 as highlight, hoverDanger$4 as hoverDanger, hoverField$4 as hoverField, hoverLightUI$4 as hoverLightUI, hoverPrimary$4 as hoverPrimary, hoverPrimaryText$4 as hoverPrimaryText, hoverRow$4 as hoverRow, hoverSecondary$4 as hoverSecondary, hoverSelectedUI$4 as hoverSelectedUI, hoverTertiary$4 as hoverTertiary, hoverUI$4 as hoverUI, icon01$4 as icon01, icon02$4 as icon02, icon03$4 as icon03, iconDisabled$4 as iconDisabled, iconInverse$4 as iconInverse, iconOnColor$4 as iconOnColor, iconOnColorDisabled$4 as iconOnColorDisabled, iconPrimary$4 as iconPrimary, iconSecondary$4 as iconSecondary, interactive$4 as interactive, interactive01$4 as interactive01, interactive02$4 as interactive02, interactive03$4 as interactive03, interactive04$4 as interactive04, inverse01$4 as inverse01, inverse02$4 as inverse02, inverseFocusUi$4 as inverseFocusUi, inverseHoverUI$4 as inverseHoverUI, inverseLink$4 as inverseLink, inverseSupport01$4 as inverseSupport01, inverseSupport02$4 as inverseSupport02, inverseSupport03$4 as inverseSupport03, inverseSupport04$4 as inverseSupport04, layer$4 as layer, layerAccent$4 as layerAccent, layerActive$4 as layerActive, layerDisabled$4 as layerDisabled, layerHover$4 as layerHover, layerSelected$4 as layerSelected, layerSelectedDisabled$4 as layerSelectedDisabled, layerSelectedHover$4 as layerSelectedHover, layerSelectedInverse$4 as layerSelectedInverse, link01$4 as link01, link02$4 as link02, linkInverse$4 as linkInverse, linkPrimary$4 as linkPrimary, linkPrimaryHover$4 as linkPrimaryHover, linkSecondary$4 as linkSecondary, linkVisited$4 as linkVisited, overlay$4 as overlay, overlay01$4 as overlay01, selectedLightUI$4 as selectedLightUI, selectedUI$4 as selectedUI, skeleton01$4 as skeleton01, skeleton02$4 as skeleton02, skeletonBackground$4 as skeletonBackground, skeletonElement$4 as skeletonElement, support01$4 as support01, support02$4 as support02, support03$4 as support03, support04$4 as support04, supportError$4 as supportError, supportErrorInverse$4 as supportErrorInverse, supportInfo$4 as supportInfo, supportInfoInverse$4 as supportInfoInverse, supportSuccess$4 as supportSuccess, supportSuccessInverse$4 as supportSuccessInverse, supportWarning$4 as supportWarning, supportWarningInverse$4 as supportWarningInverse, text01$4 as text01, text02$4 as text02, text03$4 as text03, text04$4 as text04, text05$4 as text05, textDisabled$4 as textDisabled, textError$4 as textError, textHelper$4 as textHelper, textInverse$4 as textInverse, textOnColor$4 as textOnColor, textOnColorDisabled$4 as textOnColorDisabled, textPlaceholder$4 as textPlaceholder, textPrimary$4 as textPrimary, textSecondary$4 as textSecondary, themes, toggleOff$4 as toggleOff, tokens, ui01$4 as ui01, ui02$4 as ui02, ui03$4 as ui03, ui04$4 as ui04, ui05$4 as ui05, uiBackground$4 as uiBackground, unstable__meta, v9, visitedLink$4 as visitedLink, white };
+export { active01$5 as active01, activeDanger$5 as activeDanger, activeLightUI$5 as activeLightUI, activePrimary$5 as activePrimary, activeSecondary$5 as activeSecondary, activeTertiary$5 as activeTertiary, activeUI$5 as activeUI, background$5 as background, backgroundActive$5 as backgroundActive, backgroundBrand$5 as backgroundBrand, backgroundHover$5 as backgroundHover, backgroundInverse$5 as backgroundInverse, backgroundInverseHover$5 as backgroundInverseHover, backgroundSelected$5 as backgroundSelected, backgroundSelectedHover$5 as backgroundSelectedHover, borderDisabled$5 as borderDisabled, borderInteractive$5 as borderInteractive, borderInverse$5 as borderInverse, borderStrong$5 as borderStrong, borderSubtle$5 as borderSubtle, borderSubtleSelected$5 as borderSubtleSelected, brand01$5 as brand01, brand02$5 as brand02, brand03$5 as brand03, buttonDangerActive$5 as buttonDangerActive, buttonDangerHover$5 as buttonDangerHover, buttonDangerPrimary$5 as buttonDangerPrimary, buttonDangerSecondary$5 as buttonDangerSecondary, buttonDisabled$5 as buttonDisabled, buttonPrimary$5 as buttonPrimary, buttonPrimaryActive$5 as buttonPrimaryActive, buttonPrimaryHover$5 as buttonPrimaryHover, buttonSecondary$5 as buttonSecondary, buttonSecondaryActive$5 as buttonSecondaryActive, buttonSecondaryHover$5 as buttonSecondaryHover, buttonSeparator$5 as buttonSeparator, buttonTertiary$5 as buttonTertiary, buttonTertiaryActive$5 as buttonTertiaryActive, buttonTertiaryHover$5 as buttonTertiaryHover, danger$5 as danger, danger01$5 as danger01, danger02$5 as danger02, decorative01$5 as decorative01, disabled01$5 as disabled01, disabled02$5 as disabled02, disabled03$5 as disabled03, field$5 as field, field01$5 as field01, field02$5 as field02, fieldDisabled$5 as fieldDisabled, fieldHover$5 as fieldHover, focus$5 as focus, focusInset$5 as focusInset, focusInverse$5 as focusInverse, formatTokenName, g10, g100, g80, g90, highlight$5 as highlight, hoverDanger$5 as hoverDanger, hoverField$5 as hoverField, hoverLightUI$5 as hoverLightUI, hoverPrimary$5 as hoverPrimary, hoverPrimaryText$5 as hoverPrimaryText, hoverRow$5 as hoverRow, hoverSecondary$5 as hoverSecondary, hoverSelectedUI$5 as hoverSelectedUI, hoverTertiary$5 as hoverTertiary, hoverUI$5 as hoverUI, icon01$5 as icon01, icon02$5 as icon02, icon03$5 as icon03, iconDisabled$5 as iconDisabled, iconInverse$5 as iconInverse, iconOnColor$5 as iconOnColor, iconOnColorDisabled$5 as iconOnColorDisabled, iconPrimary$5 as iconPrimary, iconSecondary$5 as iconSecondary, interactive$5 as interactive, interactive01$5 as interactive01, interactive02$5 as interactive02, interactive03$5 as interactive03, interactive04$5 as interactive04, inverse01$5 as inverse01, inverse02$5 as inverse02, inverseFocusUi$5 as inverseFocusUi, inverseHoverUI$5 as inverseHoverUI, inverseLink$5 as inverseLink, inverseSupport01$5 as inverseSupport01, inverseSupport02$5 as inverseSupport02, inverseSupport03$5 as inverseSupport03, inverseSupport04$5 as inverseSupport04, layer$5 as layer, layerAccent$5 as layerAccent, layerActive$5 as layerActive, layerDisabled$5 as layerDisabled, layerHover$5 as layerHover, layerSelected$5 as layerSelected, layerSelectedDisabled$5 as layerSelectedDisabled, layerSelectedHover$5 as layerSelectedHover, layerSelectedInverse$5 as layerSelectedInverse, link01$5 as link01, link02$5 as link02, linkInverse$5 as linkInverse, linkPrimary$5 as linkPrimary, linkPrimaryHover$5 as linkPrimaryHover, linkSecondary$5 as linkSecondary, linkVisited$5 as linkVisited, overlay$5 as overlay, overlay01$5 as overlay01, selectedLightUI$5 as selectedLightUI, selectedUI$5 as selectedUI, skeleton01$5 as skeleton01, skeleton02$5 as skeleton02, skeletonBackground$5 as skeletonBackground, skeletonElement$5 as skeletonElement, support01$5 as support01, support02$5 as support02, support03$5 as support03, support04$5 as support04, supportError$5 as supportError, supportErrorInverse$5 as supportErrorInverse, supportInfo$5 as supportInfo, supportInfoInverse$5 as supportInfoInverse, supportSuccess$5 as supportSuccess, supportSuccessInverse$5 as supportSuccessInverse, supportWarning$5 as supportWarning, supportWarningInverse$5 as supportWarningInverse, text01$5 as text01, text02$5 as text02, text03$5 as text03, text04$5 as text04, text05$5 as text05, textDisabled$5 as textDisabled, textError$5 as textError, textHelper$5 as textHelper, textInverse$5 as textInverse, textOnColor$5 as textOnColor, textOnColorDisabled$5 as textOnColorDisabled, textPlaceholder$5 as textPlaceholder, textPrimary$5 as textPrimary, textSecondary$5 as textSecondary, themes, toggleOff$5 as toggleOff, tokens, ui01$5 as ui01, ui02$5 as ui02, ui03$5 as ui03, ui04$5 as ui04, ui05$5 as ui05, uiBackground$5 as uiBackground, unstable__meta, v9, visitedLink$5 as visitedLink, white };