@dxc-technology/halstack-react 0.0.0-d44f152 → 0.0.0-d4e17f7

package/common/variables.js

@@ -0,0 +1,1538 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typeface = exports.spaces = exports.responsiveSizes = exports.globalTokens = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
+var globalTokens = {
+  //  Color
+  inherit: "inherit",
+  transparent: "transparent",
+  hal_white: "#ffffff",
+  hal_grey_l_95: "#f2f2f2",
+  hal_grey_l_90: "#e6e6e6",
+  hal_grey_l_80: "#cccccc",
+  hal_grey_l_75: "#bfbfbf",
+  hal_grey_l_60: "#999999",
+  hal_grey_s_40: "#666666",
+  hal_black: "#000000",
+  color_grey_800: "#4d4d4d",
+  color_grey_600: "#808080",
+  color_grey_50: "#fafafa",
+  color_grey_a_100: "#0000000d",
+  color_grey_a_200: "#0000001a",
+  color_grey_a_300: "#00000033",
+  color_grey_a_800: "#000000b3",
+  color_grey_a_900: "#333333",
+  hal_purple_l_95: "#f2eafa",
+  hal_purple_l_90: "#e5d5f6",
+  hal_purple_l_65: "#a46ede",
+  hal_purple_s_38: "#5f249f",
+  hal_purple_d_30: "#4b1c7d",
+  hal_purple_d_20: "#321353",
+  hal_purple_d_70: "#9A6bb2",
+  color_purple_600: "#7d2fd0",
+  color_purple_300: "#cbacec",
+  hal_blue_l_95: "#e6f4ff",
+  hal_blue_l_80: "#99d5ff",
+  hal_blue_l_50: "#0095ff",
+  hal_blue_l_45: "#0086e6",
+  hal_blue_s_35: "#0067b3",
+  hal_blue_d_20: "#003c66",
+  color_blue_200: "#cceaff",
+  color_blue_500: "#33aaff",
+  color_blue_50: "#f5fbff",
+  hal_red_l_95: "#ffe6e9",
+  hal_red_l_80: "#fe9aa7",
+  hal_red_l_60: "#fe344f",
+  hal_red_s_41: "#d0011b",
+  hal_red_d_30: "#980115",
+  hal_red_d_20: "#65010e",
+  color_red_700: "#ffccd3",
+  color_red_50: "#fff5f6",
+  color_red_600: "#fe0123",
+  hal_green_l_95: "#eafaef",
+  hal_green_l_80: "#acecbe",
+  hal_green_s_39: "#24a148",
+  hal_green_d_30: "#1c7d38",
+  hal_green_d_20: "#135325",
+  hal_yellow_l_95: "#fef9e6",
+  hal_yellow_l_80: "#fbe89d",
+  hal_yellow_s_57: "#f7cf2b",
+  hal_yellow_d_40: "#c59f07",
+  hal_yellow_d_30: "#947705",
+  hal_orange_s_54: "#f38f20",
+  lightBlack: "#212121",
+  yellow: "#ffed00",
+  lightGrey: "#d9d9d9",
+  lightRed: "#ff6161",
+  lightBlue: "#cee0f5",
+  lightYellow: "#fcf2bd",
+  lightPink: "#f9cfcf",
+  lightGreen: "#dbf1c4",
+  blue: "#005fcc",
+  lighterGrey: "#f8f8f8",
+  violet: "#8800f6",
+  darkBlue: "#006bf6",
+  purple: "#6f2c91",
+  mediumPurple: "#ead8f3",
+  lightPurple: "#f5ebf9",
+  lighterPurple: "#d0bddb",
+  mediumWhite: "#f9f9f9",
+  softBlue: "#b1cee6",
+  darkWhite: "#eeeeee",
+  lighterBlack: "#b1b1b1",
+  mediumBlack: "#676767",
+  mediumGreyBlack: "#dbdbdb",
+  softGrey: "#cecece",
+  softBlack: "#565656",
+  // Typography
+  type_sans: "Open Sans, sans-serif",
+  type_scale_root: "16px",
+  type_scale_08: "3.75rem",
+  type_scale_07: "2.5rem",
+  type_scale_06: "2rem",
+  type_scale_05: "1.5rem",
+  type_scale_04: "1.25rem",
+  type_scale_03: "1rem",
+  type_scale_02: "0.875rem",
+  type_scale_01: "0.75rem",
+  type_light: "300",
+  type_regular: "400",
+  type_semibold: "600",
+  type_bold: "bold",
+  type_italic: "italic",
+  type_normal: "normal",
+  type_spacing_tight_02: "-0.05em",
+  type_spacing_tight_01: "-0.025em",
+  type_spacing_normal: "0em",
+  type_spacing_wide_01: "0.025em",
+  type_spacing_wide_02: "0.05em",
+  type_spacing_wide_03: "0.1em",
+  type_initial: "initial",
+  type_uppercase: "uppercase",
+  type_no_line: "none",
+  type_underline: "underline",
+  type_line_through: "line-through",
+  type_leading_compact_03: "1em",
+  type_leading_compact_02: "1.25em",
+  type_leading_compact_01: "1.365em",
+  type_leading_normal: "1.5em",
+  type_leading_loose_01: "1.715em",
+  type_leading_loose_02: "2em",
+  fontSize10: "10px",
+  // Spacing
+  spacing_00: "0rem",
+  spacing_01: "0.125rem",
+  spacing_02: "0.25rem",
+  spacing_03: "0.5rem",
+  spacing_04: "0.75rem",
+  spacing_05: "1rem",
+  spacing_06: "1.5rem",
+  spacing_07: "2rem",
+  spacing_08: "2.5rem",
+  spacing_09: "3rem",
+  spacing_10: "3.5rem",
+  spacing_11: "4rem",
+  spacing_12: "5rem",
+  spacing_13: "6rem",
+  spacing_14: "7rem",
+  // Border
+  border_width_0: "0px",
+  border_width_1: "1px",
+  border_width_2: "2px",
+  border_width_4: "4px",
+  border_radius_none: "0rem",
+  border_radius_small: "0.125rem",
+  border_radius_medium: "0.25rem",
+  border_radius_large: "0.375rem",
+  border_radius_full: "9999px",
+  border_solid: "solid",
+  border_dashed: "dashed",
+  border_none: "none"
+};
+exports.globalTokens = globalTokens;
+var componentTokens = {
+  accordion: {
+    backgroundColor: globalTokens.hal_white,
+    hoverBackgroundColor: globalTokens.hal_purple_l_95,
+    arrowColor: globalTokens.hal_purple_s_38,
+    disabledArrowColor: globalTokens.hal_grey_l_60,
+    assistiveTextFontFamily: globalTokens.type_sans,
+    assistiveTextFontSize: globalTokens.type_scale_03,
+    assistiveTextFontWeight: globalTokens.type_light,
+    assistiveTextFontStyle: globalTokens.type_italic,
+    assistiveTextLetterSpacing: globalTokens.type_spacing_wide_01,
+    assistiveTextFontColor: globalTokens.hal_grey_s_40,
+    disabledAssistiveTextFontColor: globalTokens.hal_grey_l_60,
+    assistiveTextMinWidth: "100px",
+    assistiveTextPaddingRight: "24px",
+    assistiveTextPaddingLeft: "0px",
+    titleLabelFontFamily: globalTokens.type_sans,
+    titleLabelFontSize: globalTokens.type_scale_03,
+    titleLabelFontWeight: globalTokens.type_regular,
+    titleLabelFontStyle: globalTokens.type_normal,
+    titleLabelFontColor: globalTokens.hal_black,
+    disabledTitleLabelFontColor: globalTokens.hal_grey_l_60,
+    titleLabelPaddingTop: "0px",
+    titleLabelPaddingBottom: "0px",
+    titleLabelPaddingLeft: "0px",
+    titleLabelPaddingRight: "16px",
+    focusBorderColor: globalTokens.hal_blue_l_50,
+    focusBorderStyle: globalTokens.border_solid,
+    focusBorderThickness: "2px",
+    borderRadius: "4px",
+    boxShadowOffsetX: "0px",
+    boxShadowOffsetY: "6px",
+    boxShadowBlur: "10px",
+    boxShadowColor: globalTokens.color_grey_a_200,
+    iconColor: globalTokens.hal_purple_s_38,
+    disabledIconColor: globalTokens.hal_grey_l_60,
+    iconSize: "24px",
+    iconMarginLeft: "0px",
+    iconMarginRigth: "12px",
+    accordionGroupSeparatorBorderColor: globalTokens.color_grey_a_200,
+    accordionGroupSeparatorBorderThickness: "1px",
+    accordionGroupSeparatorBorderRadius: "0px",
+    accordionGroupSeparatorBorderStyle: globalTokens.border_solid
+  },
+  alert: {
+    titleFontFamily: globalTokens.type_sans,
+    titleFontColor: globalTokens.hal_black,
+    titleFontSize: globalTokens.type_scale_01,
+    titleFontStyle: globalTokens.type_normal,
+    titleFontWeight: globalTokens.type_bold,
+    titleTextTransform: globalTokens.type_uppercase,
+    titlePaddingRight: "0px",
+    titlePaddingLeft: "0px",
+    inlineTextFontFamily: globalTokens.type_sans,
+    inlineTextFontColor: globalTokens.hal_black,
+    inlineTextFontSize: globalTokens.type_scale_01,
+    inlineTextFontStyle: globalTokens.type_normal,
+    inlineTextFontWeight: globalTokens.type_regular,
+    inlineTextPaddingLeft: "0px",
+    inlineTextPaddingRight: "0px",
+    contentPaddingLeft: "0px",
+    contentPaddingRight: "0px",
+    contentPaddingTop: "20px",
+    contentPaddingBottom: "30px",
+    borderRadius: "4px",
+    borderStyle: globalTokens.border_solid,
+    borderThickness: "1px",
+    infoBorderColor: globalTokens.hal_blue_s_35,
+    successBorderColor: globalTokens.hal_green_s_39,
+    warningBorderColor: globalTokens.hal_yellow_d_40,
+    errorBorderColor: globalTokens.hal_red_s_41,
+    iconSize: "24px",
+    iconPaddingLeft: "0px",
+    iconPaddingRight: "0px",
+    infoIconColor: globalTokens.hal_blue_s_35,
+    successIconColor: globalTokens.hal_green_s_39,
+    warningIconColor: globalTokens.hal_yellow_d_40,
+    errorIconColor: globalTokens.hal_red_s_41,
+    infoBackgroundColor: globalTokens.hal_blue_l_95,
+    successBackgroundColor: globalTokens.hal_green_l_95,
+    warningBackgroundColor: globalTokens.hal_yellow_l_95,
+    errorBackgroundColor: globalTokens.hal_red_l_95,
+    hoverActionBackgroundColor: globalTokens.color_grey_a_100,
+    activeActionBackgroundColor: globalTokens.color_grey_a_200,
+    focusActionBorderColor: globalTokens.hal_blue_l_50,
+    overlayColor: globalTokens.color_grey_a_800
+  },
+  box: {
+    backgroundColor: globalTokens.hal_white,
+    letterSpacing: globalTokens.type_spacing_wide_01,
+    borderRadius: "4px",
+    borderThickness: globalTokens.border_width_0,
+    borderStyle: globalTokens.border_none,
+    borderColor: globalTokens.transparent,
+    noneShadowDepthShadowOffsetX: "none",
+    noneShadowDepthShadowOffsetY: "none",
+    noneShadowDepthShadowBlur: "none",
+    noneShadowDepthShadowSpread: "none",
+    noneShadowDepthShadowColor: globalTokens.transparent,
+    oneShadowDepthShadowOffsetX: "0px",
+    oneShadowDepthShadowOffsetY: "3px",
+    oneShadowDepthShadowBlur: "6px",
+    oneShadowDepthShadowSpread: "0px",
+    oneShadowDepthShadowColor: globalTokens.color_grey_a_300,
+    twoShadowDepthShadowOffsetX: "0px",
+    twoShadowDepthShadowOffsetY: "3px",
+    twoShadowDepthShadowBlur: "10px",
+    twoShadowDepthShadowSpread: "0px",
+    twoShadowDepthShadowColor: globalTokens.color_grey_a_300
+  },
+  bulletedList: {
+    fontColor: globalTokens.hal_black,
+    fontColorOnDark: globalTokens.hal_white,
+    bulletIconHeight: "1.5rem",
+    bulletIconWidth: "1.5rem",
+    bulletHeight: "5px",
+    bulletWidth: "5px",
+    bulletMarginRight: "0.5rem"
+  },
+  button: {
+    labelFontLineHeight: globalTokens.type_leading_normal,
+    labelLetterSpacing: globalTokens.type_spacing_wide_01,
+    paddingLeft: globalTokens.spacing_03,
+    paddingRight: globalTokens.spacing_03,
+    paddingTop: globalTokens.spacing_03,
+    paddingBottom: globalTokens.spacing_03,
+    focusBorderColor: globalTokens.hal_blue_l_50,
+    focusBorderColorOnDark: globalTokens.hal_blue_l_50,
+    primaryBackgroundColor: globalTokens.hal_purple_s_38,
+    primaryBackgroundColorOnDark: globalTokens.hal_purple_s_38,
+    primaryFontColor: globalTokens.hal_white,
+    primaryFontColorOnDark: globalTokens.hal_white,
+    primaryHoverBackgroundColor: globalTokens.hal_purple_d_30,
+    primaryHoverBackgroundColorOnDark: globalTokens.color_purple_600,
+    primaryActiveBackgroundColor: globalTokens.hal_purple_d_20,
+    primaryActiveBackgroundColorOnDark: globalTokens.hal_purple_d_30,
+    primaryDisabledBackgroundColor: globalTokens.hal_grey_l_95,
+    primaryDisabledBackgroundColorOnDark: globalTokens.color_grey_800,
+    primaryDisabledFontColor: globalTokens.hal_grey_l_60,
+    primaryDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
+    primaryBorderThickness: globalTokens.border_width_0,
+    primaryBorderStyle: globalTokens.border_none,
+    primaryBorderRadius: globalTokens.border_radius_medium,
+    primaryFontFamily: globalTokens.type_sans,
+    primaryFontSize: globalTokens.type_scale_03,
+    primaryFontWeight: globalTokens.type_regular,
+    secondaryBackgroundColor: globalTokens.transparent,
+    secondaryBackgroundColorOnDark: globalTokens.transparent,
+    secondaryFontColor: globalTokens.hal_purple_s_38,
+    secondaryFontColorOnDark: globalTokens.hal_white,
+    secondaryHoverFontColor: globalTokens.hal_white,
+    secondaryHoverFontColorOnDark: globalTokens.hal_black,
+    secondaryBorderColor: globalTokens.hal_purple_s_38,
+    secondaryBorderColorOnDark: globalTokens.hal_white,
+    secondaryHoverBackgroundColor: globalTokens.hal_purple_s_38,
+    secondaryHoverBackgroundColorOnDark: globalTokens.hal_white,
+    secondaryActiveBackgroundColor: globalTokens.hal_purple_d_20,
+    secondaryActiveBackgroundColorOnDark: globalTokens.hal_grey_l_90,
+    secondaryDisabledBackgroundColor: globalTokens.transparent,
+    secondaryDisabledBackgroundColorOnDark: globalTokens.transparent,
+    secondaryDisabledFontColor: globalTokens.lighterBlack,
+    secondaryDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
+    secondaryDisabledBorderColor: globalTokens.hal_grey_l_60,
+    secondaryDisabledBorderColorOnDark: globalTokens.hal_grey_l_60,
+    secondaryBorderThickness: globalTokens.border_width_1,
+    secondaryBorderStyle: globalTokens.border_solid,
+    secondaryBorderRadius: globalTokens.border_radius_medium,
+    secondaryFontFamily: globalTokens.type_sans,
+    secondaryFontSize: globalTokens.type_scale_03,
+    secondaryFontWeight: globalTokens.type_regular,
+    textBackgroundColor: globalTokens.transparent,
+    textBackgroundColorOnDark: globalTokens.transparent,
+    textFontColor: globalTokens.hal_purple_s_38,
+    textFontColorOnDark: globalTokens.hal_white,
+    textHoverBackgroundColor: globalTokens.hal_purple_l_95,
+    textHoverBackgroundColorOnDark: globalTokens.color_grey_800,
+    textActiveBackgroundColor: globalTokens.hal_purple_l_90,
+    textActiveBackgroundColorOnDark: globalTokens.hal_grey_s_40,
+    textDisabledBackgroundColor: globalTokens.transparent,
+    textDisabledBackgroundColorOnDark: globalTokens.transparent,
+    textDisabledFontColor: globalTokens.hal_grey_l_60,
+    textDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
+    textBorderThickness: globalTokens.border_width_0,
+    textBorderStyle: globalTokens.border_none,
+    textBorderRadius: globalTokens.border_radius_medium,
+    textFontFamily: globalTokens.type_sans,
+    textFontSize: globalTokens.type_scale_03,
+    textFontWeight: globalTokens.type_regular
+  },
+  card: {
+    height: "220px",
+    width: "400px"
+  },
+  checkbox: {
+    backgroundColorChecked: globalTokens.hal_blue_s_35,
+    backgroundColorCheckedOnDark: globalTokens.hal_grey_l_90,
+    hoverBackgroundColorChecked: globalTokens.hal_blue_d_20,
+    hoverBackgroundColorCheckedOnDark: globalTokens.hal_white,
+    disabledBackgroundColorChecked: globalTokens.hal_grey_l_60,
+    disabledBackgroundColorCheckedOnDark: globalTokens.color_grey_800,
+    borderColor: globalTokens.hal_blue_s_35,
+    borderColorOnDark: globalTokens.hal_grey_l_90,
+    hoverBorderColor: globalTokens.hal_blue_d_20,
+    hoverBorderColorOnDark: globalTokens.hal_white,
+    disabledBorderColor: globalTokens.hal_grey_l_60,
+    disabledBorderColorOnDark: globalTokens.color_grey_800,
+    checkColor: globalTokens.hal_white,
+    checkColorOnDark: globalTokens.hal_black,
+    disabledCheckColor: globalTokens.hal_white,
+    disabledCheckColorOnDark: globalTokens.hal_grey_l_60,
+    fontFamily: globalTokens.type_sans,
+    fontSize: globalTokens.type_scale_02,
+    fontWeight: globalTokens.type_regular,
+    fontColor: globalTokens.hal_black,
+    fontColorOnDark: globalTokens.hal_white,
+    disabledFontColor: globalTokens.hal_grey_l_60,
+    disabledFontColorOnDark: globalTokens.hal_grey_l_60,
+    focusColor: globalTokens.hal_blue_l_50,
+    focusColorOnDark: globalTokens.hal_blue_l_50,
+    checkLabelSpacing: "8px"
+  },
+  chip: {
+    backgroundColor: globalTokens.hal_grey_l_90,
+    disabledBackgroundColor: globalTokens.hal_grey_l_95,
+    fontFamily: globalTokens.type_sans,
+    fontSize: globalTokens.type_scale_03,
+    fontStyle: globalTokens.type_normal,
+    fontWeight: globalTokens.type_regular,
+    fontColor: globalTokens.hal_black,
+    disabledFontColor: globalTokens.hal_grey_l_60,
+    borderColor: globalTokens.transparent,
+    borderRadius: "80px",
+    borderThickness: globalTokens.border_width_0,
+    borderStyle: globalTokens.border_solid,
+    contentPaddingLeft: "16px",
+    contentPaddingRight: "16px",
+    contentPaddingTop: "0px",
+    contentPaddingBottom: "0px",
+    iconSize: "24px",
+    iconSpacing: "8px",
+    iconColor: globalTokens.color_grey_800,
+    hoverIconColor: globalTokens.color_grey_a_900,
+    activeIconColor: globalTokens.hal_black,
+    disabledIconColor: globalTokens.hal_grey_l_60,
+    focusColor: globalTokens.hal_blue_l_50,
+    focusBorderStyle: globalTokens.border_solid,
+    focusBorderThickness: globalTokens.border_width_2,
+    focusBorderRadius: globalTokens.border_radius_medium
+  },
+  dateInput: {
+    pickerBackgroundColor: globalTokens.hal_white,
+    pickerFontColor: globalTokens.hal_black,
+    pickerBorderColor: globalTokens.hal_grey_l_75,
+    pickerSelectedBackgroundColor: globalTokens.hal_purple_s_38,
+    pickerSelectedFontColor: globalTokens.hal_white,
+    pickerHoverBackgroundColor: globalTokens.hal_purple_l_90,
+    pickerHoverFontColor: globalTokens.hal_black,
+    pickerActiveBackgroundColor: globalTokens.hal_purple_d_30,
+    pickerActiveFontColor: globalTokens.hal_white,
+    pickerNonCurrentMonthFontColor: globalTokens.hal_grey_l_60,
+    pickerCurrentDateBorderColor: globalTokens.color_purple_300,
+    pickerCurrentDateFontColor: globalTokens.hal_black,
+    pickerCurrentYearFontColor: globalTokens.hal_purple_s_38,
+    pickerHeaderBackgroundColor: globalTokens.transparent,
+    pickerHeaderFontColor: globalTokens.hal_black,
+    pickerHeaderHoverBackgroundColor: globalTokens.hal_purple_l_90,
+    pickerHeaderHoverFontColor: globalTokens.hal_black,
+    pickerHeaderActiveBackgroundColor: globalTokens.hal_purple_d_30,
+    pickerHeaderActiveFontColor: globalTokens.hal_white,
+    pickerFocusColor: globalTokens.hal_blue_l_50,
+    pickerBorderWidth: globalTokens.border_width_1,
+    pickerBorderStyle: globalTokens.border_solid,
+    pickerFocusWidth: globalTokens.border_width_2,
+    pickerCurrentDateBorderWidth: globalTokens.border_width_1,
+    pickerFontFamily: globalTokens.type_sans,
+    pickerFontSize: globalTokens.type_scale_02,
+    pickerFontWeight: globalTokens.type_regular,
+    pickerInteractedYearFontSize: globalTokens.type_scale_05,
+    pickerHeaderFontSize: globalTokens.type_scale_02
+  },
+  dialog: {
+    overlayColor: globalTokens.color_grey_a_800,
+    backgroundColor: globalTokens.hal_white,
+    closeIconWidth: "24px",
+    closeIconHeight: "24px",
+    closeIconTopPosition: "20px",
+    closeIconRightPosition: "20px",
+    closeIconBackgroundColor: globalTokens.transparent,
+    closeIconBorderColor: globalTokens.border_none,
+    closeIconColor: globalTokens.hal_black,
+    closeIconBorderThickness: globalTokens.border_width_0,
+    closeIconBorderStyle: globalTokens.border_solid,
+    closeIconBorderRadius: "2px",
+    boxShadowOffsetX: "0px",
+    boxShadowOffsetY: "1px",
+    boxShadowBlur: "3px",
+    boxShadowColor: globalTokens.color_grey_a_300
+  },
+  dropdown: {
+    buttonBackgroundColor: globalTokens.hal_white,
+    hoverButtonBackgroundColor: globalTokens.hal_grey_l_95,
+    activeButtonBackgroundColor: globalTokens.lightGrey,
+    buttonFontFamily: globalTokens.type_sans,
+    buttonFontSize: globalTokens.type_scale_03,
+    buttonFontStyle: globalTokens.type_normal,
+    buttonFontWeight: globalTokens.type_regular,
+    buttonFontColor: globalTokens.hal_black,
+    buttonIconSize: "20px",
+    buttonIconSpacing: "10px",
+    buttonIconColor: globalTokens.hal_black,
+    buttonPaddingTop: "0px",
+    buttonPaddingBottom: "0px",
+    buttonPaddingLeft: "16px",
+    buttonPaddingRight: "16px",
+    disabledColor: globalTokens.hal_grey_l_60,
+    disabledButtonBackgroundColor: globalTokens.transparent,
+    disabledBorderColor: globalTokens.lighterBlack,
+    optionBackgroundColor: globalTokens.hal_white,
+    hoverOptionBackgroundColor: globalTokens.hal_grey_l_95,
+    activeOptionBackgroundColor: globalTokens.hal_grey_l_80,
+    optionFontFamily: globalTokens.type_sans,
+    optionFontSize: globalTokens.type_scale_root,
+    optionFontStyle: globalTokens.type_normal,
+    optionFontWeight: globalTokens.type_regular,
+    optionFontColor: globalTokens.hal_black,
+    optionIconSize: "20px",
+    optionIconSpacing: "10px",
+    optionIconColor: globalTokens.hal_black,
+    optionPaddingTop: "6px",
+    optionPaddingBottom: "6px",
+    optionPaddingLeft: "16px",
+    optionPaddingRight: "16px",
+    caretIconSize: "24px",
+    caretIconColor: globalTokens.hal_black,
+    caretIconSpacing: "12px",
+    borderRadius: "4px",
+    borderStyle: globalTokens.border_none,
+    borderThickness: globalTokens.border_width_0,
+    borderColor: globalTokens.transparent,
+    scrollBarThumbColor: globalTokens.hal_grey_s_40,
+    scrollBarTrackColor: globalTokens.lightGrey,
+    focusColor: globalTokens.hal_blue_l_50
+  },
+  fileInput: {
+    dropBorderColor: globalTokens.hal_black,
+    fileItemBorderColor: globalTokens.hal_grey_l_80,
+    fileNameFontColor: globalTokens.hal_black,
+    labelFontColor: globalTokens.hal_black,
+    helperTextFontColor: globalTokens.hal_black,
+    dropLabelFontColor: globalTokens.hal_black,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontcolor: globalTokens.hal_grey_l_60,
+    disabledDropLabelFontColor: globalTokens.hal_grey_l_60,
+    focusDropBorderColor: globalTokens.hal_blue_l_50,
+    disabledDropBorderColor: globalTokens.hal_grey_l_60,
+    dragoverDropBackgroundColor: globalTokens.color_blue_50,
+    activeFileItemIconBackgrounColor: globalTokens.hal_grey_l_80,
+    errorFileItemBorderColor: globalTokens.hal_red_s_41,
+    errorFileItemBackgroundColor: globalTokens.color_red_50,
+    errorFilePreviewBackgroundColor: globalTokens.color_red_700,
+    errorFileItemIconColor: globalTokens.hal_red_s_41,
+    fileItemIconBackgroundColor: globalTokens.hal_grey_l_95,
+    deleteFileItemColor: globalTokens.hal_black,
+    errorMessageFontColor: globalTokens.hal_red_s_41,
+    labelFontFamily: globalTokens.type_sans,
+    labelFontSize: globalTokens.type_scale_02,
+    labelFontWeight: globalTokens.type_semibold,
+    labelLineHeight: globalTokens.type_leading_loose_01,
+    fileItemFontFamily: globalTokens.type_sans,
+    fileItemFontSize: globalTokens.type_scale_02,
+    fileItemFontWeight: globalTokens.type_regular,
+    fileItemLineHeight: globalTokens.type_leading_normal,
+    helperTextFontFamily: globalTokens.type_sans,
+    helperTextFontSize: globalTokens.type_scale_01,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextLineHeight: globalTokens.type_leading_normal,
+    dropLabelFontFamily: globalTokens.type_sans,
+    dropLabelFontSize: globalTokens.type_scale_03,
+    dropLabelFontWeight: globalTokens.type_regular,
+    errorMessageFontFamily: globalTokens.type_sans,
+    errorMessageFontSize: globalTokens.type_scale_01,
+    errorMessageFontWeight: globalTokens.type_regular,
+    errorMessageLineHeight: globalTokens.type_leading_normal,
+    dropBorderThickness: globalTokens.border_width_1,
+    dropBorderStyle: globalTokens.border_dashed,
+    dropBorderRadius: globalTokens.border_radius_large,
+    fileItemBorderThickness: globalTokens.border_width_1,
+    fileItemBorderStyle: globalTokens.border_solid,
+    fileItemBorderRadius: globalTokens.border_radius_medium,
+    hoverDeleteFileItemBackgroundColor: globalTokens.color_grey_a_100,
+    activeDeleteFileItemBackgroundColor: globalTokens.color_grey_a_300,
+    focusDeleteFileItemBorderColor: globalTokens.hal_blue_l_50,
+    filePreviewBackgroundColor: globalTokens.hal_grey_l_95,
+    filePreviewIconColor: globalTokens.color_grey_600,
+    errorFilePreviewIconColor: globalTokens.hal_red_s_41
+  },
+  footer: {
+    height: "124px",
+    backgroundColor: globalTokens.hal_black,
+    bottomLinksDividerColor: globalTokens.hal_blue_l_50,
+    bottomLinksDividerThickness: "1px",
+    bottomLinksDividerStyle: globalTokens.border_solid,
+    bottomLinksDividerSpacing: "8px",
+    bottomLinksFontFamily: globalTokens.type_sans,
+    bottomLinksFontSize: globalTokens.type_scale_01,
+    bottomLinksFontStyle: globalTokens.type_normal,
+    bottomLinksFontWeight: globalTokens.type_regular,
+    bottomLinksFontColor: globalTokens.hal_white,
+    bottomLinksTextDecoration: globalTokens.type_no_line,
+    copyrightFontFamily: globalTokens.type_sans,
+    copyrightFontSize: globalTokens.type_scale_01,
+    copyrightFontStyle: globalTokens.type_normal,
+    copyrightFontWeight: globalTokens.type_regular,
+    copyrightFontColor: globalTokens.hal_white,
+    logo: "",
+    logoHeight: "32px",
+    logoWidth: "auto",
+    socialLinksSize: "24px",
+    socialLinksGutter: "16px",
+    socialLinksColor: globalTokens.hal_white
+  },
+  header: {
+    backgroundColor: globalTokens.hal_white,
+    hamburguerFocusColor: globalTokens.hal_blue_l_50,
+    hamburguerFontFamily: globalTokens.type_sans,
+    hamburguerFontStyle: globalTokens.type_normal,
+    hamburguerFontColor: globalTokens.hal_black,
+    hamburguerFontSize: "10px",
+    hamburguerFontWeight: globalTokens.type_semibold,
+    hamburguerTextTransform: globalTokens.type_uppercase,
+    hamburguerIconColor: globalTokens.hal_black,
+    hamburguerHoverColor: globalTokens.hal_grey_l_90,
+    logo: "",
+    logoResponsive: "",
+    logoHeight: "40px",
+    logoWidth: "auto",
+    menuBackgroundColor: globalTokens.hal_white,
+    menuZindex: "2000",
+    menuTabletWidth: "60vw",
+    menuMobileWidth: "100vw",
+    minHeight: "64px",
+    overlayColor: globalTokens.color_grey_a_800,
+    overlayOpacity: "0.7",
+    overlayZindex: "1600",
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    paddingRight: "24px",
+    paddingLeft: "24px",
+    underlinedColor: globalTokens.hal_black,
+    underlinedThickness: "2px",
+    underlinedStyle: globalTokens.border_solid,
+    contentColor: globalTokens.hal_black,
+    contentColorOnDark: globalTokens.hal_white
+  },
+  heading: {
+    level1FontColor: globalTokens.inherit,
+    level1FontFamily: globalTokens.type_sans,
+    level1FontSize: globalTokens.type_scale_07,
+    level1FontStyle: globalTokens.type_normal,
+    level1FontWeight: globalTokens.type_semibold,
+    level1LineHeight: globalTokens.type_leading_compact_01,
+    level1LetterSpacing: globalTokens.type_spacing_tight_01,
+    level2FontColor: globalTokens.inherit,
+    level2FontFamily: globalTokens.type_sans,
+    level2FontSize: globalTokens.type_scale_05,
+    level2FontStyle: globalTokens.type_normal,
+    level2FontWeight: globalTokens.type_semibold,
+    level2LineHeight: globalTokens.type_leading_normal,
+    level2LetterSpacing: globalTokens.type_spacing_normal,
+    level3FontColor: globalTokens.inherit,
+    level3FontFamily: globalTokens.type_sans,
+    level3FontSize: globalTokens.type_scale_04,
+    level3FontStyle: globalTokens.type_normal,
+    level3FontWeight: globalTokens.type_semibold,
+    level3LineHeight: globalTokens.type_leading_compact_01,
+    level3LetterSpacing: globalTokens.type_spacing_wide_01,
+    level4FontColor: globalTokens.inherit,
+    level4FontFamily: globalTokens.type_sans,
+    level4FontSize: globalTokens.type_scale_03,
+    level4FontStyle: globalTokens.type_normal,
+    level4FontWeight: globalTokens.type_semibold,
+    level4LineHeight: globalTokens.type_leading_normal,
+    level4LetterSpacing: globalTokens.type_spacing_normal,
+    level5FontColor: globalTokens.inherit,
+    level5FontFamily: globalTokens.type_sans,
+    level5FontSize: globalTokens.type_scale_02,
+    level5FontStyle: globalTokens.type_normal,
+    level5FontWeight: globalTokens.type_semibold,
+    level5LineHeight: globalTokens.type_leading_normal,
+    level5LetterSpacing: globalTokens.type_spacing_wide_01
+  },
+  link: {
+    fontColor: globalTokens.hal_blue_s_35,
+    fontFamily: globalTokens.inherit,
+    fontSize: globalTokens.inherit,
+    fontStyle: globalTokens.type_normal,
+    fontWeight: globalTokens.type_regular,
+    iconSize: "16px",
+    iconSpacing: "4px",
+    underlineSpacing: "0px",
+    underlineStyle: globalTokens.border_solid,
+    underlineThickness: "1px",
+    disabledColor: globalTokens.lightGrey,
+    hoverFontColor: globalTokens.hal_blue_s_35,
+    hoverUnderlineColor: globalTokens.hal_blue_s_35,
+    visitedFontColor: globalTokens.hal_purple_s_38,
+    visitedUnderlineColor: globalTokens.hal_purple_s_38,
+    activeFontColor: globalTokens.hal_black,
+    activeUnderlineColor: globalTokens.hal_black,
+    focusColor: globalTokens.hal_blue_l_50
+  },
+  navTabs: {
+    selectedBackgroundColor: globalTokens.white,
+    unselectedBackgroundColor: globalTokens.white,
+    hoverBackgroundColor: globalTokens.hal_grey_l_95,
+    pressedBackgroundColor: globalTokens.hal_grey_l_90,
+    selectedFontColor: globalTokens.hal_grey_s_40,
+    unselectedFontColor: globalTokens.hal_grey_s_40,
+    disabledFontColor: globalTokens.hal_grey_l_60,
+    focusOutline: globalTokens.hal_blue_l_50,
+    selectedUnderlineColor: globalTokens.hal_purple_s_38,
+    dividerColor: globalTokens.hal_grey_l_75,
+    fontFamily: globalTokens.type_sans,
+    fontSize: globalTokens.type_scale_03,
+    fontStyle: globalTokens.type_normal,
+    fontWeight: globalTokens.type_regular,
+    selectedIconColor: globalTokens.hal_grey_s_40,
+    unselectedIconColor: globalTokens.hal_grey_s_40,
+    disabledIconColor: globalTokens.hal_grey_l_60
+  },
+  paginator: {
+    backgroundColor: globalTokens.hal_grey_l_95,
+    fontColor: globalTokens.hal_black,
+    fontFamily: globalTokens.type_sans,
+    fontSize: globalTokens.type_scale_02,
+    fontStyle: globalTokens.type_normal,
+    fontWeight: globalTokens.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: globalTokens.hal_black,
+    fontColorOnDark: globalTokens.hal_white,
+    display: "block",
+    fontSize: globalTokens.type_scale_03,
+    fontWeight: globalTokens.type_regular
+  },
+  progressBar: {
+    trackLineColor: globalTokens.hal_purple_s_38,
+    trackLineColorOnDark: globalTokens.hal_purple_l_65,
+    totalLineColor: globalTokens.hal_grey_l_90,
+    labelFontFamily: globalTokens.type_sans,
+    labelFontSize: globalTokens.type_scale_01,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_regular,
+    labelFontColor: globalTokens.hal_black,
+    labelFontColorOnDark: globalTokens.hal_white,
+    labelFontTextTransform: globalTokens.type_uppercase,
+    valueFontFamily: globalTokens.type_sans,
+    valueFontSize: globalTokens.type_scale_01,
+    valueFontStyle: globalTokens.type_normal,
+    valueFontWeight: globalTokens.type_regular,
+    valueFontColor: globalTokens.hal_black,
+    valueFontColorOnDark: globalTokens.hal_white,
+    valueFontTextTransform: globalTokens.type_uppercase,
+    helperTextFontColor: globalTokens.hal_black,
+    helperTextFontColorOnDark: globalTokens.hal_white,
+    helperTextFontSize: globalTokens.type_scale_01,
+    helperTextFontStyle: globalTokens.type_normal,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextFontFamily: globalTokens.type_sans,
+    thickness: "9px",
+    borderRadius: "5px",
+    overlayColor: globalTokens.color_grey_a_800,
+    overlayFontColor: globalTokens.hal_white
+  },
+  quickNav: {
+    fontColor: globalTokens.hal_grey_s_40,
+    hoverFontColor: globalTokens.hal_purple_d_70,
+    dividerBorderColor: globalTokens.hal_grey_l_75,
+    focusBorderColor: globalTokens.hal_blue_l_50,
+    focusBorderStyle: globalTokens.border_solid,
+    focusBorderThickness: globalTokens.border_width_2,
+    focusBorderRadius: globalTokens.border_width_2,
+    paddingTop: globalTokens.spacing_03,
+    paddingBottom: globalTokens.spacing_03,
+    paddingLeft: globalTokens.spacing_05,
+    paddingRight: globalTokens.spacing_05,
+    fontFamily: globalTokens.type_sans,
+    fontSize: globalTokens.type_scale_02,
+    fontStyle: globalTokens.type_normal,
+    fontWeight: globalTokens.type_regular
+  },
+  radioGroup: {
+    fontFamily: globalTokens.type_sans,
+    radioInputColor: globalTokens.hal_blue_l_45,
+    hoverRadioInputColor: globalTokens.hal_blue_s_35,
+    focusBorderColor: globalTokens.hal_blue_l_50,
+    activeRadioInputColor: globalTokens.hal_blue_d_20,
+    errorRadioInputColor: globalTokens.hal_red_s_41,
+    hoverErrorRadioInputColor: globalTokens.hal_red_d_30,
+    activeErrorRadioInputColor: globalTokens.hal_red_d_20,
+    readonlyRadioInputColor: globalTokens.hal_grey_l_60,
+    hoverReadonlyRadioInputColor: globalTokens.color_grey_600,
+    activeReadonlyRadioInputColor: globalTokens.hal_grey_s_40,
+    disabledRadioInputColor: globalTokens.hal_grey_l_60,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
+    disabledRadioInputLabelFontColor: globalTokens.hal_grey_l_60,
+    errorMessageColor: globalTokens.hal_red_s_41,
+    labelFontColor: globalTokens.hal_black,
+    labelFontSize: globalTokens.type_scale_02,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_semibold,
+    labelLineHeight: globalTokens.type_leading_loose_01,
+    optionalLabelFontWeight: globalTokens.type_regular,
+    helperTextFontColor: globalTokens.hal_black,
+    helperTextFontSize: globalTokens.type_scale_01,
+    helperTextFontStyle: globalTokens.type_normal,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextLineHeight: globalTokens.type_leading_normal,
+    radioInputLabelFontColor: globalTokens.hal_black,
+    radioInputLabelFontSize: globalTokens.type_scale_02,
+    radioInputLabelFontStyle: globalTokens.type_normal,
+    radioInputLabelFontWeight: globalTokens.type_regular,
+    radioInputLabelLineHeight: globalTokens.type_leading_loose_01,
+    groupLabelMargin: globalTokens.spacing_03,
+    radioInputLabelMargin: globalTokens.spacing_03,
+    groupVerticalGutter: globalTokens.spacing_02,
+    groupHorizontalGutter: globalTokens.spacing_07
+  },
+  select: {
+    fontFamily: globalTokens.type_sans,
+    disabledColor: globalTokens.hal_grey_l_60,
+    enabledInputBorderColor: globalTokens.hal_black,
+    hoverInputBorderColor: globalTokens.hal_purple_l_65,
+    focusInputBorderColor: globalTokens.hal_blue_l_50,
+    errorInputBorderColor: globalTokens.hal_red_s_41,
+    hoverInputErrorBorderColor: globalTokens.color_red_600,
+    disabledInputBorderColor: globalTokens.hal_grey_l_60,
+    disabledInputBackgroundColor: globalTokens.hal_grey_l_95,
+    inputMarginTop: globalTokens.spacing_02,
+    inputMarginBottom: globalTokens.spacing_02,
+    errorMessageColor: globalTokens.hal_red_s_41,
+    errorIconColor: globalTokens.hal_red_s_41,
+    labelFontColor: globalTokens.hal_black,
+    labelFontSize: globalTokens.type_scale_02,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_semibold,
+    labelLineHeight: globalTokens.type_leading_loose_01,
+    optionalLabelFontWeight: globalTokens.type_regular,
+    helperTextFontColor: globalTokens.hal_black,
+    helperTextFontSize: globalTokens.type_scale_01,
+    helperTextFontStyle: globalTokens.type_normal,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextLineHeight: globalTokens.type_leading_normal,
+    placeholderFontColor: globalTokens.color_grey_a_800,
+    valueFontColor: globalTokens.hal_black,
+    valueFontSize: globalTokens.type_scale_03,
+    valueFontStyle: globalTokens.type_normal,
+    valueFontWeight: globalTokens.type_regular,
+    actionIconColor: globalTokens.hal_black,
+    hoverActionIconColor: globalTokens.hal_black,
+    activeActionIconColor: globalTokens.hal_black,
+    actionBackgroundColor: globalTokens.transparent,
+    hoverActionBackgroundColor: globalTokens.hal_grey_l_95,
+    activeActionBackgroundColor: globalTokens.hal_grey_l_80,
+    listOptionFontColor: globalTokens.hal_black,
+    listOptionFontSize: globalTokens.type_scale_02,
+    listOptionFontStyle: globalTokens.type_normal,
+    listOptionFontWeight: globalTokens.type_regular,
+    listOptionIconColor: globalTokens.hal_black,
+    listOptionDividerColor: globalTokens.hal_grey_l_90,
+    listGroupLabelFontWeight: globalTokens.type_semibold,
+    focusListOptionBorderColor: globalTokens.hal_blue_l_50,
+    systemMessageFontColor: globalTokens.hal_grey_s_40,
+    collapseIndicatorColor: globalTokens.hal_black,
+    listDialogBackgroundColor: globalTokens.hal_white,
+    listDialogBorderColor: globalTokens.hal_grey_l_75,
+    selectedListOptionBackgroundColor: globalTokens.hal_blue_l_95,
+    selectedHoverListOptionBackgroundColor: globalTokens.color_blue_200,
+    selectedActiveListOptionBackgroundColor: globalTokens.hal_blue_l_80,
+    selectedListOptionIconColor: globalTokens.hal_blue_d_20,
+    unselectedHoverListOptionBackgroundColor: globalTokens.hal_grey_l_95,
+    unselectedActiveListOptionBackgroundColor: globalTokens.hal_grey_l_90,
+    selectionIndicatorFontColor: globalTokens.hal_black,
+    selectionIndicatorFontSize: globalTokens.type_scale_01,
+    selectionIndicatorFontStyle: globalTokens.type_regular,
+    selectionIndicatorFontWeight: globalTokens.type_normal,
+    selectionIndicatorBorderColor: globalTokens.hal_grey_l_75,
+    selectionIndicatorBackgroundColor: globalTokens.color_grey_50,
+    enabledSelectionIndicatorActionBackgroundColor: globalTokens.transparent,
+    enabledSelectionIndicatorActionIconColor: globalTokens.hal_black,
+    hoverSelectionIndicatorActionBackgroundColor: globalTokens.hal_grey_l_95,
+    hoverSelectionIndicatorActionIconColor: globalTokens.hal_black,
+    activeSelectionIndicatorActionBackgroundColor: globalTokens.hal_grey_l_80,
+    activeSelectionIndicatorActionIconColor: globalTokens.hal_black
+  },
+  sidenav: {
+    backgroundColor: globalTokens.hal_grey_l_95,
+    titleFontFamily: globalTokens.type_sans,
+    titleFontSize: globalTokens.type_scale_04,
+    titleFontStyle: globalTokens.type_normal,
+    titleFontWeight: globalTokens.type_semibold,
+    titleFontColor: globalTokens.color_grey_800,
+    titleFontTextTransform: "none",
+    titleFontLetterSpacing: globalTokens.type_spacing_normal,
+    groupTitleFontFamily: globalTokens.type_sans,
+    groupTitleFontSize: globalTokens.type_scale_02,
+    groupTitleFontStyle: globalTokens.type_normal,
+    groupTitleFontWeight: globalTokens.type_semibold,
+    groupTitleFontColor: globalTokens.hal_black,
+    groupTitleHoverBackgroundColor: globalTokens.hal_grey_l_90,
+    groupTitleActiveBackgroundColor: globalTokens.hal_grey_l_80,
+    groupTitleSelectedFontColor: globalTokens.hal_white,
+    groupTitleSelectedBackgroundColor: globalTokens.color_grey_800,
+    groupTitleSelectedHoverFontColor: globalTokens.hal_white,
+    groupTitleSelectedHoverBackgroundColor: globalTokens.color_grey_600,
+    groupTitleFontTextTransform: globalTokens.type_uppercase,
+    groupTitleFontLetterSpacing: globalTokens.type_spacing_wide_02,
+    linkFontFamily: globalTokens.type_sans,
+    linkFontSize: globalTokens.type_scale_02,
+    linkFontStyle: globalTokens.type_normal,
+    linkFontWeight: globalTokens.type_regular,
+    linkFontColor: globalTokens.color_grey_800,
+    linkHoverBackgroundColor: globalTokens.hal_grey_l_90,
+    linkSelectedFontColor: globalTokens.hal_white,
+    linkSelectedBackgroundColor: globalTokens.color_grey_800,
+    linkSelectedHoverFontColor: globalTokens.hal_white,
+    linkSelectedHoverBackgroundColor: globalTokens.color_grey_600,
+    linkFontTextTransform: "none",
+    linkFontLetterSpacing: globalTokens.type_spacing_wide_01,
+    linkTextDecoration: globalTokens.type_no_line,
+    linkMarginTop: "4px",
+    linkMarginBottom: "4px",
+    linkMarginRight: "16px",
+    linkMarginLeft: "16px",
+    linkFocusColor: globalTokens.hal_blue_l_50,
+    scrollBarThumbColor: globalTokens.color_grey_a_200,
+    scrollBarTrackColor: globalTokens.transparent
+  },
+  slider: {
+    fontFamily: globalTokens.type_sans,
+    limitValuesFontColor: globalTokens.hal_black,
+    limitValuesFontColorOnDark: globalTokens.hal_white,
+    limitValuesFontSize: globalTokens.type_scale_03,
+    limitValuesFontStyle: globalTokens.type_normal,
+    limitValuesFontWeight: globalTokens.type_regular,
+    limitValuesFontLetterSpacing: globalTokens.type_spacing_normal,
+    disabledLimitValuesFontColor: globalTokens.hal_grey_l_60,
+    labelFontFamily: globalTokens.type_sans,
+    labelFontSize: globalTokens.type_scale_02,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_semibold,
+    labelLineHeight: globalTokens.type_leading_loose_01,
+    helperTextFontFamily: globalTokens.type_sans,
+    helperTextFontSize: globalTokens.type_scale_01,
+    helperTextFontStyle: globalTokens.type_normal,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextLineHeight: globalTokens.type_leading_normal,
+    fontColor: globalTokens.hal_black,
+    fontColorOnDark: globalTokens.hal_white,
+    labelFontColor: globalTokens.hal_black,
+    labelFontColorOnDark: globalTokens.hal_white,
+    helperTextFontColor: globalTokens.hal_black,
+    helperTextFontColorOnDark: globalTokens.hal_white,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
+    thumbHeight: "12px",
+    thumbWidth: "12px",
+    hoverThumbHeight: "14px",
+    hoverThumbWidth: "14px",
+    thumbVerticalPosition: "12px",
+    hoverThumbVerticalPosition: "11px",
+    thumbBackgroundColor: globalTokens.hal_blue_s_35,
+    thumbBackgroundColorOnDark: globalTokens.hal_blue_l_50,
+    hoverThumbScale: "1.166666",
+    hoverThumbBackgroundColor: globalTokens.hal_blue_d_20,
+    hoverThumbBackgroundColorOnDark: globalTokens.hal_blue_d_20,
+    activeThumbScale: "1.166666",
+    activeThumbBackgroundColor: globalTokens.hal_blue_d_20,
+    activeThumbBackgroundColorOnDark: globalTokens.hal_blue_d_20,
+    focusThumbBackgroundColor: globalTokens.hal_blue_s_35,
+    focusThumbBackgroundColorOnDark: globalTokens.hal_blue_l_50,
+    tickHeight: "4px",
+    tickWidth: "4px",
+    tickVerticalPosition: "11px",
+    tickBackgroundColor: globalTokens.hal_blue_s_35,
+    tickBackgroundColorOnDark: globalTokens.hal_blue_l_50,
+    trackLineThickness: "2px",
+    trackLineVerticalPosition: "50%",
+    trackLineColor: globalTokens.hal_blue_s_35,
+    trackLineColorOnDark: globalTokens.hal_blue_l_50,
+    totalLineThickness: "2px",
+    totalLineVerticalPosition: "50%",
+    totalLineColor: globalTokens.color_grey_a_200,
+    totalLineColorOnDark: globalTokens.hal_grey_l_75,
+    disabledThumbVerticalPosition: "10px",
+    disabledThumbBackgroundColor: globalTokens.hal_grey_l_60,
+    disabledThumbBackgroundColorOnDark: "#575757",
+    disabledTickVerticalPosition: "11px",
+    disabledTickBackgroundColor: globalTokens.hal_grey_l_60,
+    disabledTickBackgroundColorOnDark: globalTokens.hal_grey_l_60,
+    disabledTrackLineColor: globalTokens.hal_grey_l_60,
+    disabledTrackLineColorOnDark: globalTokens.hal_grey_l_60,
+    disabledTotalLineColor: globalTokens.hal_grey_l_95,
+    disabledTotalLineColorOnDark: globalTokens.hal_grey_s_40,
+    focusColor: globalTokens.hal_blue_l_50,
+    focusColorOnDark: globalTokens.hal_blue_l_50,
+    floorLabelMarginRight: globalTokens.type_scale_03,
+    ceilLabelMarginLeft: globalTokens.type_scale_03,
+    inputMarginLeft: globalTokens.type_scale_06
+  },
+  spinner: {
+    trackCircleColor: globalTokens.hal_purple_s_38,
+    trackCircleColorOverlay: globalTokens.hal_purple_l_65,
+    totalCircleColor: globalTokens.hal_white,
+    labelFontFamily: globalTokens.type_sans,
+    labelFontSize: globalTokens.type_scale_02,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_regular,
+    labelFontColor: globalTokens.hal_black,
+    labelFontColorOnDark: globalTokens.hal_white,
+    labelTextAlign: "center",
+    progressValueFontFamily: globalTokens.type_sans,
+    progressValueFontSize: globalTokens.type_scale_02,
+    progressValueFontStyle: globalTokens.type_normal,
+    progressValueFontWeight: globalTokens.type_bold,
+    progressValueFontColor: globalTokens.inherit,
+    progressValueFontColorOnDark: globalTokens.hal_white,
+    progressValueTextAlign: "center",
+    overlayBackgroundColor: globalTokens.hal_black,
+    overlayOpacity: "0.8",
+    overlayLabelFontFamily: globalTokens.type_sans,
+    overlayLabelFontSize: globalTokens.type_scale_02,
+    overlayLabelFontStyle: globalTokens.type_normal,
+    overlayLabelFontWeight: globalTokens.type_regular,
+    overlayLabelFontColor: globalTokens.hal_white,
+    overlayLabelTextAlign: "center",
+    overlayProgressValueFontFamily: globalTokens.type_sans,
+    overlayProgressValueFontSize: globalTokens.type_scale_02,
+    overlayProgressValueFontStyle: globalTokens.type_normal,
+    overlayProgressValueFontWeight: globalTokens.type_bold,
+    overlayProgressValueFontColor: globalTokens.hal_white,
+    overlayProgressValueTextAlign: "center"
+  },
+  "switch": {
+    checkedTrackBackgroundColor: globalTokens.hal_purple_s_38,
+    checkedTrackBackgroundColorOnDark: globalTokens.hal_purple_s_38,
+    checkedThumbBackgroundColor: globalTokens.hal_white,
+    checkedThumbBackgroundColorOnDark: globalTokens.hal_white,
+    uncheckedTrackBackgroundColor: globalTokens.hal_grey_l_75,
+    uncheckedTrackBackgroundColorOnDark: globalTokens.hal_grey_l_75,
+    uncheckedThumbBackgroundColor: globalTokens.hal_white,
+    uncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
+    disabledCheckedTrackBackgroundColor: globalTokens.hal_purple_l_95,
+    disabledCheckedTrackBackgroundColorOnDark: "#1c0b24",
+    disabledCheckedThumbBackgroundColor: globalTokens.hal_white,
+    disabledCheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
+    disabledUncheckedTrackBackgroundColor: globalTokens.hal_grey_l_95,
+    disabledUncheckedTrackBackgroundColorOnDark: "#363636",
+    disabledUncheckedThumbBackgroundColor: globalTokens.hal_white,
+    disabledUncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledLabelFontColorOnDark: "#575757",
+    disabledLabelFontStyle: globalTokens.type_normal,
+    labelFontFamily: globalTokens.type_sans,
+    labelFontSize: globalTokens.type_scale_root,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_regular,
+    labelFontColor: globalTokens.hal_black,
+    labelFontColorOnDark: globalTokens.hal_white,
+    thumbFocusColor: globalTokens.hal_blue_l_50,
+    thumbFocusColorOnDark: "#1682ff",
+    thumbHeight: "24px",
+    thumbWidth: "24px",
+    thumbShift: "1.25rem",
+    trackHeight: "12px",
+    trackWidth: "36px",
+    spaceBetweenLabelSwitch: "8px"
+  },
+  table: {
+    rowSeparatorThickness: "1px",
+    rowSeparatorStyle: globalTokens.border_solid,
+    rowSeparatorColor: globalTokens.hal_grey_l_80,
+    dataBackgroundColor: globalTokens.hal_white,
+    dataFontFamily: globalTokens.type_sans,
+    dataFontSize: globalTokens.type_scale_02,
+    dataFontStyle: globalTokens.type_normal,
+    dataFontWeight: globalTokens.type_regular,
+    dataFontColor: globalTokens.hal_black,
+    dataFontTextTransform: "none",
+    dataPaddingTop: "14px",
+    dataPaddingBottom: "12px",
+    dataPaddingRight: "20px",
+    dataPaddingLeft: "40px",
+    dataTextAlign: "left",
+    dataTextLineHeight: "normal",
+    headerBackgroundColor: globalTokens.hal_purple_s_38,
+    headerBorderRadius: "4px",
+    headerFontFamily: globalTokens.type_sans,
+    headerFontSize: globalTokens.type_scale_02,
+    headerFontStyle: globalTokens.type_normal,
+    headerFontWeight: globalTokens.type_regular,
+    headerFontColor: globalTokens.hal_white,
+    headerFontTextTransform: "none",
+    headerPaddingTop: "16px",
+    headerPaddingBottom: "16px",
+    headerPaddingRight: "20px",
+    headerPaddingLeft: "40px",
+    headerTextAlign: "left",
+    headerTextLineHeight: "normal",
+    scrollBarThumbColor: globalTokens.hal_grey_s_40,
+    scrollBarTrackColor: globalTokens.hal_grey_l_80,
+    sortIconColor: globalTokens.hal_white
+  },
+  tabs: {
+    fontFamily: globalTokens.type_sans,
+    fontSize: globalTokens.type_scale_03,
+    fontStyle: globalTokens.type_normal,
+    fontWeight: globalTokens.type_semibold,
+    fontTextTransform: "none",
+    selectedBackgroundColor: globalTokens.hal_white,
+    selectedFontColor: globalTokens.hal_purple_s_38,
+    selectedIconColor: globalTokens.hal_purple_s_38,
+    selectedUnderlineColor: globalTokens.hal_purple_s_38,
+    selectedUnderlineThickness: "2px",
+    unselectedBackgroundColor: globalTokens.hal_white,
+    unselectedFontColor: globalTokens.hal_grey_s_40,
+    unselectedIconColor: globalTokens.hal_grey_s_40,
+    disabledFontColor: globalTokens.hal_grey_l_60,
+    disabledIconColor: globalTokens.hal_grey_l_60,
+    disabledFontStyle: globalTokens.type_normal,
+    disabledBadgeBackgroundColor: "#0000004d",
+    hoverBackgroundColor: globalTokens.hal_purple_l_95,
+    pressedBackgroundColor: globalTokens.hal_purple_l_90,
+    pressedFontWeight: globalTokens.type_semibold,
+    dividerColor: globalTokens.hal_grey_l_75,
+    dividerThickness: "1px",
+    focusOutline: globalTokens.hal_purple_s_38,
+    scrollButtonsWidth: "48px",
+    badgeBackgroundColor: globalTokens.hal_red_s_41,
+    badgeFontFamily: globalTokens.type_sans,
+    badgeFontSize: "10px",
+    badgeFontStyle: globalTokens.type_normal,
+    badgeFontWeight: "500",
+    badgeFontColor: globalTokens.hal_white,
+    badgeLetterSpacing: globalTokens.type_spacing_wide_02,
+    badgeWidth: "16px",
+    badgeHeight: "16px",
+    badgeRadius: "10px",
+    badgeWidthWithNotificationNumber: "23px",
+    badgeHeightWithNotificationNumber: "17px",
+    badgeRadiusWithNotificationNumber: "10px"
+  },
+  tag: {
+    fontFamily: globalTokens.type_sans,
+    fontColor: globalTokens.hal_black,
+    fontSize: globalTokens.type_scale_02,
+    fontStyle: globalTokens.type_normal,
+    fontWeight: globalTokens.type_regular,
+    labelPaddingTop: "0px",
+    labelPaddingBottom: "0px",
+    labelPaddingLeft: "16px",
+    labelPaddingRight: "16px",
+    height: "40px",
+    iconColor: globalTokens.hal_white,
+    iconSectionWidth: "40px",
+    iconHeight: "24px",
+    iconWidth: "auto",
+    focusColor: globalTokens.hal_blue_l_50
+  },
+  textarea: {
+    fontFamily: globalTokens.type_sans,
+    enabledBorderColor: globalTokens.hal_black,
+    enabledBorderColorOnDark: globalTokens.hal_white,
+    hoverBorderColor: globalTokens.hal_purple_l_65,
+    hoverBorderColorOnDark: globalTokens.hal_purple_l_65,
+    focusBorderColor: globalTokens.hal_blue_l_50,
+    focusBorderColorOnDark: globalTokens.hal_blue_l_50,
+    disabledBorderColor: globalTokens.hal_grey_l_60,
+    disabledBorderColorOnDark: globalTokens.hal_grey_l_60,
+    disabledContainerFillColor: globalTokens.hal_grey_l_95,
+    disabledContainerFillColorOnDark: globalTokens.hal_grey_s_40,
+    errorBorderColor: globalTokens.hal_red_s_41,
+    errorBorderColorOnDark: globalTokens.hal_red_l_60,
+    hoverErrorBorderColor: globalTokens.color_red_600,
+    hoverErrorBorderColorOnDark: "#fe677b",
+    inputMarginTop: globalTokens.spacing_02,
+    inputMarginBottom: globalTokens.spacing_02,
+    errorMessageColor: globalTokens.hal_red_s_41,
+    errorMessageColorOnDark: globalTokens.hal_red_l_60,
+    labelFontColor: globalTokens.hal_black,
+    labelFontColorOnDark: globalTokens.hal_white,
+    labelFontSize: globalTokens.type_scale_02,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_semibold,
+    labelLineHeight: globalTokens.type_leading_loose_01,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
+    optionalLabelFontWeight: globalTokens.type_regular,
+    helperTextFontColor: globalTokens.hal_black,
+    helperTextFontColorOnDark: globalTokens.hal_white,
+    helperTextFontSize: globalTokens.type_scale_01,
+    helperTextFontStyle: globalTokens.type_normal,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextLineHeight: globalTokens.type_leading_normal,
+    disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
+    placeholderFontColor: globalTokens.color_grey_a_800,
+    placeholderFontColorOnDark: globalTokens.hal_grey_l_95,
+    disabledPlaceholderFontColor: globalTokens.hal_grey_l_60,
+    disabledPlaceholderFontColorOnDark: globalTokens.hal_grey_l_60,
+    valueFontColor: globalTokens.hal_black,
+    valueFontColorOnDark: globalTokens.hal_white,
+    valueFontSize: globalTokens.type_scale_03,
+    valueFontStyle: globalTokens.type_normal,
+    valueFontWeight: globalTokens.type_regular,
+    disabledValueFontColor: globalTokens.hal_grey_l_60,
+    disabledValueFontColorOnDark: globalTokens.hal_grey_l_60
+  },
+  textInput: {
+    fontFamily: globalTokens.type_sans,
+    enabledBorderColor: globalTokens.hal_black,
+    enabledBorderColorOnDark: globalTokens.hal_white,
+    hoverBorderColor: globalTokens.hal_purple_l_65,
+    hoverBorderColorOnDark: globalTokens.hal_purple_l_65,
+    focusBorderColor: globalTokens.hal_blue_l_50,
+    focusBorderColorOnDark: globalTokens.hal_blue_l_50,
+    disabledBorderColor: globalTokens.hal_grey_l_60,
+    disabledBorderColorOnDark: globalTokens.hal_grey_l_60,
+    disabledContainerFillColor: globalTokens.hal_grey_l_95,
+    disabledContainerFillColorOnDark: globalTokens.hal_grey_s_40,
+    errorBorderColor: globalTokens.hal_red_s_41,
+    errorBorderColorOnDark: globalTokens.hal_red_l_60,
+    hoverErrorBorderColor: globalTokens.color_red_600,
+    hoverErrorBorderColorOnDark: "#fe677b",
+    inputMarginTop: globalTokens.spacing_02,
+    inputMarginBottom: globalTokens.spacing_02,
+    errorMessageColor: globalTokens.hal_red_s_41,
+    errorMessageColorOnDark: globalTokens.hal_red_l_60,
+    errorIconColor: globalTokens.hal_red_s_41,
+    errorIconColorOnDark: globalTokens.hal_red_l_60,
+    labelFontColor: globalTokens.hal_black,
+    labelFontColorOnDark: globalTokens.hal_white,
+    labelFontSize: globalTokens.type_scale_02,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_semibold,
+    labelLineHeight: globalTokens.type_leading_loose_01,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
+    optionalLabelFontWeight: globalTokens.type_regular,
+    helperTextFontColor: globalTokens.hal_black,
+    helperTextFontColorOnDark: globalTokens.hal_white,
+    helperTextFontSize: globalTokens.type_scale_01,
+    helperTextFontStyle: globalTokens.type_normal,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextLineHeight: globalTokens.type_leading_normal,
+    disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
+    prefixColor: globalTokens.hal_grey_s_40,
+    prefixColorOnDark: globalTokens.hal_white,
+    suffixColor: globalTokens.hal_grey_s_40,
+    suffixColorOnDark: globalTokens.hal_white,
+    disabledPrefixColor: globalTokens.hal_grey_l_75,
+    disabledSuffixColor: globalTokens.hal_grey_l_75,
+    disabledPrefixColorOnDark: globalTokens.hal_grey_l_60,
+    disabledSuffixColorOnDark: globalTokens.hal_grey_l_60,
+    placeholderFontColor: globalTokens.color_grey_a_800,
+    placeholderFontColorOnDark: globalTokens.hal_grey_l_95,
+    disabledPlaceholderFontColor: globalTokens.hal_grey_l_60,
+    disabledPlaceholderFontColorOnDark: globalTokens.hal_grey_l_60,
+    valueFontColor: globalTokens.hal_black,
+    valueFontColorOnDark: globalTokens.hal_white,
+    valueFontSize: globalTokens.type_scale_03,
+    valueFontStyle: globalTokens.type_normal,
+    valueFontWeight: globalTokens.type_regular,
+    disabledValueFontColor: globalTokens.hal_grey_l_60,
+    disabledValueFontColorOnDark: globalTokens.hal_grey_l_60,
+    actionIconColor: globalTokens.hal_black,
+    actionIconColorOnDark: globalTokens.hal_white,
+    disabledActionIconColor: globalTokens.hal_grey_l_60,
+    disabledActionIconColorOnDark: globalTokens.hal_grey_l_60,
+    hoverActionIconColor: globalTokens.hal_black,
+    hoverActionIconColorOnDark: globalTokens.hal_white,
+    focusActionIconColor: globalTokens.hal_black,
+    focusActionIconColorOnDark: globalTokens.hal_white,
+    activeActionIconColor: globalTokens.hal_black,
+    activeActionIconColorOnDark: globalTokens.hal_black,
+    actionBackgroundColor: globalTokens.transparent,
+    actionBackgroundColorOnDark: globalTokens.transparent,
+    disabledActionBackgroundColor: globalTokens.transparent,
+    disabledActionBackgroundColorOnDark: globalTokens.transparent,
+    hoverActionBackgroundColor: globalTokens.hal_grey_l_95,
+    hoverActionBackgroundColorOnDark: globalTokens.hal_grey_s_40,
+    focusActionBorderColor: globalTokens.hal_blue_l_50,
+    focusActionBorderColorOnDark: globalTokens.hal_blue_l_50,
+    activeActionBackgroundColor: globalTokens.hal_grey_l_80,
+    activeActionBackgroundColorOnDark: globalTokens.hal_grey_l_60,
+    listDialogBackgroundColor: globalTokens.hal_white,
+    listDialogBorderColor: globalTokens.hal_grey_l_75,
+    listOptionDividerColor: globalTokens.hal_grey_l_90,
+    listOptionFontColor: globalTokens.hal_black,
+    listOptionFontSize: globalTokens.type_scale_02,
+    listOptionFontStyle: globalTokens.type_normal,
+    listOptionFontWeight: globalTokens.type_regular,
+    systemMessageFontColor: globalTokens.hal_grey_s_40,
+    errorListDialogFontColor: globalTokens.hal_black,
+    errorListDialogBackgroundColor: globalTokens.color_red_50,
+    errorListDialogBorderColor: globalTokens.hal_red_s_41,
+    hoverListOptionBackgroundColor: globalTokens.hal_grey_l_95,
+    activeListOptionBackgroundColor: globalTokens.hal_grey_l_80,
+    focusListOptionBorderColor: globalTokens.hal_blue_l_50
+  },
+  toggleGroup: {
+    containerBackgroundColor: globalTokens.color_grey_50,
+    containerBorderColor: globalTokens.hal_grey_l_60,
+    labelFontColor: globalTokens.hal_black,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    helperTextFontColor: globalTokens.hal_black,
+    disabledHelperTextFontcolor: globalTokens.hal_grey_l_60,
+    unselectedBackgroundColor: globalTokens.hal_grey_l_90,
+    unselectedHoverBackgroundColor: globalTokens.hal_grey_l_80,
+    unselectedActiveBackgroundColor: globalTokens.hal_purple_s_38,
+    unselectedDisabledBackgroundColor: globalTokens.hal_grey_l_95,
+    unselectedFontColor: globalTokens.hal_black,
+    unselectedDisabledFontColor: globalTokens.hal_grey_l_60,
+    selectedBackgroundColor: globalTokens.hal_purple_s_38,
+    selectedHoverBackgroundColor: globalTokens.hal_purple_d_30,
+    selectedActiveBackgroundColor: globalTokens.hal_purple_d_20,
+    selectedDisabledBackgroundColor: globalTokens.hal_purple_l_95,
+    selectedFontColor: globalTokens.hal_white,
+    selectedDisabledFontColor: globalTokens.color_purple_300,
+    focusColor: globalTokens.hal_blue_l_50,
+    labelFontFamily: globalTokens.type_sans,
+    labelFontSize: globalTokens.type_scale_02,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_semibold,
+    labelLineHeight: globalTokens.type_leading_loose_01,
+    helperTextFontFamily: globalTokens.type_sans,
+    helperTextFontSize: globalTokens.type_scale_01,
+    helperTextFontStyle: globalTokens.type_normal,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextLineHeight: globalTokens.type_leading_normal,
+    optionLabelFontFamily: globalTokens.type_sans,
+    optionLabelFontSize: globalTokens.type_scale_03,
+    optionLabelFontStyle: globalTokens.type_normal,
+    optionLabelFontWeight: globalTokens.type_regular,
+    iconPaddingRight: globalTokens.spacing_03,
+    iconPaddingLeft: globalTokens.spacing_03,
+    labelPaddingLeft: globalTokens.spacing_06,
+    labelPaddingRight: globalTokens.spacing_06,
+    iconMarginRight: globalTokens.spacing_03,
+    containerMarginTop: globalTokens.spacing_02,
+    optionBorderThickness: globalTokens.border_width_0,
+    optionBorderStyle: globalTokens.border_none,
+    optionBorderRadius: globalTokens.border_radius_medium,
+    containerBorderThickness: globalTokens.border_width_1,
+    containerBorderStyle: globalTokens.border_solid,
+    containerBorderRadius: globalTokens.border_radius_large,
+    optionFocusBorderThickness: globalTokens.border_width_2
+  },
+  wizard: {
+    visitedStepFontColor: globalTokens.hal_black,
+    visitedStepBackgroundColor: globalTokens.hal_white,
+    visitedStepBorderColor: globalTokens.hal_black,
+    unvisitedStepFontColor: globalTokens.hal_grey_s_40,
+    unvisitedLabelFontColor: globalTokens.hal_grey_s_40,
+    unvisitedHelperTextFontColor: globalTokens.hal_grey_s_40,
+    unvisitedStepBackgroundColor: globalTokens.transparent,
+    unvisitedStepBorderColor: globalTokens.hal_grey_s_40,
+    selectedStepFontColor: globalTokens.hal_white,
+    selectedStepBackgroundColor: globalTokens.hal_purple_s_38,
+    selectedStepBorderColor: globalTokens.hal_purple_s_38,
+    selectedLabelFontColor: globalTokens.hal_black,
+    selectedHelperTextFontColor: globalTokens.hal_black,
+    selectedStepWidth: "32px",
+    selectedStepHeight: "32px",
+    selectedStepBorderThickness: "2px",
+    selectedStepBorderStyle: globalTokens.border_solid,
+    selectedStepBorderRadius: "45px",
+    stepFontSize: globalTokens.type_scale_03,
+    stepFontFamily: globalTokens.type_sans,
+    stepFontStyle: globalTokens.type_normal,
+    stepFontWeight: globalTokens.type_regular,
+    stepFontTracking: globalTokens.type_spacing_wide_02,
+    stepIconSize: "20px",
+    stepWidth: "32px",
+    stepHeight: "32px",
+    stepBorderThickness: "2px",
+    stepBorderStyle: globalTokens.border_solid,
+    stepBorderRadius: "45px",
+    visitedLabelFontColor: globalTokens.hal_black,
+    labelFontSize: globalTokens.type_scale_03,
+    labelFontFamily: globalTokens.type_sans,
+    labelFontStyle: globalTokens.type_normal,
+    labelFontWeight: globalTokens.type_regular,
+    labelFontTracking: globalTokens.type_spacing_normal,
+    labelFontTextTransform: "none",
+    labelTextAlign: "left",
+    helperTextFontSize: globalTokens.type_scale_02,
+    helperTextFontFamily: globalTokens.type_sans,
+    helperTextFontStyle: globalTokens.type_normal,
+    helperTextFontWeight: globalTokens.type_regular,
+    helperTextFontTracking: globalTokens.type_spacing_normal,
+    helperTextFontTextTransform: "none",
+    visitedHelperTextFontColor: globalTokens.hal_black,
+    helperTextTextAlign: "left",
+    disabledStepBackgroundColor: globalTokens.hal_grey_l_95,
+    disabledStepFontColor: globalTokens.hal_grey_l_60,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
+    disabledStepBorderColor: globalTokens.hal_grey_l_95,
+    disabledStepWidth: "32px",
+    disabledStepHeight: "32px",
+    disabledStepBorderThickness: "2px",
+    disabledStepBorderStyle: globalTokens.border_solid,
+    disabledStepBorderRadius: "45px",
+    separatorBorderThickness: "1px",
+    separatorBorderStyle: globalTokens.border_solid,
+    separatorColor: globalTokens.hal_grey_s_40,
+    focusColor: globalTokens.hal_blue_l_50
+  }
+};
+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 typeface = {
+  body: {
+    fontSize: "16px",
+    letterSpacing: "0.5",
+    textTransform: "initial"
+  },
+  altBody: {
+    fontSize: "14px",
+    letterSpacing: "0.25",
+    textTransform: "initial"
+  },
+  subtitle: {
+    fontSize: "16px",
+    letterSpacing: "0.15",
+    textTransform: "initial"
+  },
+  altSubtitle: {
+    fontSize: "14px",
+    letterSpacing: "0.1",
+    textTransform: "initial"
+  },
+  caption: {
+    fontSize: "12px",
+    letterSpacing: "0.4",
+    textTransform: "initial"
+  },
+  overline: {
+    fontSize: "12px",
+    letterSpacing: "2",
+    textTransform: "uppercase"
+  }
+};
+exports.typeface = typeface;
+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;