@dxc-technology/halstack-react 0.0.0-c6243ef → 0.0.0-c67081d

package/common/variables.js

@@ -0,0 +1,1378 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spaces = exports.responsiveSizes = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
+
+var _coreTokens = _interopRequireDefault(require("./coreTokens"));
+
+var componentTokens = {
+  accordion: {
+    backgroundColor: _coreTokens["default"].color_white,
+    hoverBackgroundColor: _coreTokens["default"].color_purple_100,
+    arrowColor: _coreTokens["default"].color_purple_700,
+    disabledArrowColor: _coreTokens["default"].color_grey_500,
+    assistiveTextFontFamily: _coreTokens["default"].type_sans,
+    assistiveTextFontSize: _coreTokens["default"].type_scale_03,
+    assistiveTextFontWeight: _coreTokens["default"].type_light,
+    assistiveTextFontStyle: _coreTokens["default"].type_italic,
+    assistiveTextLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
+    assistiveTextFontColor: _coreTokens["default"].color_grey_700,
+    disabledAssistiveTextFontColor: _coreTokens["default"].color_grey_500,
+    assistiveTextMinWidth: "100px",
+    assistiveTextPaddingRight: "24px",
+    assistiveTextPaddingLeft: "0px",
+    titleLabelFontFamily: _coreTokens["default"].type_sans,
+    titleLabelFontSize: _coreTokens["default"].type_scale_03,
+    titleLabelFontWeight: _coreTokens["default"].type_regular,
+    titleLabelFontStyle: _coreTokens["default"].type_normal,
+    titleLabelFontColor: _coreTokens["default"].color_black,
+    disabledTitleLabelFontColor: _coreTokens["default"].color_grey_500,
+    titleLabelPaddingTop: "0px",
+    titleLabelPaddingBottom: "0px",
+    titleLabelPaddingLeft: "0px",
+    titleLabelPaddingRight: "16px",
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderStyle: _coreTokens["default"].border_solid,
+    focusBorderThickness: "2px",
+    borderRadius: "4px",
+    boxShadowOffsetX: "0px",
+    boxShadowOffsetY: "6px",
+    boxShadowBlur: "10px",
+    boxShadowColor: _coreTokens["default"].color_grey_200_a,
+    iconColor: _coreTokens["default"].color_purple_700,
+    disabledIconColor: _coreTokens["default"].color_grey_500,
+    iconSize: "24px",
+    iconMarginLeft: "0px",
+    iconMarginRigth: "12px",
+    accordionGroupSeparatorBorderColor: _coreTokens["default"].color_grey_200_a,
+    accordionGroupSeparatorBorderThickness: "1px",
+    accordionGroupSeparatorBorderRadius: "0px",
+    accordionGroupSeparatorBorderStyle: _coreTokens["default"].border_solid
+  },
+  alert: {
+    titleFontFamily: _coreTokens["default"].type_sans,
+    titleFontColor: _coreTokens["default"].color_black,
+    titleFontSize: _coreTokens["default"].type_scale_01,
+    titleFontStyle: _coreTokens["default"].type_normal,
+    titleFontWeight: _coreTokens["default"].type_bold,
+    titleTextTransform: _coreTokens["default"].type_uppercase,
+    titlePaddingRight: "0px",
+    titlePaddingLeft: "0px",
+    inlineTextFontFamily: _coreTokens["default"].type_sans,
+    inlineTextFontColor: _coreTokens["default"].color_black,
+    inlineTextFontSize: _coreTokens["default"].type_scale_01,
+    inlineTextFontStyle: _coreTokens["default"].type_normal,
+    inlineTextFontWeight: _coreTokens["default"].type_regular,
+    inlineTextPaddingLeft: "0px",
+    inlineTextPaddingRight: "0px",
+    contentPaddingLeft: "0px",
+    contentPaddingRight: "0px",
+    contentPaddingTop: "20px",
+    contentPaddingBottom: "30px",
+    borderRadius: "4px",
+    borderStyle: _coreTokens["default"].border_solid,
+    borderThickness: "1px",
+    infoBorderColor: _coreTokens["default"].color_blue_800,
+    successBorderColor: _coreTokens["default"].color_green_700,
+    warningBorderColor: _coreTokens["default"].color_yellow_700,
+    errorBorderColor: _coreTokens["default"].color_red_700,
+    iconSize: "24px",
+    iconPaddingLeft: "0px",
+    iconPaddingRight: "0px",
+    infoIconColor: _coreTokens["default"].color_blue_800,
+    successIconColor: _coreTokens["default"].color_green_700,
+    warningIconColor: _coreTokens["default"].color_yellow_700,
+    errorIconColor: _coreTokens["default"].color_red_700,
+    infoBackgroundColor: _coreTokens["default"].color_blue_100,
+    successBackgroundColor: _coreTokens["default"].color_green_100,
+    warningBackgroundColor: _coreTokens["default"].color_yellow_100,
+    errorBackgroundColor: _coreTokens["default"].color_red_100,
+    hoverActionBackgroundColor: _coreTokens["default"].color_grey_100_a,
+    activeActionBackgroundColor: _coreTokens["default"].color_grey_200_a,
+    focusActionBorderColor: _coreTokens["default"].color_blue_600,
+    overlayColor: _coreTokens["default"].color_grey_800_a
+  },
+  box: {
+    backgroundColor: _coreTokens["default"].color_white,
+    borderRadius: _coreTokens["default"].border_radius_medium,
+    borderThickness: _coreTokens["default"].border_width_0,
+    borderStyle: _coreTokens["default"].border_none,
+    borderColor: _coreTokens["default"].color_transparent,
+    noneShadowDepthShadowOffsetX: "none",
+    noneShadowDepthShadowOffsetY: "none",
+    noneShadowDepthShadowBlur: "none",
+    noneShadowDepthShadowSpread: "none",
+    noneShadowDepthShadowColor: _coreTokens["default"].color_transparent,
+    oneShadowDepthShadowOffsetX: "0px",
+    oneShadowDepthShadowOffsetY: "3px",
+    oneShadowDepthShadowBlur: "6px",
+    oneShadowDepthShadowSpread: "0px",
+    oneShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a,
+    twoShadowDepthShadowOffsetX: "0px",
+    twoShadowDepthShadowOffsetY: "3px",
+    twoShadowDepthShadowBlur: "10px",
+    twoShadowDepthShadowSpread: "0px",
+    twoShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a
+  },
+  bulletedList: {
+    fontColor: _coreTokens["default"].color_black,
+    fontColorOnDark: _coreTokens["default"].color_white,
+    bulletIconHeight: "1.5rem",
+    bulletIconWidth: "1.5rem",
+    bulletHeight: "5px",
+    bulletWidth: "5px",
+    bulletMarginRight: "0.5rem"
+  },
+  button: {
+    labelFontLineHeight: _coreTokens["default"].type_leading_normal,
+    labelLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
+    paddingLeft: _coreTokens["default"].spacing_8,
+    paddingRight: _coreTokens["default"].spacing_8,
+    paddingTop: _coreTokens["default"].spacing_8,
+    paddingBottom: _coreTokens["default"].spacing_8,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
+    primaryBackgroundColor: _coreTokens["default"].color_purple_700,
+    primaryBackgroundColorOnDark: _coreTokens["default"].color_purple_700,
+    primaryFontColor: _coreTokens["default"].color_white,
+    primaryFontColorOnDark: _coreTokens["default"].color_white,
+    primaryHoverBackgroundColor: _coreTokens["default"].color_purple_800,
+    primaryHoverBackgroundColorOnDark: _coreTokens["default"].color_purple_600,
+    primaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
+    primaryActiveBackgroundColorOnDark: _coreTokens["default"].color_purple_800,
+    primaryDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
+    primaryDisabledBackgroundColorOnDark: _coreTokens["default"].color_grey_800,
+    primaryDisabledFontColor: _coreTokens["default"].color_grey_500,
+    primaryDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
+    primaryBorderThickness: _coreTokens["default"].border_width_0,
+    primaryBorderStyle: _coreTokens["default"].border_none,
+    primaryBorderRadius: _coreTokens["default"].border_radius_medium,
+    primaryFontFamily: _coreTokens["default"].type_sans,
+    primaryFontSize: _coreTokens["default"].type_scale_03,
+    primaryFontWeight: _coreTokens["default"].type_regular,
+    secondaryBackgroundColor: _coreTokens["default"].color_transparent,
+    secondaryBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    secondaryFontColor: _coreTokens["default"].color_purple_700,
+    secondaryFontColorOnDark: _coreTokens["default"].color_white,
+    secondaryHoverFontColor: _coreTokens["default"].color_white,
+    secondaryHoverFontColorOnDark: _coreTokens["default"].color_black,
+    secondaryBorderColor: _coreTokens["default"].color_purple_700,
+    secondaryBorderColorOnDark: _coreTokens["default"].color_white,
+    secondaryHoverBackgroundColor: _coreTokens["default"].color_purple_700,
+    secondaryHoverBackgroundColorOnDark: _coreTokens["default"].color_white,
+    secondaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
+    secondaryActiveBackgroundColorOnDark: _coreTokens["default"].color_grey_200,
+    secondaryDisabledBackgroundColor: _coreTokens["default"].color_transparent,
+    secondaryDisabledBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    secondaryDisabledFontColor: _coreTokens["default"].color_grey_500,
+    secondaryDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
+    secondaryDisabledBorderColor: _coreTokens["default"].color_grey_500,
+    secondaryDisabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
+    secondaryBorderThickness: _coreTokens["default"].border_width_1,
+    secondaryBorderStyle: _coreTokens["default"].border_solid,
+    secondaryBorderRadius: _coreTokens["default"].border_radius_medium,
+    secondaryFontFamily: _coreTokens["default"].type_sans,
+    secondaryFontSize: _coreTokens["default"].type_scale_03,
+    secondaryFontWeight: _coreTokens["default"].type_regular,
+    textBackgroundColor: _coreTokens["default"].color_transparent,
+    textBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    textFontColor: _coreTokens["default"].color_purple_700,
+    textFontColorOnDark: _coreTokens["default"].color_white,
+    textHoverBackgroundColor: _coreTokens["default"].color_purple_100,
+    textHoverBackgroundColorOnDark: _coreTokens["default"].color_grey_800,
+    textActiveBackgroundColor: _coreTokens["default"].color_purple_200,
+    textActiveBackgroundColorOnDark: _coreTokens["default"].color_grey_700,
+    textDisabledBackgroundColor: _coreTokens["default"].color_transparent,
+    textDisabledBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    textDisabledFontColor: _coreTokens["default"].color_grey_500,
+    textDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
+    textBorderThickness: _coreTokens["default"].border_width_0,
+    textBorderStyle: _coreTokens["default"].border_none,
+    textBorderRadius: _coreTokens["default"].border_radius_medium,
+    textFontFamily: _coreTokens["default"].type_sans,
+    textFontSize: _coreTokens["default"].type_scale_03,
+    textFontWeight: _coreTokens["default"].type_regular
+  },
+  card: {
+    height: "220px",
+    width: "400px"
+  },
+  checkbox: {
+    backgroundColorChecked: _coreTokens["default"].color_blue_800,
+    backgroundColorCheckedOnDark: _coreTokens["default"].color_grey_200,
+    hoverBackgroundColorChecked: _coreTokens["default"].color_blue_900,
+    hoverBackgroundColorCheckedOnDark: _coreTokens["default"].color_white,
+    disabledBackgroundColorChecked: _coreTokens["default"].color_grey_500,
+    disabledBackgroundColorCheckedOnDark: _coreTokens["default"].color_grey_800,
+    readOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_600,
+    borderColor: _coreTokens["default"].color_blue_800,
+    borderColorOnDark: _coreTokens["default"].color_grey_200,
+    hoverBorderColor: _coreTokens["default"].color_blue_900,
+    hoverBorderColorOnDark: _coreTokens["default"].color_white,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    disabledBorderColorOnDark: _coreTokens["default"].color_grey_800,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    checkColor: _coreTokens["default"].color_white,
+    checkColorOnDark: _coreTokens["default"].color_black,
+    disabledCheckColor: _coreTokens["default"].color_white,
+    disabledCheckColorOnDark: _coreTokens["default"].color_grey_500,
+    readOnlyCheckColor: _coreTokens["default"].color_white,
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_02,
+    fontWeight: _coreTokens["default"].type_regular,
+    fontColor: _coreTokens["default"].color_black,
+    fontColorOnDark: _coreTokens["default"].color_white,
+    disabledFontColor: _coreTokens["default"].color_grey_500,
+    disabledFontColorOnDark: _coreTokens["default"].color_grey_500,
+    focusColor: _coreTokens["default"].color_blue_600,
+    focusColorOnDark: _coreTokens["default"].color_blue_600,
+    checkLabelSpacing: "8px"
+  },
+  chip: {
+    backgroundColor: _coreTokens["default"].color_grey_200,
+    disabledBackgroundColor: _coreTokens["default"].color_grey_100,
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_03,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_regular,
+    fontColor: _coreTokens["default"].color_black,
+    disabledFontColor: _coreTokens["default"].color_grey_500,
+    borderColor: _coreTokens["default"].color_transparent,
+    borderRadius: "80px",
+    borderThickness: _coreTokens["default"].border_width_0,
+    borderStyle: _coreTokens["default"].border_solid,
+    contentPaddingLeft: "16px",
+    contentPaddingRight: "16px",
+    contentPaddingTop: "0px",
+    contentPaddingBottom: "0px",
+    iconSize: "24px",
+    iconSpacing: "8px",
+    iconColor: _coreTokens["default"].color_grey_800,
+    hoverIconColor: _coreTokens["default"].color_grey_900,
+    activeIconColor: _coreTokens["default"].color_black,
+    disabledIconColor: _coreTokens["default"].color_grey_500,
+    focusColor: _coreTokens["default"].color_blue_600,
+    focusBorderStyle: _coreTokens["default"].border_solid,
+    focusBorderThickness: _coreTokens["default"].border_width_2,
+    focusBorderRadius: _coreTokens["default"].border_radius_medium
+  },
+  dateInput: {
+    pickerBackgroundColor: _coreTokens["default"].color_white,
+    pickerFontColor: _coreTokens["default"].color_black,
+    pickerBorderColor: _coreTokens["default"].color_grey_400,
+    pickerSelectedBackgroundColor: _coreTokens["default"].color_purple_700,
+    pickerSelectedFontColor: _coreTokens["default"].color_white,
+    pickerHoverBackgroundColor: _coreTokens["default"].color_purple_200,
+    pickerHoverFontColor: _coreTokens["default"].color_black,
+    pickerActiveBackgroundColor: _coreTokens["default"].color_purple_800,
+    pickerActiveFontColor: _coreTokens["default"].color_white,
+    pickerNonCurrentMonthFontColor: _coreTokens["default"].color_grey_500,
+    pickerCurrentDateBorderColor: _coreTokens["default"].color_purple_300,
+    pickerCurrentDateFontColor: _coreTokens["default"].color_black,
+    pickerCurrentYearFontColor: _coreTokens["default"].color_purple_700,
+    pickerHeaderBackgroundColor: _coreTokens["default"].color_transparent,
+    pickerHeaderFontColor: _coreTokens["default"].color_black,
+    pickerHeaderHoverBackgroundColor: _coreTokens["default"].color_purple_200,
+    pickerHeaderHoverFontColor: _coreTokens["default"].color_black,
+    pickerHeaderActiveBackgroundColor: _coreTokens["default"].color_purple_800,
+    pickerHeaderActiveFontColor: _coreTokens["default"].color_white,
+    pickerFocusColor: _coreTokens["default"].color_blue_600,
+    pickerBorderWidth: _coreTokens["default"].border_width_1,
+    pickerBorderStyle: _coreTokens["default"].border_solid,
+    pickerFocusWidth: _coreTokens["default"].border_width_2,
+    pickerCurrentDateBorderWidth: _coreTokens["default"].border_width_1,
+    pickerFontFamily: _coreTokens["default"].type_sans,
+    pickerFontSize: _coreTokens["default"].type_scale_02,
+    pickerFontWeight: _coreTokens["default"].type_regular,
+    pickerInteractedYearFontSize: _coreTokens["default"].type_scale_05,
+    pickerHeaderFontSize: _coreTokens["default"].type_scale_02
+  },
+  dialog: {
+    overlayColor: _coreTokens["default"].color_grey_800_a,
+    backgroundColor: _coreTokens["default"].color_white,
+    closeIconWidth: "24px",
+    closeIconHeight: "24px",
+    closeIconTopPosition: "20px",
+    closeIconRightPosition: "20px",
+    closeIconBackgroundColor: _coreTokens["default"].color_transparent,
+    closeIconBorderColor: _coreTokens["default"].border_none,
+    closeIconColor: _coreTokens["default"].color_black,
+    closeIconBorderThickness: _coreTokens["default"].border_width_0,
+    closeIconBorderStyle: _coreTokens["default"].border_solid,
+    closeIconBorderRadius: "2px",
+    boxShadowOffsetX: "0px",
+    boxShadowOffsetY: "1px",
+    boxShadowBlur: "3px",
+    boxShadowColor: _coreTokens["default"].color_grey_300_a
+  },
+  dropdown: {
+    buttonBackgroundColor: _coreTokens["default"].color_white,
+    hoverButtonBackgroundColor: _coreTokens["default"].color_grey_100,
+    activeButtonBackgroundColor: _coreTokens["default"].color_grey_300,
+    buttonFontFamily: _coreTokens["default"].type_sans,
+    buttonFontSize: _coreTokens["default"].type_scale_03,
+    buttonFontStyle: _coreTokens["default"].type_normal,
+    buttonFontWeight: _coreTokens["default"].type_regular,
+    buttonFontColor: _coreTokens["default"].color_black,
+    buttonIconSize: "20px",
+    buttonIconSpacing: "10px",
+    buttonIconColor: _coreTokens["default"].color_black,
+    buttonPaddingTop: "0px",
+    buttonPaddingBottom: "0px",
+    buttonPaddingLeft: "16px",
+    buttonPaddingRight: "16px",
+    disabledColor: _coreTokens["default"].color_grey_500,
+    disabledButtonBackgroundColor: _coreTokens["default"].color_transparent,
+    disabledBorderColor: _coreTokens["default"].color_transparent,
+    optionBackgroundColor: _coreTokens["default"].color_white,
+    hoverOptionBackgroundColor: _coreTokens["default"].color_grey_100,
+    activeOptionBackgroundColor: _coreTokens["default"].color_grey_300,
+    optionFontFamily: _coreTokens["default"].type_sans,
+    optionFontSize: _coreTokens["default"].type_scale_root,
+    optionFontStyle: _coreTokens["default"].type_normal,
+    optionFontWeight: _coreTokens["default"].type_regular,
+    optionFontColor: _coreTokens["default"].color_black,
+    optionIconSize: "20px",
+    optionIconSpacing: "10px",
+    optionIconColor: _coreTokens["default"].color_black,
+    optionPaddingTop: "6px",
+    optionPaddingBottom: "6px",
+    optionPaddingLeft: "16px",
+    optionPaddingRight: "16px",
+    caretIconSize: "24px",
+    caretIconColor: _coreTokens["default"].color_black,
+    caretIconSpacing: "12px",
+    borderRadius: "4px",
+    borderStyle: _coreTokens["default"].border_none,
+    borderThickness: _coreTokens["default"].border_width_0,
+    borderColor: _coreTokens["default"].color_transparent,
+    scrollBarThumbColor: _coreTokens["default"].color_grey_700,
+    scrollBarTrackColor: _coreTokens["default"].color_grey_300,
+    focusColor: _coreTokens["default"].color_blue_600
+  },
+  fileInput: {
+    dropBorderColor: _coreTokens["default"].color_black,
+    fileItemBorderColor: _coreTokens["default"].color_grey_300,
+    fileNameFontColor: _coreTokens["default"].color_black,
+    labelFontColor: _coreTokens["default"].color_black,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    dropLabelFontColor: _coreTokens["default"].color_black,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
+    disabledDropLabelFontColor: _coreTokens["default"].color_grey_500,
+    focusDropBorderColor: _coreTokens["default"].color_blue_600,
+    disabledDropBorderColor: _coreTokens["default"].color_grey_500,
+    dragoverDropBackgroundColor: _coreTokens["default"].color_blue_50,
+    activeFileItemIconBackgrounColor: _coreTokens["default"].color_grey_300,
+    errorFileItemBorderColor: _coreTokens["default"].color_red_700,
+    errorFileItemBackgroundColor: _coreTokens["default"].color_red_50,
+    errorFilePreviewBackgroundColor: _coreTokens["default"].color_red_200,
+    errorFileItemIconColor: _coreTokens["default"].color_red_700,
+    fileItemIconBackgroundColor: _coreTokens["default"].color_grey_100,
+    deleteFileItemColor: _coreTokens["default"].color_black,
+    errorMessageFontColor: _coreTokens["default"].color_red_700,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    fileItemFontFamily: _coreTokens["default"].type_sans,
+    fileItemFontSize: _coreTokens["default"].type_scale_02,
+    fileItemFontWeight: _coreTokens["default"].type_regular,
+    fileItemLineHeight: _coreTokens["default"].type_leading_normal,
+    helperTextFontFamily: _coreTokens["default"].type_sans,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    dropLabelFontFamily: _coreTokens["default"].type_sans,
+    dropLabelFontSize: _coreTokens["default"].type_scale_03,
+    dropLabelFontWeight: _coreTokens["default"].type_regular,
+    errorMessageFontFamily: _coreTokens["default"].type_sans,
+    errorMessageFontSize: _coreTokens["default"].type_scale_01,
+    errorMessageFontWeight: _coreTokens["default"].type_regular,
+    errorMessageLineHeight: _coreTokens["default"].type_leading_normal,
+    dropBorderThickness: _coreTokens["default"].border_width_1,
+    dropBorderStyle: _coreTokens["default"].border_dashed,
+    dropBorderRadius: _coreTokens["default"].border_radius_large,
+    fileItemBorderThickness: _coreTokens["default"].border_width_1,
+    fileItemBorderStyle: _coreTokens["default"].border_solid,
+    fileItemBorderRadius: _coreTokens["default"].border_radius_medium,
+    hoverDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_100_a,
+    activeDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_300_a,
+    focusDeleteFileItemBorderColor: _coreTokens["default"].color_blue_600,
+    filePreviewBackgroundColor: _coreTokens["default"].color_grey_100,
+    filePreviewIconColor: _coreTokens["default"].color_grey_600,
+    errorFilePreviewIconColor: _coreTokens["default"].color_red_700
+  },
+  footer: {
+    height: "124px",
+    backgroundColor: _coreTokens["default"].color_black,
+    bottomLinksDividerColor: _coreTokens["default"].color_blue_600,
+    bottomLinksDividerThickness: "1px",
+    bottomLinksDividerStyle: _coreTokens["default"].border_solid,
+    bottomLinksDividerSpacing: "8px",
+    bottomLinksFontFamily: _coreTokens["default"].type_sans,
+    bottomLinksFontSize: _coreTokens["default"].type_scale_01,
+    bottomLinksFontStyle: _coreTokens["default"].type_normal,
+    bottomLinksFontWeight: _coreTokens["default"].type_regular,
+    bottomLinksFontColor: _coreTokens["default"].color_white,
+    bottomLinksTextDecoration: _coreTokens["default"].type_no_line,
+    copyrightFontFamily: _coreTokens["default"].type_sans,
+    copyrightFontSize: _coreTokens["default"].type_scale_01,
+    copyrightFontStyle: _coreTokens["default"].type_normal,
+    copyrightFontWeight: _coreTokens["default"].type_regular,
+    copyrightFontColor: _coreTokens["default"].color_white,
+    logo: "",
+    logoHeight: "32px",
+    logoWidth: "auto",
+    socialLinksSize: "24px",
+    socialLinksGutter: "16px",
+    socialLinksColor: _coreTokens["default"].color_white
+  },
+  header: {
+    backgroundColor: _coreTokens["default"].color_white,
+    hamburguerFocusColor: _coreTokens["default"].color_blue_600,
+    hamburguerFontFamily: _coreTokens["default"].type_sans,
+    hamburguerFontStyle: _coreTokens["default"].type_normal,
+    hamburguerFontColor: _coreTokens["default"].color_black,
+    hamburguerFontSize: "10px",
+    hamburguerFontWeight: _coreTokens["default"].type_semibold,
+    hamburguerTextTransform: _coreTokens["default"].type_uppercase,
+    hamburguerIconColor: _coreTokens["default"].color_black,
+    hamburguerHoverColor: _coreTokens["default"].color_grey_200,
+    logo: "",
+    logoResponsive: "",
+    logoHeight: "40px",
+    logoWidth: "auto",
+    menuBackgroundColor: _coreTokens["default"].color_white,
+    menuZindex: "2000",
+    menuTabletWidth: "60vw",
+    menuMobileWidth: "100vw",
+    minHeight: "64px",
+    overlayColor: _coreTokens["default"].color_grey_800_a,
+    overlayOpacity: "0.7",
+    overlayZindex: "1600",
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    paddingRight: "24px",
+    paddingLeft: "24px",
+    underlinedColor: _coreTokens["default"].color_black,
+    underlinedThickness: "2px",
+    underlinedStyle: _coreTokens["default"].border_solid,
+    contentColor: _coreTokens["default"].color_black,
+    contentColorOnDark: _coreTokens["default"].color_white
+  },
+  heading: {
+    level1FontColor: _coreTokens["default"].inherit,
+    level1FontFamily: _coreTokens["default"].type_sans,
+    level1FontSize: _coreTokens["default"].type_scale_07,
+    level1FontStyle: _coreTokens["default"].type_normal,
+    level1FontWeight: _coreTokens["default"].type_semibold,
+    level1LineHeight: _coreTokens["default"].type_leading_compact_01,
+    level1LetterSpacing: _coreTokens["default"].type_spacing_tight_01,
+    level2FontColor: _coreTokens["default"].inherit,
+    level2FontFamily: _coreTokens["default"].type_sans,
+    level2FontSize: _coreTokens["default"].type_scale_05,
+    level2FontStyle: _coreTokens["default"].type_normal,
+    level2FontWeight: _coreTokens["default"].type_semibold,
+    level2LineHeight: _coreTokens["default"].type_leading_normal,
+    level2LetterSpacing: _coreTokens["default"].type_spacing_normal,
+    level3FontColor: _coreTokens["default"].inherit,
+    level3FontFamily: _coreTokens["default"].type_sans,
+    level3FontSize: _coreTokens["default"].type_scale_04,
+    level3FontStyle: _coreTokens["default"].type_normal,
+    level3FontWeight: _coreTokens["default"].type_semibold,
+    level3LineHeight: _coreTokens["default"].type_leading_compact_01,
+    level3LetterSpacing: _coreTokens["default"].type_spacing_wide_01,
+    level4FontColor: _coreTokens["default"].inherit,
+    level4FontFamily: _coreTokens["default"].type_sans,
+    level4FontSize: _coreTokens["default"].type_scale_03,
+    level4FontStyle: _coreTokens["default"].type_normal,
+    level4FontWeight: _coreTokens["default"].type_semibold,
+    level4LineHeight: _coreTokens["default"].type_leading_normal,
+    level4LetterSpacing: _coreTokens["default"].type_spacing_normal,
+    level5FontColor: _coreTokens["default"].inherit,
+    level5FontFamily: _coreTokens["default"].type_sans,
+    level5FontSize: _coreTokens["default"].type_scale_02,
+    level5FontStyle: _coreTokens["default"].type_normal,
+    level5FontWeight: _coreTokens["default"].type_semibold,
+    level5LineHeight: _coreTokens["default"].type_leading_normal,
+    level5LetterSpacing: _coreTokens["default"].type_spacing_wide_01
+  },
+  image: {
+    captionFontColor: _coreTokens["default"].color_grey_900,
+    captionFontFamily: _coreTokens["default"].type_sans,
+    captionFontSize: _coreTokens["default"].type_scale_02,
+    captionFontStyle: _coreTokens["default"].type_normal,
+    captionFontWeight: _coreTokens["default"].type_regular,
+    captionLineHeight: _coreTokens["default"].type_leading_normal
+  },
+  link: {
+    fontColor: _coreTokens["default"].color_blue_800,
+    fontFamily: _coreTokens["default"].inherit,
+    fontSize: _coreTokens["default"].inherit,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_regular,
+    iconSize: "16px",
+    iconSpacing: "4px",
+    underlineSpacing: "0px",
+    underlineStyle: _coreTokens["default"].border_solid,
+    underlineThickness: "1px",
+    disabledFontColor: _coreTokens["default"].color_grey_500,
+    hoverFontColor: _coreTokens["default"].color_blue_800,
+    hoverUnderlineColor: _coreTokens["default"].color_blue_800,
+    visitedFontColor: _coreTokens["default"].color_purple_700,
+    visitedUnderlineColor: _coreTokens["default"].color_purple_700,
+    activeFontColor: _coreTokens["default"].color_black,
+    activeUnderlineColor: _coreTokens["default"].color_black,
+    focusColor: _coreTokens["default"].color_blue_600
+  },
+  navTabs: {
+    selectedBackgroundColor: _coreTokens["default"].color_white,
+    unselectedBackgroundColor: _coreTokens["default"].color_white,
+    hoverBackgroundColor: _coreTokens["default"].color_grey_100,
+    pressedBackgroundColor: _coreTokens["default"].color_grey_200,
+    selectedFontColor: _coreTokens["default"].color_grey_700,
+    unselectedFontColor: _coreTokens["default"].color_grey_700,
+    disabledFontColor: _coreTokens["default"].color_grey_500,
+    focusOutline: _coreTokens["default"].color_blue_600,
+    selectedUnderlineColor: _coreTokens["default"].color_purple_700,
+    dividerColor: _coreTokens["default"].color_grey_400,
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_03,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_regular,
+    selectedIconColor: _coreTokens["default"].color_grey_700,
+    unselectedIconColor: _coreTokens["default"].color_grey_700,
+    disabledIconColor: _coreTokens["default"].color_grey_500
+  },
+  paginator: {
+    backgroundColor: _coreTokens["default"].color_grey_100,
+    fontColor: _coreTokens["default"].color_black,
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_02,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_regular,
+    fontTextTransform: "none",
+    verticalPadding: "0.75rem",
+    horizontalPadding: "2rem",
+    marginRight: "40px",
+    marginLeft: "20px",
+    itemsPerPageSelectorMarginLeft: "0px",
+    itemsPerPageSelectorMarginRight: "0.5rem",
+    pageSelectorMarginRight: "30px",
+    pageSelectorMarginLeft: "0px",
+    totalItemsContainerMarginRight: "2.5rem",
+    totalItemsContainerMarginLeft: "0px"
+  },
+  paragraph: {
+    fontColor: _coreTokens["default"].color_black,
+    fontColorOnDark: _coreTokens["default"].color_white,
+    display: "block",
+    fontSize: _coreTokens["default"].type_scale_03,
+    fontWeight: _coreTokens["default"].type_regular
+  },
+  progressBar: {
+    trackLineColor: _coreTokens["default"].color_purple_700,
+    trackLineColorOnDark: _coreTokens["default"].color_purple_500,
+    totalLineColor: _coreTokens["default"].color_grey_200,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_01,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_regular,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    labelFontTextTransform: _coreTokens["default"].type_uppercase,
+    valueFontFamily: _coreTokens["default"].type_sans,
+    valueFontSize: _coreTokens["default"].type_scale_01,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontColorOnDark: _coreTokens["default"].color_white,
+    valueFontTextTransform: _coreTokens["default"].type_uppercase,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontColorOnDark: _coreTokens["default"].color_white,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontFamily: _coreTokens["default"].type_sans,
+    thickness: "9px",
+    borderRadius: "5px",
+    overlayColor: _coreTokens["default"].color_grey_800_a,
+    overlayFontColor: _coreTokens["default"].color_white
+  },
+  quickNav: {
+    fontColor: _coreTokens["default"].color_grey_700,
+    hoverFontColor: _coreTokens["default"].color_purple_600,
+    dividerBorderColor: _coreTokens["default"].color_grey_400,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderStyle: _coreTokens["default"].border_solid,
+    focusBorderThickness: _coreTokens["default"].border_width_2,
+    focusBorderRadius: _coreTokens["default"].border_width_2,
+    paddingTop: _coreTokens["default"].spacing_8,
+    paddingBottom: _coreTokens["default"].spacing_8,
+    paddingLeft: _coreTokens["default"].spacing_16,
+    paddingRight: _coreTokens["default"].spacing_16,
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_02,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_regular
+  },
+  radioGroup: {
+    fontFamily: _coreTokens["default"].type_sans,
+    radioInputColor: _coreTokens["default"].color_blue_700,
+    hoverRadioInputColor: _coreTokens["default"].color_blue_800,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    activeRadioInputColor: _coreTokens["default"].color_blue_900,
+    errorRadioInputColor: _coreTokens["default"].color_red_700,
+    hoverErrorRadioInputColor: _coreTokens["default"].color_red_800,
+    activeErrorRadioInputColor: _coreTokens["default"].color_red_900,
+    readOnlyRadioInputColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyRadioInputColor: _coreTokens["default"].color_grey_600,
+    activeReadOnlyRadioInputColor: _coreTokens["default"].color_grey_700,
+    disabledRadioInputColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledRadioInputLabelFontColor: _coreTokens["default"].color_grey_500,
+    errorMessageColor: _coreTokens["default"].color_red_700,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    optionalLabelFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    radioInputLabelFontColor: _coreTokens["default"].color_black,
+    radioInputLabelFontSize: _coreTokens["default"].type_scale_02,
+    radioInputLabelFontStyle: _coreTokens["default"].type_normal,
+    radioInputLabelFontWeight: _coreTokens["default"].type_regular,
+    radioInputLabelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    groupLabelMargin: _coreTokens["default"].spacing_8,
+    radioInputLabelMargin: _coreTokens["default"].spacing_8,
+    groupVerticalGutter: _coreTokens["default"].spacing_4,
+    groupHorizontalGutter: _coreTokens["default"].spacing_32
+  },
+  select: {
+    fontFamily: _coreTokens["default"].type_sans,
+    disabledColor: _coreTokens["default"].color_grey_500,
+    enabledInputBorderColor: _coreTokens["default"].color_black,
+    hoverInputBorderColor: _coreTokens["default"].color_purple_500,
+    focusInputBorderColor: _coreTokens["default"].color_blue_600,
+    errorInputBorderColor: _coreTokens["default"].color_red_700,
+    hoverInputErrorBorderColor: _coreTokens["default"].color_red_600,
+    disabledInputBorderColor: _coreTokens["default"].color_grey_500,
+    disabledInputBackgroundColor: _coreTokens["default"].color_grey_100,
+    inputMarginTop: _coreTokens["default"].spacing_4,
+    inputMarginBottom: _coreTokens["default"].spacing_4,
+    errorMessageColor: _coreTokens["default"].color_red_700,
+    errorIconColor: _coreTokens["default"].color_red_700,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    optionalLabelFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    placeholderFontColor: _coreTokens["default"].color_grey_800_a,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontSize: _coreTokens["default"].type_scale_03,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    actionIconColor: _coreTokens["default"].color_black,
+    hoverActionIconColor: _coreTokens["default"].color_black,
+    activeActionIconColor: _coreTokens["default"].color_black,
+    actionBackgroundColor: _coreTokens["default"].color_transparent,
+    hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
+    activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
+    listOptionFontColor: _coreTokens["default"].color_black,
+    listOptionFontSize: _coreTokens["default"].type_scale_02,
+    listOptionFontStyle: _coreTokens["default"].type_normal,
+    listOptionFontWeight: _coreTokens["default"].type_regular,
+    listOptionIconColor: _coreTokens["default"].color_black,
+    listOptionDividerColor: _coreTokens["default"].color_grey_200,
+    listGroupLabelFontWeight: _coreTokens["default"].type_semibold,
+    focusListOptionBorderColor: _coreTokens["default"].color_blue_600,
+    systemMessageFontColor: _coreTokens["default"].color_grey_700,
+    collapseIndicatorColor: _coreTokens["default"].color_black,
+    listDialogBackgroundColor: _coreTokens["default"].color_white,
+    listDialogBorderColor: _coreTokens["default"].color_grey_400,
+    selectedListOptionBackgroundColor: _coreTokens["default"].color_blue_100,
+    selectedHoverListOptionBackgroundColor: _coreTokens["default"].color_blue_200,
+    selectedActiveListOptionBackgroundColor: _coreTokens["default"].color_blue_300,
+    selectedListOptionIconColor: _coreTokens["default"].color_blue_900,
+    unselectedHoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
+    unselectedActiveListOptionBackgroundColor: _coreTokens["default"].color_grey_200,
+    selectionIndicatorFontColor: _coreTokens["default"].color_black,
+    selectionIndicatorFontSize: _coreTokens["default"].type_scale_01,
+    selectionIndicatorFontStyle: _coreTokens["default"].type_regular,
+    selectionIndicatorFontWeight: _coreTokens["default"].type_normal,
+    selectionIndicatorBorderColor: _coreTokens["default"].color_grey_400,
+    selectionIndicatorBackgroundColor: _coreTokens["default"].color_grey_50,
+    enabledSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_transparent,
+    enabledSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
+    hoverSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_100,
+    hoverSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
+    activeSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_300,
+    activeSelectionIndicatorActionIconColor: _coreTokens["default"].color_black
+  },
+  sidenav: {
+    backgroundColor: _coreTokens["default"].color_grey_100,
+    titleFontFamily: _coreTokens["default"].type_sans,
+    titleFontSize: _coreTokens["default"].type_scale_04,
+    titleFontStyle: _coreTokens["default"].type_normal,
+    titleFontWeight: _coreTokens["default"].type_semibold,
+    titleFontColor: _coreTokens["default"].color_grey_800,
+    titleFontTextTransform: "none",
+    titleFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
+    groupTitleFontFamily: _coreTokens["default"].type_sans,
+    groupTitleFontSize: _coreTokens["default"].type_scale_02,
+    groupTitleFontStyle: _coreTokens["default"].type_normal,
+    groupTitleFontWeight: _coreTokens["default"].type_semibold,
+    groupTitleFontColor: _coreTokens["default"].color_black,
+    groupTitleHoverBackgroundColor: _coreTokens["default"].color_grey_200,
+    groupTitleActiveBackgroundColor: _coreTokens["default"].color_grey_800,
+    groupTitleSelectedFontColor: _coreTokens["default"].color_white,
+    groupTitleSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
+    groupTitleSelectedHoverFontColor: _coreTokens["default"].color_white,
+    groupTitleSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
+    groupTitleFontTextTransform: _coreTokens["default"].type_uppercase,
+    groupTitleFontLetterSpacing: _coreTokens["default"].type_spacing_wide_02,
+    linkFontFamily: _coreTokens["default"].type_sans,
+    linkFontSize: _coreTokens["default"].type_scale_02,
+    linkFontStyle: _coreTokens["default"].type_normal,
+    linkFontWeight: _coreTokens["default"].type_regular,
+    linkFontColor: _coreTokens["default"].color_grey_800,
+    linkHoverBackgroundColor: _coreTokens["default"].color_grey_200,
+    linkSelectedFontColor: _coreTokens["default"].color_white,
+    linkSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
+    linkSelectedHoverFontColor: _coreTokens["default"].color_white,
+    linkSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
+    linkFontTextTransform: "none",
+    linkFontLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
+    linkTextDecoration: _coreTokens["default"].type_no_line,
+    linkMarginTop: "4px",
+    linkMarginBottom: "4px",
+    linkMarginRight: "16px",
+    linkMarginLeft: "16px",
+    linkFocusColor: _coreTokens["default"].color_blue_600,
+    scrollBarThumbColor: _coreTokens["default"].color_grey_200_a,
+    scrollBarTrackColor: _coreTokens["default"].color_transparent
+  },
+  slider: {
+    fontFamily: _coreTokens["default"].type_sans,
+    limitValuesFontColor: _coreTokens["default"].color_black,
+    limitValuesFontColorOnDark: _coreTokens["default"].color_white,
+    limitValuesFontSize: _coreTokens["default"].type_scale_03,
+    limitValuesFontStyle: _coreTokens["default"].type_normal,
+    limitValuesFontWeight: _coreTokens["default"].type_regular,
+    limitValuesFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
+    disabledLimitValuesFontColor: _coreTokens["default"].color_grey_500,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    helperTextFontFamily: _coreTokens["default"].type_sans,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    fontColor: _coreTokens["default"].color_black,
+    fontColorOnDark: _coreTokens["default"].color_white,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontColorOnDark: _coreTokens["default"].color_white,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
+    thumbHeight: "12px",
+    thumbWidth: "12px",
+    hoverThumbHeight: "14px",
+    hoverThumbWidth: "14px",
+    thumbVerticalPosition: "12px",
+    hoverThumbVerticalPosition: "11px",
+    thumbBackgroundColor: _coreTokens["default"].color_blue_800,
+    thumbBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
+    hoverThumbScale: "1.166666",
+    hoverThumbBackgroundColor: _coreTokens["default"].color_blue_900,
+    hoverThumbBackgroundColorOnDark: _coreTokens["default"].color_blue_900,
+    activeThumbScale: "1.166666",
+    activeThumbBackgroundColor: _coreTokens["default"].color_blue_900,
+    activeThumbBackgroundColorOnDark: _coreTokens["default"].color_blue_900,
+    focusThumbBackgroundColor: _coreTokens["default"].color_blue_800,
+    focusThumbBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
+    tickHeight: "4px",
+    tickWidth: "4px",
+    tickVerticalPosition: "11px",
+    tickBackgroundColor: _coreTokens["default"].color_blue_800,
+    tickBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
+    trackLineThickness: "2px",
+    trackLineVerticalPosition: "50%",
+    trackLineColor: _coreTokens["default"].color_blue_800,
+    trackLineColorOnDark: _coreTokens["default"].color_blue_600,
+    totalLineThickness: "2px",
+    totalLineVerticalPosition: "50%",
+    totalLineColor: _coreTokens["default"].color_grey_200_a,
+    totalLineColorOnDark: _coreTokens["default"].color_grey_400,
+    disabledThumbVerticalPosition: "10px",
+    disabledThumbBackgroundColor: _coreTokens["default"].color_grey_500,
+    disabledThumbBackgroundColorOnDark: "#575757",
+    disabledTickVerticalPosition: "11px",
+    disabledTickBackgroundColor: _coreTokens["default"].color_grey_500,
+    disabledTickBackgroundColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledTrackLineColor: _coreTokens["default"].color_grey_500,
+    disabledTrackLineColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledTotalLineColor: _coreTokens["default"].color_grey_100,
+    disabledTotalLineColorOnDark: _coreTokens["default"].color_grey_700,
+    focusColor: _coreTokens["default"].color_blue_600,
+    focusColorOnDark: _coreTokens["default"].color_blue_600,
+    floorLabelMarginRight: _coreTokens["default"].type_scale_03,
+    ceilLabelMarginLeft: _coreTokens["default"].type_scale_03,
+    inputMarginLeft: _coreTokens["default"].type_scale_06
+  },
+  spinner: {
+    trackCircleColor: _coreTokens["default"].color_purple_700,
+    trackCircleColorOverlay: _coreTokens["default"].color_purple_500,
+    totalCircleColor: _coreTokens["default"].color_white,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_regular,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    labelTextAlign: "center",
+    progressValueFontFamily: _coreTokens["default"].type_sans,
+    progressValueFontSize: _coreTokens["default"].type_scale_02,
+    progressValueFontStyle: _coreTokens["default"].type_normal,
+    progressValueFontWeight: _coreTokens["default"].type_bold,
+    progressValueFontColor: _coreTokens["default"].inherit,
+    progressValueFontColorOnDark: _coreTokens["default"].color_white,
+    progressValueTextAlign: "center",
+    overlayBackgroundColor: _coreTokens["default"].color_black,
+    overlayOpacity: "0.8",
+    overlayLabelFontFamily: _coreTokens["default"].type_sans,
+    overlayLabelFontSize: _coreTokens["default"].type_scale_02,
+    overlayLabelFontStyle: _coreTokens["default"].type_normal,
+    overlayLabelFontWeight: _coreTokens["default"].type_regular,
+    overlayLabelFontColor: _coreTokens["default"].color_white,
+    overlayLabelTextAlign: "center",
+    overlayProgressValueFontFamily: _coreTokens["default"].type_sans,
+    overlayProgressValueFontSize: _coreTokens["default"].type_scale_02,
+    overlayProgressValueFontStyle: _coreTokens["default"].type_normal,
+    overlayProgressValueFontWeight: _coreTokens["default"].type_bold,
+    overlayProgressValueFontColor: _coreTokens["default"].color_white,
+    overlayProgressValueTextAlign: "center"
+  },
+  "switch": {
+    checkedTrackBackgroundColor: _coreTokens["default"].color_purple_700,
+    checkedTrackBackgroundColorOnDark: _coreTokens["default"].color_purple_700,
+    checkedThumbBackgroundColor: _coreTokens["default"].color_white,
+    checkedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
+    uncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_400,
+    uncheckedTrackBackgroundColorOnDark: _coreTokens["default"].color_grey_400,
+    uncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    uncheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
+    disabledCheckedTrackBackgroundColor: _coreTokens["default"].color_purple_100,
+    disabledCheckedTrackBackgroundColorOnDark: "#1c0b24",
+    disabledCheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    disabledCheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
+    disabledUncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_100,
+    disabledUncheckedTrackBackgroundColorOnDark: "#363636",
+    disabledUncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    disabledUncheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColorOnDark: "#575757",
+    disabledLabelFontStyle: _coreTokens["default"].type_normal,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_root,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_regular,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    thumbFocusColor: _coreTokens["default"].color_blue_600,
+    thumbFocusColorOnDark: "#1682ff",
+    thumbHeight: "24px",
+    thumbWidth: "24px",
+    thumbShift: "1.25rem",
+    trackHeight: "12px",
+    trackWidth: "36px",
+    spaceBetweenLabelSwitch: "8px"
+  },
+  table: {
+    rowSeparatorThickness: "1px",
+    rowSeparatorStyle: _coreTokens["default"].border_solid,
+    rowSeparatorColor: _coreTokens["default"].color_grey_300,
+    dataBackgroundColor: _coreTokens["default"].color_white,
+    dataFontFamily: _coreTokens["default"].type_sans,
+    dataFontSize: _coreTokens["default"].type_scale_02,
+    dataFontStyle: _coreTokens["default"].type_normal,
+    dataFontWeight: _coreTokens["default"].type_regular,
+    dataFontColor: _coreTokens["default"].color_black,
+    dataFontTextTransform: "none",
+    dataPaddingTop: "14px",
+    dataPaddingBottom: "12px",
+    dataPaddingRight: "20px",
+    dataPaddingLeft: "40px",
+    dataTextAlign: "left",
+    dataTextLineHeight: "normal",
+    headerBackgroundColor: _coreTokens["default"].color_purple_700,
+    headerBorderRadius: "4px",
+    headerFontFamily: _coreTokens["default"].type_sans,
+    headerFontSize: _coreTokens["default"].type_scale_02,
+    headerFontStyle: _coreTokens["default"].type_normal,
+    headerFontWeight: _coreTokens["default"].type_regular,
+    headerFontColor: _coreTokens["default"].color_white,
+    headerFontTextTransform: "none",
+    headerPaddingTop: "16px",
+    headerPaddingBottom: "16px",
+    headerPaddingRight: "20px",
+    headerPaddingLeft: "40px",
+    headerTextAlign: "left",
+    headerTextLineHeight: "normal",
+    scrollBarThumbColor: _coreTokens["default"].color_grey_700,
+    scrollBarTrackColor: _coreTokens["default"].color_grey_300,
+    sortIconColor: _coreTokens["default"].color_white
+  },
+  tabs: {
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_03,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_semibold,
+    fontTextTransform: "none",
+    selectedBackgroundColor: _coreTokens["default"].color_white,
+    selectedFontColor: _coreTokens["default"].color_purple_700,
+    selectedIconColor: _coreTokens["default"].color_purple_700,
+    selectedUnderlineColor: _coreTokens["default"].color_purple_700,
+    selectedUnderlineThickness: "2px",
+    unselectedBackgroundColor: _coreTokens["default"].color_white,
+    unselectedFontColor: _coreTokens["default"].color_grey_700,
+    unselectedIconColor: _coreTokens["default"].color_grey_700,
+    disabledFontColor: _coreTokens["default"].color_grey_500,
+    disabledIconColor: _coreTokens["default"].color_grey_500,
+    disabledFontStyle: _coreTokens["default"].type_normal,
+    disabledBadgeBackgroundColor: "#0000004d",
+    hoverBackgroundColor: _coreTokens["default"].color_purple_100,
+    pressedBackgroundColor: _coreTokens["default"].color_purple_200,
+    pressedFontWeight: _coreTokens["default"].type_semibold,
+    dividerColor: _coreTokens["default"].color_grey_400,
+    dividerThickness: "1px",
+    focusOutline: _coreTokens["default"].color_purple_700,
+    scrollButtonsWidth: "48px",
+    badgeBackgroundColor: _coreTokens["default"].color_red_700,
+    badgeFontFamily: _coreTokens["default"].type_sans,
+    badgeFontSize: "10px",
+    badgeFontStyle: _coreTokens["default"].type_normal,
+    badgeFontWeight: "500",
+    badgeFontColor: _coreTokens["default"].color_white,
+    badgeLetterSpacing: _coreTokens["default"].type_spacing_wide_02,
+    badgeWidth: "16px",
+    badgeHeight: "16px",
+    badgeRadius: "10px",
+    badgeWidthWithNotificationNumber: "23px",
+    badgeHeightWithNotificationNumber: "17px",
+    badgeRadiusWithNotificationNumber: "10px"
+  },
+  tag: {
+    fontFamily: _coreTokens["default"].type_sans,
+    fontColor: _coreTokens["default"].color_black,
+    fontSize: _coreTokens["default"].type_scale_02,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_regular,
+    labelPaddingTop: "0px",
+    labelPaddingBottom: "0px",
+    labelPaddingLeft: "16px",
+    labelPaddingRight: "16px",
+    height: "40px",
+    iconColor: _coreTokens["default"].color_white,
+    iconSectionWidth: "40px",
+    iconHeight: "24px",
+    iconWidth: "auto",
+    focusColor: _coreTokens["default"].color_blue_600
+  },
+  textarea: {
+    fontFamily: _coreTokens["default"].type_sans,
+    enabledBorderColor: _coreTokens["default"].color_black,
+    enabledBorderColorOnDark: _coreTokens["default"].color_white,
+    hoverBorderColor: _coreTokens["default"].color_purple_500,
+    hoverBorderColorOnDark: _coreTokens["default"].color_purple_500,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    disabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledContainerFillColor: _coreTokens["default"].color_grey_100,
+    disabledContainerFillColorOnDark: _coreTokens["default"].color_grey_700,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    errorBorderColor: _coreTokens["default"].color_red_700,
+    errorBorderColorOnDark: _coreTokens["default"].color_red_500,
+    hoverErrorBorderColor: _coreTokens["default"].color_red_600,
+    hoverErrorBorderColorOnDark: "#fe677b",
+    inputMarginTop: _coreTokens["default"].spacing_4,
+    inputMarginBottom: _coreTokens["default"].spacing_4,
+    errorMessageColor: _coreTokens["default"].color_red_700,
+    errorMessageColorOnDark: _coreTokens["default"].color_red_500,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
+    optionalLabelFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontColorOnDark: _coreTokens["default"].color_white,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
+    placeholderFontColor: _coreTokens["default"].color_grey_800_a,
+    placeholderFontColorOnDark: _coreTokens["default"].color_grey_100,
+    disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
+    disabledPlaceholderFontColorOnDark: _coreTokens["default"].color_grey_500,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontColorOnDark: _coreTokens["default"].color_white,
+    valueFontSize: _coreTokens["default"].type_scale_03,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    disabledValueFontColor: _coreTokens["default"].color_grey_500,
+    disabledValueFontColorOnDark: _coreTokens["default"].color_grey_500
+  },
+  textInput: {
+    fontFamily: _coreTokens["default"].type_sans,
+    enabledBorderColor: _coreTokens["default"].color_black,
+    enabledBorderColorOnDark: _coreTokens["default"].color_white,
+    hoverBorderColor: _coreTokens["default"].color_purple_500,
+    hoverBorderColorOnDark: _coreTokens["default"].color_purple_500,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    disabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledContainerFillColor: _coreTokens["default"].color_grey_100,
+    disabledContainerFillColorOnDark: _coreTokens["default"].color_grey_700,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    errorBorderColor: _coreTokens["default"].color_red_700,
+    errorBorderColorOnDark: _coreTokens["default"].color_red_500,
+    hoverErrorBorderColor: _coreTokens["default"].color_red_600,
+    hoverErrorBorderColorOnDark: "#fe677b",
+    inputMarginTop: _coreTokens["default"].spacing_4,
+    inputMarginBottom: _coreTokens["default"].spacing_4,
+    errorMessageColor: _coreTokens["default"].color_red_700,
+    errorMessageColorOnDark: _coreTokens["default"].color_red_500,
+    errorIconColor: _coreTokens["default"].color_red_700,
+    errorIconColorOnDark: _coreTokens["default"].color_red_500,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
+    optionalLabelFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontColorOnDark: _coreTokens["default"].color_white,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
+    prefixColor: _coreTokens["default"].color_grey_700,
+    prefixColorOnDark: _coreTokens["default"].color_white,
+    suffixColor: _coreTokens["default"].color_grey_700,
+    suffixColorOnDark: _coreTokens["default"].color_white,
+    disabledPrefixColor: _coreTokens["default"].color_grey_400,
+    disabledSuffixColor: _coreTokens["default"].color_grey_400,
+    disabledPrefixColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledSuffixColorOnDark: _coreTokens["default"].color_grey_500,
+    placeholderFontColor: _coreTokens["default"].color_grey_800_a,
+    placeholderFontColorOnDark: _coreTokens["default"].color_grey_100,
+    disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
+    disabledPlaceholderFontColorOnDark: _coreTokens["default"].color_grey_500,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontColorOnDark: _coreTokens["default"].color_white,
+    valueFontSize: _coreTokens["default"].type_scale_03,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    disabledValueFontColor: _coreTokens["default"].color_grey_500,
+    disabledValueFontColorOnDark: _coreTokens["default"].color_grey_500,
+    actionIconColor: _coreTokens["default"].color_black,
+    actionIconColorOnDark: _coreTokens["default"].color_white,
+    disabledActionIconColor: _coreTokens["default"].color_grey_500,
+    disabledActionIconColorOnDark: _coreTokens["default"].color_grey_500,
+    hoverActionIconColor: _coreTokens["default"].color_black,
+    hoverActionIconColorOnDark: _coreTokens["default"].color_white,
+    focusActionIconColor: _coreTokens["default"].color_black,
+    focusActionIconColorOnDark: _coreTokens["default"].color_white,
+    activeActionIconColor: _coreTokens["default"].color_black,
+    activeActionIconColorOnDark: _coreTokens["default"].color_black,
+    actionBackgroundColor: _coreTokens["default"].color_transparent,
+    actionBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
+    disabledActionBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
+    hoverActionBackgroundColorOnDark: _coreTokens["default"].color_grey_700,
+    focusActionBorderColor: _coreTokens["default"].color_blue_600,
+    focusActionBorderColorOnDark: _coreTokens["default"].color_blue_600,
+    activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
+    activeActionBackgroundColorOnDark: _coreTokens["default"].color_grey_500,
+    listDialogBackgroundColor: _coreTokens["default"].color_white,
+    listDialogBorderColor: _coreTokens["default"].color_grey_400,
+    listOptionDividerColor: _coreTokens["default"].color_grey_200,
+    listOptionFontColor: _coreTokens["default"].color_black,
+    listOptionFontSize: _coreTokens["default"].type_scale_02,
+    listOptionFontStyle: _coreTokens["default"].type_normal,
+    listOptionFontWeight: _coreTokens["default"].type_regular,
+    systemMessageFontColor: _coreTokens["default"].color_grey_700,
+    errorListDialogFontColor: _coreTokens["default"].color_black,
+    errorListDialogBackgroundColor: _coreTokens["default"].color_red_50,
+    errorListDialogBorderColor: _coreTokens["default"].color_red_700,
+    hoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
+    activeListOptionBackgroundColor: _coreTokens["default"].color_grey_300,
+    focusListOptionBorderColor: _coreTokens["default"].color_blue_600
+  },
+  toggleGroup: {
+    containerBackgroundColor: _coreTokens["default"].color_grey_50,
+    containerBorderColor: _coreTokens["default"].color_grey_500,
+    labelFontColor: _coreTokens["default"].color_black,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
+    unselectedBackgroundColor: _coreTokens["default"].color_grey_200,
+    unselectedHoverBackgroundColor: _coreTokens["default"].color_grey_300,
+    unselectedActiveBackgroundColor: _coreTokens["default"].color_purple_700,
+    unselectedDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
+    unselectedFontColor: _coreTokens["default"].color_black,
+    unselectedDisabledFontColor: _coreTokens["default"].color_grey_500,
+    selectedBackgroundColor: _coreTokens["default"].color_purple_700,
+    selectedHoverBackgroundColor: _coreTokens["default"].color_purple_800,
+    selectedActiveBackgroundColor: _coreTokens["default"].color_purple_900,
+    selectedDisabledBackgroundColor: _coreTokens["default"].color_purple_100,
+    selectedFontColor: _coreTokens["default"].color_white,
+    selectedDisabledFontColor: _coreTokens["default"].color_purple_300,
+    focusColor: _coreTokens["default"].color_blue_600,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    helperTextFontFamily: _coreTokens["default"].type_sans,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    optionLabelFontFamily: _coreTokens["default"].type_sans,
+    optionLabelFontSize: _coreTokens["default"].type_scale_03,
+    optionLabelFontStyle: _coreTokens["default"].type_normal,
+    optionLabelFontWeight: _coreTokens["default"].type_regular,
+    iconPaddingRight: _coreTokens["default"].spacing_8,
+    iconPaddingLeft: _coreTokens["default"].spacing_8,
+    labelPaddingLeft: _coreTokens["default"].spacing_24,
+    labelPaddingRight: _coreTokens["default"].spacing_24,
+    iconMarginRight: _coreTokens["default"].spacing_8,
+    containerMarginTop: _coreTokens["default"].spacing_4,
+    optionBorderThickness: _coreTokens["default"].border_width_0,
+    optionBorderStyle: _coreTokens["default"].border_none,
+    optionBorderRadius: _coreTokens["default"].border_radius_medium,
+    containerBorderThickness: _coreTokens["default"].border_width_1,
+    containerBorderStyle: _coreTokens["default"].border_solid,
+    containerBorderRadius: _coreTokens["default"].border_radius_large,
+    optionFocusBorderThickness: _coreTokens["default"].border_width_2
+  },
+  wizard: {
+    visitedStepFontColor: _coreTokens["default"].color_black,
+    visitedStepBackgroundColor: _coreTokens["default"].color_white,
+    visitedStepBorderColor: _coreTokens["default"].color_black,
+    unvisitedStepFontColor: _coreTokens["default"].color_grey_700,
+    unvisitedLabelFontColor: _coreTokens["default"].color_grey_700,
+    unvisitedHelperTextFontColor: _coreTokens["default"].color_grey_700,
+    unvisitedStepBackgroundColor: _coreTokens["default"].color_transparent,
+    unvisitedStepBorderColor: _coreTokens["default"].color_grey_700,
+    selectedStepFontColor: _coreTokens["default"].color_white,
+    selectedStepBackgroundColor: _coreTokens["default"].color_purple_700,
+    selectedStepBorderColor: _coreTokens["default"].color_purple_700,
+    selectedLabelFontColor: _coreTokens["default"].color_black,
+    selectedHelperTextFontColor: _coreTokens["default"].color_black,
+    selectedStepWidth: "32px",
+    selectedStepHeight: "32px",
+    selectedStepBorderThickness: "2px",
+    selectedStepBorderStyle: _coreTokens["default"].border_solid,
+    selectedStepBorderRadius: "45px",
+    stepFontSize: _coreTokens["default"].type_scale_03,
+    stepFontFamily: _coreTokens["default"].type_sans,
+    stepFontStyle: _coreTokens["default"].type_normal,
+    stepFontWeight: _coreTokens["default"].type_regular,
+    stepFontTracking: _coreTokens["default"].type_spacing_wide_02,
+    stepIconSize: "20px",
+    stepWidth: "32px",
+    stepHeight: "32px",
+    stepBorderThickness: "2px",
+    stepBorderStyle: _coreTokens["default"].border_solid,
+    stepBorderRadius: "45px",
+    visitedLabelFontColor: _coreTokens["default"].color_black,
+    labelFontSize: _coreTokens["default"].type_scale_03,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_regular,
+    labelFontTracking: _coreTokens["default"].type_spacing_normal,
+    labelFontTextTransform: "none",
+    labelTextAlign: "left",
+    helperTextFontSize: _coreTokens["default"].type_scale_02,
+    helperTextFontFamily: _coreTokens["default"].type_sans,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontTracking: _coreTokens["default"].type_spacing_normal,
+    helperTextFontTextTransform: "none",
+    visitedHelperTextFontColor: _coreTokens["default"].color_black,
+    helperTextTextAlign: "left",
+    disabledStepBackgroundColor: _coreTokens["default"].color_grey_100,
+    disabledStepFontColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledStepBorderColor: _coreTokens["default"].color_grey_100,
+    disabledStepWidth: "32px",
+    disabledStepHeight: "32px",
+    disabledStepBorderThickness: "2px",
+    disabledStepBorderStyle: _coreTokens["default"].border_solid,
+    disabledStepBorderRadius: "45px",
+    separatorBorderThickness: "1px",
+    separatorBorderStyle: _coreTokens["default"].border_solid,
+    separatorColor: _coreTokens["default"].color_grey_700,
+    focusColor: _coreTokens["default"].color_blue_600
+  }
+};
+exports.componentTokens = componentTokens;
+var spaces = {
+  xxsmall: "6px",
+  xsmall: "16px",
+  small: "24px",
+  medium: "36px",
+  large: "48px",
+  xlarge: "64px",
+  xxlarge: "100px"
+};
+exports.spaces = spaces;
+var responsiveSizes = {
+  xsmall: "20",
+  small: "30",
+  medium: "45",
+  large: "66",
+  xlarge: "90"
+};
+exports.responsiveSizes = responsiveSizes;
+var defaultTranslatedComponentLabels = {
+  formFields: {
+    optionalLabel: "(Optional)",
+    requiredSelectionErrorMessage: "This field is required. Please, choose an option.",
+    requiredValueErrorMessage: "This field is required. Please, enter a value.",
+    formatRequestedErrorMessage: "Please match the format requested.",
+    lengthErrorMessage: function lengthErrorMessage(minLength, maxLength) {
+      return "Min length ".concat(minLength, ", max length ").concat(maxLength, ".");
+    },
+    logoAlternativeText: "Logo"
+  },
+  applicationLayout: {
+    visibilityToggleTitle: "Toggle visibility sidenav"
+  },
+  alert: {
+    infoTitleText: "information",
+    successTitleText: "success",
+    warningTitleText: "warning",
+    errorTitleText: "error"
+  },
+  dateInput: {
+    invalidDateErrorMessage: "Invalid date."
+  },
+  dialog: {
+    closeIconAriaLabel: "Close dialog"
+  },
+  fileInput: {
+    fileSizeGreaterThanErrorMessage: "File size must be greater than min size.",
+    fileSizeLessThanErrorMessage: "File size must be less than max size.",
+    multipleButtonLabelDefault: "Select files",
+    singleButtonLabelDefault: "Select file",
+    dropAreaButtonLabelDefault: "Select",
+    multipleDropAreaLabelDefault: "or drop files",
+    singleDropAreaLabelDefault: "or drop a file",
+    deleteFileActionTitle: "Remove file"
+  },
+  footer: {
+    copyrightText: function copyrightText(year) {
+      return "\xA9 DXC Technology ".concat(year, ". All rights reserved.");
+    }
+  },
+  header: {
+    closeIcon: "Close menu",
+    hamburguerTitle: "Menu"
+  },
+  numberInput: {
+    valueGreaterThanOrEqualToErrorMessage: function valueGreaterThanOrEqualToErrorMessage(value) {
+      return "Value must be greater than or equal to ".concat(value, ".");
+    },
+    valueLessThanOrEqualToErrorMessage: function valueLessThanOrEqualToErrorMessage(value) {
+      return "Value must be less than or equal to ".concat(value, ".");
+    },
+    decrementValueTitle: "Decrement value",
+    incrementValueTitle: "Increment value"
+  },
+  paginator: {
+    itemsPerPageText: "Items per page: ",
+    minToMaxOfText: function minToMaxOfText(minNumberOfItems, maxNumberOfItems, totalItems) {
+      return "".concat(minNumberOfItems, " to ").concat(maxNumberOfItems, " of ").concat(totalItems);
+    },
+    goToPageText: "Go to page:",
+    pageOfText: function pageOfText(pageNumber, totalPagesNumber) {
+      return "Page: ".concat(pageNumber, " of ").concat(totalPagesNumber);
+    }
+  },
+  passwordInput: {
+    inputShowPasswordTitle: "Show password",
+    inputHidePasswordTitle: "Hide password"
+  },
+  quickNav: {
+    contentTitle: "Contents"
+  },
+  radioGroup: {
+    optionalItemLabelDefault: "N/A"
+  },
+  select: {
+    noMatchesErrorMessage: "No matches found",
+    actionClearSelectionTitle: "Clear selection",
+    actionClearSearchTitle: "Clear search"
+  },
+  tabs: {
+    scrollLeft: "Scroll left",
+    scrollRight: "Scroll right"
+  },
+  textInput: {
+    clearFieldActionTitle: "Clear field",
+    searchingMessage: "Searching...",
+    fetchingDataErrorMessage: "Error fetching data"
+  },
+  calendar: {
+    daysShort: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
+    months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+    previousMonthTitle: "Previous month",
+    nextMonthTitle: "Next month"
+  }
+};
+exports.defaultTranslatedComponentLabels = defaultTranslatedComponentLabels;