@dxc-technology/halstack-react 0.0.0-757bc34 → 0.0.0-75cb2b9

package/common/variables.js

@@ -1,1371 +0,0 @@
-"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 = exports.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
-  }
-};
-var spaces = exports.spaces = {
-  xxsmall: "6px",
-  xsmall: "16px",
-  small: "24px",
-  medium: "36px",
-  large: "48px",
-  xlarge: "64px",
-  xxlarge: "100px"
-};
-var responsiveSizes = exports.responsiveSizes = {
-  xsmall: "20",
-  small: "30",
-  medium: "45",
-  large: "66",
-  xlarge: "90"
-};
-var defaultTranslatedComponentLabels = exports.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"
-  }
-};