@dxc-technology/halstack-react 0.0.0-dfcca07 → 0.0.0-e01c6f9

package/common/variables.js

@@ -1,225 +1,69 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.typeface = exports.spaces = exports.responsiveSizes = exports.globalTokens = exports.componentTokens = void 0;
-
-var _Icons = require("../header/Icons");
-
-var _Icons2 = _interopRequireDefault(require("../footer/Icons"));
-
-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",
-  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",
-  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",
-  black: "#000000",
-  lightBlack: "#212121",
-  yellow: "#FFED00",
-  lightGrey: "#D9D9D9",
-  darkRed: "#D0011B",
-  lightRed: "#FF6161",
-  lightBlue: "#CEE0F5",
-  lightYellow: "#FCF2BD",
-  lightPink: "#F9CFCF",
-  lightGreen: "#DBF1C4",
-  blue: "#005FCC",
-  lighterGrey: "#F8F8F8",
-  red: "#D0011B",
-  violet: "#8800F6",
-  darkBlue: "#006BF6",
-  purple: "#6f2c91",
-  mediumPurple: "#ead8f3",
-  lightPurple: "#f5ebf9",
-  lighterPurple: "#d0bddb",
-  white: "#ffffff",
-  darkGrey: "#666666",
-  mediumGrey: "#bfbfbf",
-  mediumWhite: "#f9f9f9",
-  mediumBlue: "#0067b3",
-  softBlue: "#b1cee6",
-  darkWhite: "#eeeeee",
-  lighterBlack: "#b1b1b1",
-  mediumBlack: "#676767",
-  mediumGreyBlack: "#dbdbdb",
-  lightWhite: "#f2f2f2",
-  softGrey: "#cecece",
-  softBlack: "#565656",
-  // Typography
-  type_sans: "Open Sans, sans-serif",
-  type_scale_root: "16px",
-  type_scale_08: "3.75rem",
-  type_scale_07: "3rem",
-  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: "0",
-  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 = {
+exports.spaces = exports.responsiveSizes = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
+var _coreTokens = _interopRequireDefault(require("./coreTokens"));
+var componentTokens = exports.componentTokens = {
   accordion: {
-    backgroundColor: globalTokens.hal_white,
-    disabledBackgroundColor: globalTokens.transparent,
-    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,
+    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: 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,
-    titleLabelPaddingLeft: "0px",
-    titleLabelPaddingRight: "16px",
+    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",
-    focusBorderStyle: "solid",
+    titleLabelPaddingLeft: "0px",
+    titleLabelPaddingRight: "16px",
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderStyle: _coreTokens["default"].border_solid,
     focusBorderThickness: "2px",
-    focusBorderColor: globalTokens.hal_blue_l_50,
     borderRadius: "4px",
     boxShadowOffsetX: "0px",
     boxShadowOffsetY: "6px",
     boxShadowBlur: "10px",
-    boxShadowColor: "#0000001a",
-    iconColor: globalTokens.hal_purple_s_38,
-    disabledIconColor: globalTokens.hal_grey_l_60,
+    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: "#0000001a",
+    accordionGroupSeparatorBorderColor: _coreTokens["default"].color_grey_200_a,
     accordionGroupSeparatorBorderThickness: "1px",
     accordionGroupSeparatorBorderRadius: "0px",
-    accordionGroupSeparatorBorderStyle: "solid"
+    accordionGroupSeparatorBorderStyle: _coreTokens["default"].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,
+    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: globalTokens.type_sans,
-    inlineTextFontColor: globalTokens.hal_black,
-    inlineTextFontSize: globalTokens.type_scale_01,
-    inlineTextFontStyle: globalTokens.type_normal,
-    inlineTextFontWeight: globalTokens.type_regular,
+    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",
@@ -227,989 +71,784 @@ var componentTokens = {
     contentPaddingTop: "20px",
     contentPaddingBottom: "30px",
     borderRadius: "4px",
-    borderStyle: "solid",
+    borderStyle: _coreTokens["default"].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,
+    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: 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: "#0000000D",
-    activeActionBackgroundColor: "#0000001A",
-    focusActionBorderColor: globalTokens.hal_blue_l_50,
-    overlayColor: "#000000B3"
+    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: globalTokens.white,
-    letterSpacing: globalTokens.type_spacing_wide_01,
-    borderRadius: "4px",
-    borderThickness: "0px",
-    borderStyle: "none",
-    borderColor: globalTokens.transparent,
+    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: globalTokens.transparent,
+    noneShadowDepthShadowColor: _coreTokens["default"].color_transparent,
     oneShadowDepthShadowOffsetX: "0px",
     oneShadowDepthShadowOffsetY: "3px",
     oneShadowDepthShadowBlur: "6px",
     oneShadowDepthShadowSpread: "0px",
-    oneShadowDepthShadowColor: "#00000033",
+    oneShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a,
     twoShadowDepthShadowOffsetX: "0px",
     twoShadowDepthShadowOffsetY: "3px",
     twoShadowDepthShadowBlur: "10px",
     twoShadowDepthShadowSpread: "0px",
-    twoShadowDepthShadowColor: "#00000033"
+    twoShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a
+  },
+  bulletedList: {
+    fontColor: _coreTokens["default"].color_black,
+    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
+    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,
+    primaryBackgroundColor: _coreTokens["default"].color_purple_700,
+    primaryFontColor: _coreTokens["default"].color_white,
+    primaryHoverBackgroundColor: _coreTokens["default"].color_purple_800,
+    primaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
+    primaryDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
+    primaryDisabledFontColor: _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,
+    secondaryFontColor: _coreTokens["default"].color_purple_700,
+    secondaryHoverFontColor: _coreTokens["default"].color_white,
+    secondaryBorderColor: _coreTokens["default"].color_purple_700,
+    secondaryHoverBackgroundColor: _coreTokens["default"].color_purple_700,
+    secondaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
+    secondaryDisabledBackgroundColor: _coreTokens["default"].color_transparent,
+    secondaryDisabledFontColor: _coreTokens["default"].color_grey_500,
+    secondaryDisabledBorderColor: _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,
+    textFontColor: _coreTokens["default"].color_purple_700,
+    textHoverBackgroundColor: _coreTokens["default"].color_purple_100,
+    textActiveBackgroundColor: _coreTokens["default"].color_purple_200,
+    textDisabledBackgroundColor: _coreTokens["default"].color_transparent,
+    textDisabledFontColor: _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: globalTokens.hal_blue_s_35,
-    backgroundColorCheckedOnDark: globalTokens.hal_grey_l_90,
-    hoverBackgroundColorChecked: globalTokens.hal_blue_d_20,
-    hoverBackgroundColorCheckedOnDark: global.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,
+    backgroundColorChecked: _coreTokens["default"].color_blue_800,
+    hoverBackgroundColorChecked: _coreTokens["default"].color_blue_900,
+    disabledBackgroundColorChecked: _coreTokens["default"].color_grey_500,
+    readOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_600,
+    borderColor: _coreTokens["default"].color_blue_800,
+    hoverBorderColor: _coreTokens["default"].color_blue_900,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    checkColor: _coreTokens["default"].color_white,
+    disabledCheckColor: _coreTokens["default"].color_white,
+    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,
+    disabledFontColor: _coreTokens["default"].color_grey_500,
+    focusColor: _coreTokens["default"].color_blue_600,
     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,
+    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: "0px",
-    borderStyle: "solid",
+    borderThickness: _coreTokens["default"].border_width_0,
+    borderStyle: _coreTokens["default"].border_solid,
     contentPaddingLeft: "16px",
     contentPaddingRight: "16px",
     contentPaddingTop: "0px",
     contentPaddingBottom: "0px",
     iconSize: "24px",
     iconSpacing: "8px",
-    iconColor: globalTokens.hal_black,
-    disabledIconColor: globalTokens.hal_grey_l_60,
-    focusColor: globalTokens.hal_blue_l_50
-  },
-  date: {
-    pickerSelectedDateBackgroundColor: globalTokens.purple,
-    pickerSelectedDateColor: globalTokens.hal_white,
-    pickerBackgroundColor: globalTokens.hal_white,
-    pickerFontColor: globalTokens.hal_black,
-    pickerHoverDateBackgroundColor: globalTokens.lighterPurple,
-    pickerHoverDateFontColor: globalTokens.hal_black,
-    pickerActualDateColor: globalTokens.lightGrey,
-    pickerYearColor: globalTokens.hal_black,
-    pickerMonthColor: globalTokens.hal_black,
-    pickerWeekLabelColor: globalTokens.hal_black,
-    pickerBackgroundColorMonthArrows: globalTokens.transparent,
-    focusColor: globalTokens.hal_blue_l_50,
-    fontFamily: globalTokens.type_sans,
-    pickerHeight: "316px",
-    pickerWidth: "290px"
+    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: {
-    pickerFontFamily: globalTokens.type_sans,
-    pickerBackgroundColor: globalTokens.hal_white,
-    pickerHoverDateFontColor: globalTokens.hal_black,
-    pickerHoverDateBackgroundColor: globalTokens.hal_purple_l_90,
-    pickerSelectedDateColor: globalTokens.hal_white,
-    pickerSelectedDateBackgroundColor: globalTokens.hal_purple_s_38,
-    pickerActualDateFontColor: globalTokens.hal_grey_l_60,
-    pickerYearFontColor: globalTokens.hal_black,
-    pickerMonthFontColor: globalTokens.hal_black,
-    pickerWeekFontColor: globalTokens.hal_black,
-    pickerDayFontColor: globalTokens.hal_black,
-    pickerMonthArrowsBackgroundColor: globalTokens.transparent,
-    pickerFocusColor: globalTokens.hal_blue_l_50,
-    pickerHeight: "316px",
-    pickerWidth: "290px"
+    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: globalTokens.hal_black,
-    backgroundColor: globalTokens.hal_white,
+    overlayColor: _coreTokens["default"].color_grey_800_a,
+    backgroundColor: _coreTokens["default"].color_white,
     closeIconWidth: "24px",
     closeIconHeight: "24px",
     closeIconTopPosition: "20px",
     closeIconRightPosition: "20px",
-    closeIconBackgroundColor: "none",
-    closeIconBorderColor: "none",
-    closeIconColor: globalTokens.hal_black,
-    closeIconBorderThickness: "0px",
-    closeIconBorderStyle: "solid",
-    closeIconBorderRadius: "0px",
+    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: "rgba(0, 0, 0, 0.2)",
-    overlayOpacity: "0.7"
+    boxShadowColor: _coreTokens["default"].color_grey_300_a
   },
   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,
+    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: globalTokens.hal_black,
+    buttonIconColor: _coreTokens["default"].color_black,
     buttonPaddingTop: "0px",
     buttonPaddingBottom: "0px",
     buttonPaddingLeft: "16px",
     buttonPaddingRight: "16px",
-    disabledColor: globalTokens.lighterBlack,
-    disabledButtonBackgroundColor: globalTokens.transparent,
-    disabledBorderColor: globalTokens.lighterBlack,
-    optionBackgroundColor: globalTokens.hal_white,
-    hoverOptionBackgroundColor: globalTokens.hal_grey_l_95,
-    activeOptionBackgroundColor: globalTokens.lightGrey,
-    optionFontFamily: globalTokens.type_sans,
-    optionFontSize: globalTokens.type_scale_root,
-    optionFontStyle: globalTokens.type_normal,
-    optionFontWeight: globalTokens.type_regular,
-    optionFontColor: globalTokens.hal_black,
+    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: globalTokens.hal_black,
+    optionIconColor: _coreTokens["default"].color_black,
     optionPaddingTop: "6px",
     optionPaddingBottom: "6px",
     optionPaddingLeft: "16px",
     optionPaddingRight: "16px",
     caretIconSize: "24px",
-    caretIconColor: globalTokens.hal_black,
+    caretIconColor: _coreTokens["default"].color_black,
     caretIconSpacing: "12px",
     borderRadius: "4px",
-    borderStyle: "none",
-    borderThickness: "0px",
-    borderColor: globalTokens.transparent,
-    scrollBarThumbColor: globalTokens.hal_grey_s_40,
-    scrollBarTrackColor: globalTokens.lightGrey,
-    focusColor: globalTokens.hal_blue_l_50
+    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: 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,
-    hoverFileItemIconBackgroundColor: globalTokens.hal_grey_l_95,
-    activeFileItemIconBackgrounColor: globalTokens.hal_grey_l_80,
-    errorFileItemBorderColor: globalTokens.hal_red_s_41,
-    errorFileItemBackgroundColor: globalTokens.color_red_50,
-    errorFileItemIconBackgroundColor: globalTokens.color_red_700,
-    errorFileItemIconColor: globalTokens.hal_red_s_41,
-    fileItemIconBackgroundColor: globalTokens.hal_grey_l_95,
-    fileItemIconColor: globalTokens.color_grey_600,
-    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.hal_grey_l_95,
-    activeDeleteFileItemBackgroundColor: globalTokens.hal_grey_l_80,
-    errorHoverDeleteFileItemBackgroundColor: globalTokens.hal_red_l_95,
-    errorActiveDeleteFileItemBackgroundColor: globalTokens.hal_red_s_41,
-    focusActionBorderColor: globalTokens.hal_blue_l_50
+    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: globalTokens.hal_black,
-    bottomLinksDividerColor: globalTokens.hal_blue_l_50,
+    backgroundColor: _coreTokens["default"].color_black,
+    bottomLinksDividerColor: _coreTokens["default"].color_blue_600,
     bottomLinksDividerThickness: "1px",
-    bottomLinksDividerStyle: "solid",
+    bottomLinksDividerStyle: _coreTokens["default"].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: _Icons2["default"],
+    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: globalTokens.hal_white
+    socialLinksColor: _coreTokens["default"].color_white
   },
   header: {
-    backgroundColor: globalTokens.hal_white,
-    hamburguerFocusColor: globalTokens.hal_blue_l_50,
-    hamburguerFontFamily: globalTokens.type_sans,
-    hamburguerFontStyle: globalTokens.type_normal,
-    hamburguerFontColor: globalTokens.hal_black,
+    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: globalTokens.type_semibold,
-    hamburguerTextTransform: globalTokens.type_uppercase,
-    hamburguerIconColor: globalTokens.hal_black,
-    hamburguerHoverColor: globalTokens.mediumGreyBlack,
-    logo: _Icons.dxcLogo,
-    logoResponsive: _Icons.dxcLogo,
+    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: globalTokens.hal_white,
+    menuBackgroundColor: _coreTokens["default"].color_white,
     menuZindex: "2000",
     menuTabletWidth: "60vw",
     menuMobileWidth: "100vw",
     minHeight: "64px",
-    overlayColor: globalTokens.softBlack,
+    overlayColor: _coreTokens["default"].color_grey_800_a,
     overlayOpacity: "0.7",
     overlayZindex: "1600",
     paddingTop: "0px",
     paddingBottom: "0px",
     paddingRight: "24px",
     paddingLeft: "24px",
-    underlinedColor: globalTokens.hal_black,
+    underlinedColor: _coreTokens["default"].color_black,
     underlinedThickness: "2px",
-    underlinedStyle: "solid",
-    contentColor: globalTokens.hal_black,
-    contentColorOnDark: globalTokens.hal_white
+    underlinedStyle: _coreTokens["default"].border_solid,
+    contentColor: _coreTokens["default"].color_black
   },
   heading: {
-    level1FontColor: globalTokens.inherit,
-    level1FontFamily: globalTokens.type_sans,
-    level1FontSize: globalTokens.type_scale_08,
-    level1FontStyle: globalTokens.type_normal,
-    level1FontWeight: globalTokens.type_regular,
-    level1LineHeight: globalTokens.type_leading_compact_01,
-    level1LetterSpacing: globalTokens.type_spacing_tight_01,
-    level2FontColor: globalTokens.inherit,
-    level2FontFamily: globalTokens.type_sans,
-    level2FontSize: globalTokens.type_scale_07,
-    level2FontStyle: globalTokens.type_normal,
-    level2FontWeight: globalTokens.type_regular,
-    level2LineHeight: globalTokens.type_leading_normal,
-    level2LetterSpacing: globalTokens.type_spacing_normal,
-    level3FontColor: globalTokens.inherit,
-    level3FontFamily: globalTokens.type_sans,
-    level3FontSize: globalTokens.type_scale_06,
-    level3FontStyle: globalTokens.type_normal,
-    level3FontWeight: globalTokens.type_regular,
-    level3LineHeight: globalTokens.type_leading_compact_01,
-    level3LetterSpacing: globalTokens.type_spacing_wide_01,
-    level4FontColor: globalTokens.inherit,
-    level4FontFamily: globalTokens.type_sans,
-    level4FontSize: globalTokens.type_scale_05,
-    level4FontStyle: globalTokens.type_normal,
-    level4FontWeight: globalTokens.type_regular,
-    level4LineHeight: globalTokens.type_leading_normal,
-    level4LetterSpacing: globalTokens.type_spacing_normal,
-    level5FontColor: globalTokens.inherit,
-    level5FontFamily: globalTokens.type_sans,
-    level5FontSize: globalTokens.type_scale_04,
-    level5FontStyle: globalTokens.type_normal,
-    level5FontWeight: globalTokens.type_regular,
-    level5LineHeight: globalTokens.type_leading_normal,
-    level5LetterSpacing: globalTokens.type_spacing_wide_01
-  },
-  inputText: {
-    fontFamily: globalTokens.type_sans,
-    assistiveTextFontColor: globalTokens.black,
-    assistiveTextFontColorOnDark: globalTokens.white,
-    assistiveTextFontSize: globalTokens.type_scale_01,
-    assistiveTextFontStyle: globalTokens.type_normal,
-    assistiveTextFontWeight: globalTokens.type_regular,
-    disabledColor: globalTokens.lighterBlack,
-    disabledColorOnDark: "#575757",
-    errorColor: globalTokens.red,
-    errorColorOnDark: globalTokens.hal_red_l_60,
-    optionBackgroundColor: globalTokens.white,
-    optionBorderColor: globalTokens.black,
-    optionBorderThickness: "0px",
-    optionBorderStyle: "solid",
-    optionFontColor: globalTokens.black,
-    optionFontColorOnDark: globalTokens.white,
-    optionFontSize: globalTokens.type_scale_03,
-    optionFontStyle: globalTokens.type_normal,
-    optionFontWeight: globalTokens.type_regular,
-    optionPaddingBottom: "6px",
-    optionPaddingTop: "6px",
-    scrollBarThumbColor: globalTokens.darkGrey,
-    scrollBarTrackColor: globalTokens.lightGrey,
-    hoverOptionColor: globalTokens.black,
-    hoverOptionBackgroundColor: globalTokens.lightWhite,
-    hoverOptionBackgroundColorOnDark: globalTokens.mediumGrey,
-    selectedOptionBackgroundColor: globalTokens.lightGrey,
-    selectedOptionBackgroundColorOnDark: globalTokens.lightGrey,
-    labelFontColor: globalTokens.black,
-    labelFontColorOnDark: globalTokens.white,
-    labelFontSize: globalTokens.type_scale_03,
-    labelFontStyle: globalTokens.type_normal,
-    labelFontWeight: globalTokens.type_regular,
-    valueFontColor: globalTokens.black,
-    valueFontColorOnDark: globalTokens.white,
-    valueFontSize: globalTokens.type_scale_03,
-    valueFontStyle: globalTokens.type_normal,
-    valueFontWeight: globalTokens.type_regular,
-    prefixIconColor: globalTokens.black,
-    prefixIconColorOnDark: globalTokens.white,
-    prefixLabelFontColor: globalTokens.black,
-    prefixLabelFontColorOnDark: globalTokens.white,
-    prefixLabelFontSize: globalTokens.type_scale_03,
-    prefixLabelFontStyle: globalTokens.type_normal,
-    prefixLabelFontWeight: globalTokens.type_regular,
-    suffixIconColor: globalTokens.black,
-    suffixIconColorOnDark: globalTokens.white,
-    suffixLabelFontColor: globalTokens.black,
-    suffixLabelFontColorOnDark: globalTokens.white,
-    suffixLabelFontSize: globalTokens.type_scale_03,
-    suffixLabelFontStyle: globalTokens.type_normal,
-    suffixLabelFontWeight: globalTokens.type_regular,
-    underlineColor: globalTokens.black,
-    underlineColorOnDark: globalTokens.white,
-    underlineFocusColor: globalTokens.black,
-    underlineFocusColorOnDark: globalTokens.white,
-    underlineThickness: "1px"
+    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
   },
-  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: "#000000b3",
-    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
+  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: globalTokens.hal_blue_s_35,
-    fontFamily: globalTokens.inherit,
-    fontSize: globalTokens.type_scale_root,
-    fontStyle: globalTokens.type_normal,
-    fontWeight: globalTokens.type_regular,
+    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: "solid",
+    underlineStyle: _coreTokens["default"].border_solid,
     underlineThickness: "1px",
-    disabledColor: globalTokens.lightGrey,
-    hoverFontColor: globalTokens.hal_blue_s_35,
-    hoverUnderlineColor: globalTokens.hal_blue_s_35,
-    visitedFontColor: globalTokens.purple,
-    visitedUnderlineColor: globalTokens.purple,
-    activeFontColor: globalTokens.black,
-    activeUnderlineColor: globalTokens.black,
-    focusColor: globalTokens.hal_blue_l_50
+    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: globalTokens.darkWhite,
-    fontColor: globalTokens.hal_black,
-    fontFamily: globalTokens.type_sans,
-    fontSize: globalTokens.type_scale_02,
-    fontStyle: globalTokens.type_normal,
-    fontWeight: globalTokens.type_regular,
+    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",
-    height: "64px",
-    width: "100%",
+    verticalPadding: "0.75rem",
+    horizontalPadding: "2rem",
     marginRight: "40px",
     marginLeft: "20px",
     itemsPerPageSelectorMarginLeft: "0px",
-    itemsPerPageSelectorMarginRight: "30px",
+    itemsPerPageSelectorMarginRight: "0.5rem",
     pageSelectorMarginRight: "30px",
     pageSelectorMarginLeft: "0px",
-    totalItemsContainerMarginRight: "30px",
+    totalItemsContainerMarginRight: "2.5rem",
     totalItemsContainerMarginLeft: "0px"
   },
+  paragraph: {
+    fontColor: _coreTokens["default"].color_black,
+    display: "block",
+    fontSize: _coreTokens["default"].type_scale_03,
+    fontWeight: _coreTokens["default"].type_regular
+  },
   progressBar: {
-    trackLineColor: globalTokens.hal_purple_s_38,
-    trackLineColorOnDark: globalTokens.hal_purple_l_65,
-    totalLineColor: globalTokens.softGrey,
-    labelFontFamily: globalTokens.type_sans,
-    labelFontSize: globalTokens.type_scale_01,
-    labelFontStyle: globalTokens.type_normal,
-    labelFontWeight: globalTokens.type_regular,
-    labelFontColor: globalTokens.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.black,
-    valueFontColorOnDark: globalTokens.hal_white,
-    valueFontTextTransform: globalTokens.type_uppercase,
-    helperTextFontColor: globalTokens.black,
-    helperTextFontColorOnDark: globalTokens.hal_white,
-    helperTextFontSize: globalTokens.type_scale_01,
-    helperTextFontStyle: globalTokens.type_normal,
-    helperTextFontWeight: globalTokens.type_regular,
-    helperTextFontFamily: globalTokens.type_sans,
+    trackLineColor: _coreTokens["default"].color_purple_700,
+    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,
+    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,
+    valueFontTextTransform: _coreTokens["default"].type_uppercase,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    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: globalTokens.black,
-    overlayOpacity: "0.8"
+    overlayColor: _coreTokens["default"].color_grey_800_a,
+    overlayFontColor: _coreTokens["default"].color_white
   },
-  radio: {
-    circleLabelSpacing: "10px",
-    circleSize: "24px",
-    color: globalTokens.black,
-    colorOnDark: globalTokens.white,
-    disabledColor: globalTokens.lighterBlack,
-    disabledColorOnDark: "#575757",
-    disabledFontColor: globalTokens.lighterBlack,
-    disabledFontColorOnDark: "#575757",
-    focusColor: globalTokens.hal_blue_l_50,
-    focusColorOnDark: "#1682FF",
-    fontColor: globalTokens.inherit,
-    fontColorOnDark: globalTokens.white,
-    fontFamily: globalTokens.type_sans,
-    fontSize: globalTokens.type_scale_root,
-    fontStyle: globalTokens.type_normal,
-    fontWeight: globalTokens.type_regular
+  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
   },
-  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: "#000000b3",
-    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
+  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
   },
-  V3Select: {
-    fontFamily: globalTokens.type_sans,
-    assistiveTextFontColor: globalTokens.hal_black,
-    assistiveTextFontColorOnDark: globalTokens.hal_white,
-    assistiveTextFontSize: globalTokens.type_scale_01,
-    assistiveTextFontStyle: globalTokens.type_normal,
-    assistiveTextFontWeight: globalTokens.type_regular,
-    labelFontColor: globalTokens.hal_black,
-    labelFontColorOnDark: globalTokens.hal_white,
-    labelFontSize: globalTokens.type_scale_03,
-    labelFontStyle: globalTokens.type_normal,
-    labelFontWeight: globalTokens.type_regular,
-    disabledColor: globalTokens.lighterBlack,
-    disabledColorOnDark: "#575757",
-    errorColor: globalTokens.red,
-    errorColorOnDark: globalTokens.hal_red_l_60,
-    optionBackgroundColor: globalTokens.hal_white,
-    optionBorderColor: globalTokens.hal_black,
-    optionBorderThickness: "0px",
-    optionBorderStyle: "solid",
-    optionFontColor: globalTokens.hal_black,
-    optionFontColorOnDark: globalTokens.hal_white,
-    optionFontSize: globalTokens.type_scale_root,
-    optionFontStyle: globalTokens.type_normal,
-    optionFontWeight: globalTokens.type_regular,
-    optionPaddingBottom: "6px",
-    optionPaddingTop: "6px",
-    scrollBarThumbColor: globalTokens.hal_grey_s_40,
-    scrollBarTrackColor: globalTokens.lightGrey,
-    optionIconColor: globalTokens.hal_black,
-    optionIconColorOnDark: globalTokens.hal_white,
-    optionIconSpacing: "12px",
-    optionIconSize: "20px",
-    optionCheckboxSpacing: "12px",
-    hoverOptionBackgroundColor: globalTokens.hal_grey_l_95,
-    hoverOptionBackgroundColorOnDark: globalTokens.hal_grey_l_95,
-    activeOptionBackgroundColor: globalTokens.hal_grey_l_80,
-    activeOptionBackgroundColorOnDark: globalTokens.hal_grey_l_80,
-    selectedOptionBackgroundColor: globalTokens.lightGrey,
-    selectedOptionBackgroundColorOnDark: globalTokens.lightGrey,
-    underlineColor: globalTokens.hal_black,
-    underlineColorOnDark: globalTokens.hal_white,
-    underlineFocusColor: globalTokens.hal_black,
-    underlineFocusColorOnDark: globalTokens.hal_white,
-    underlineThickness: "1px",
-    valueFontColor: globalTokens.hal_black,
-    valueFontColorOnDark: globalTokens.hal_white,
-    valueFontSize: globalTokens.type_scale_03,
-    valueFontStyle: globalTokens.type_normal,
-    valueFontWeight: globalTokens.type_regular,
-    valueIconColor: globalTokens.hal_black,
-    valueIconColorOnDark: globalTokens.hal_white,
-    valueIconSize: "20px",
-    valueIconSpacing: "12px",
-    arrowColor: globalTokens.hal_black,
-    arrowColorOnDark: globalTokens.hal_white,
-    focusColor: globalTokens.hal_blue_l_50,
-    focusColorOnDark: globalTokens.hal_blue_l_50
+  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: globalTokens.hal_grey_l_95,
-    arrowContainerColor: globalTokens.hal_grey_l_90,
-    arrowColor: globalTokens.hal_black,
-    titleFontFamily: globalTokens.type_sans,
-    titleFontSize: globalTokens.type_scale_05,
-    titleFontStyle: globalTokens.type_normal,
-    titleFontWeight: globalTokens.type_regular,
-    titleFontColor: globalTokens.hal_black,
+    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: globalTokens.type_spacing_normal,
-    subtitleFontFamily: globalTokens.type_sans,
-    subtitleFontSize: globalTokens.type_scale_03,
-    subtitleFontStyle: globalTokens.type_normal,
-    subtitleFontWeight: globalTokens.type_regular,
-    subtitleFontColor: globalTokens.color_grey_800,
-    subtitleFontTextTransform: globalTokens.type_uppercase,
-    subtitleFontLetterSpacing: 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,
+    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: globalTokens.type_spacing_wide_01,
-    linkTextDecoration: globalTokens.type_no_line,
+    linkFontLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
+    linkTextDecoration: _coreTokens["default"].type_no_line,
     linkMarginTop: "4px",
     linkMarginBottom: "4px",
     linkMarginRight: "16px",
     linkMarginLeft: "16px",
-    linkFocusColor: globalTokens.hal_blue_l_50,
-    scrollBarThumbColor: "#66666626",
-    scrollBarTrackColor: globalTokens.transparent
+    linkFocusColor: _coreTokens["default"].color_blue_600,
+    scrollBarThumbColor: _coreTokens["default"].color_grey_200_a,
+    scrollBarTrackColor: _coreTokens["default"].color_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,
+    fontFamily: _coreTokens["default"].type_sans,
+    limitValuesFontColor: _coreTokens["default"].color_black,
+    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,
+    labelFontColor: _coreTokens["default"].color_black,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
     thumbHeight: "12px",
     thumbWidth: "12px",
     hoverThumbHeight: "14px",
     hoverThumbWidth: "14px",
     thumbVerticalPosition: "12px",
     hoverThumbVerticalPosition: "11px",
-    thumbBackgroundColor: globalTokens.hal_blue_s_35,
-    thumbBackgroundColorOnDark: globalTokens.hal_blue_l_50,
+    thumbBackgroundColor: _coreTokens["default"].color_blue_800,
     hoverThumbScale: "1.166666",
-    hoverThumbBackgroundColor: globalTokens.hal_blue_d_20,
-    hoverThumbBackgroundColorOnDark: globalTokens.hal_blue_d_20,
+    hoverThumbBackgroundColor: _coreTokens["default"].color_blue_900,
     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,
+    activeThumbBackgroundColor: _coreTokens["default"].color_blue_900,
+    focusThumbBackgroundColor: _coreTokens["default"].color_blue_800,
     tickHeight: "4px",
     tickWidth: "4px",
     tickVerticalPosition: "11px",
-    tickBackgroundColor: globalTokens.hal_blue_s_35,
-    tickBackgroundColorOnDark: globalTokens.hal_blue_l_50,
+    tickBackgroundColor: _coreTokens["default"].color_blue_800,
     trackLineThickness: "2px",
     trackLineVerticalPosition: "50%",
-    trackLineColor: globalTokens.hal_blue_s_35,
-    trackLineColorOnDark: globalTokens.hal_blue_l_50,
+    trackLineColor: _coreTokens["default"].color_blue_800,
     totalLineThickness: "2px",
     totalLineVerticalPosition: "50%",
-    totalLineColor: globalTokens.hal_grey_l_90,
-    totalLineColorOnDark: globalTokens.hal_grey_l_75,
+    totalLineColor: _coreTokens["default"].color_grey_200_a,
     disabledThumbVerticalPosition: "10px",
-    disabledThumbBackgroundColor: globalTokens.hal_grey_l_60,
-    disabledThumbBackgroundColorOnDark: "#575757",
+    disabledThumbBackgroundColor: _coreTokens["default"].color_grey_500,
     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
+    disabledTickBackgroundColor: _coreTokens["default"].color_grey_500,
+    disabledTrackLineColor: _coreTokens["default"].color_grey_500,
+    disabledTotalLineColor: _coreTokens["default"].color_grey_100,
+    focusColor: _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: "#5f249f",
-    trackCircleColorOnDark: "#a46ede",
-    totalCircleColor: globalTokens.white,
-    labelFontFamily: globalTokens.type_sans,
-    labelFontSize: globalTokens.type_scale_02,
-    labelFontStyle: globalTokens.type_normal,
-    labelFontWeight: globalTokens.type_regular,
-    labelFontColor: globalTokens.black,
-    labelFontColorOnDark: globalTokens.white,
+    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,
     labelTextAlign: "center",
-    progressValueFontFamily: globalTokens.type_sans,
-    progressValueFontSize: globalTokens.type_scale_02,
-    progressValueFontStyle: globalTokens.type_normal,
-    progressValueFontWeight: globalTokens.type_bold,
-    progressValueFontColor: globalTokens.inherit,
-    progressValueFontColorOnDark: globalTokens.white,
+    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,
     progressValueTextAlign: "center",
-    overlayBackgroundColor: globalTokens.black,
+    overlayBackgroundColor: _coreTokens["default"].color_black,
     overlayOpacity: "0.8",
-    overlayLabelFontFamily: globalTokens.type_sans,
-    overlayLabelFontSize: globalTokens.type_scale_02,
-    overlayLabelFontStyle: globalTokens.type_normal,
-    overlayLabelFontWeight: globalTokens.type_regular,
-    overlayLabelFontColor: globalTokens.white,
+    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: globalTokens.type_sans,
-    overlayProgressValueFontSize: globalTokens.type_scale_02,
-    overlayProgressValueFontStyle: globalTokens.type_normal,
-    overlayProgressValueFontWeight: globalTokens.type_bold,
-    overlayProgressValueFontColor: globalTokens.white,
+    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: 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",
+    checkedTrackBackgroundColor: _coreTokens["default"].color_purple_700,
+    checkedThumbBackgroundColor: _coreTokens["default"].color_white,
+    uncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_400,
+    uncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    disabledCheckedTrackBackgroundColor: _coreTokens["default"].color_purple_100,
+    disabledCheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    disabledUncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_100,
+    disabledUncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    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,
+    thumbFocusColor: _coreTokens["default"].color_blue_600,
     thumbHeight: "24px",
     thumbWidth: "24px",
-    thumbShift: "40%",
+    thumbShift: "1.25rem",
     trackHeight: "12px",
-    trackWidth: "60px",
-    spaceBetweenLabelSwitch: "0px"
-  },
-  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
+    trackWidth: "36px",
+    spaceBetweenLabelSwitch: "8px"
   },
   table: {
     rowSeparatorThickness: "1px",
-    rowSeparatorStyle: "solid",
-    rowSeparatorColor: globalTokens.lightGrey,
-    dataBackgroundColor: globalTokens.white,
-    dataFontFamily: globalTokens.type_sans,
-    dataFontSize: globalTokens.type_scale_02,
-    dataFontStyle: globalTokens.type_normal,
-    dataFontWeight: globalTokens.type_regular,
-    dataFontColor: globalTokens.black,
+    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",
@@ -1217,13 +856,13 @@ var componentTokens = {
     dataPaddingLeft: "40px",
     dataTextAlign: "left",
     dataTextLineHeight: "normal",
-    headerBackgroundColor: globalTokens.hal_purple_s_38,
+    headerBackgroundColor: _coreTokens["default"].color_purple_700,
     headerBorderRadius: "4px",
-    headerFontFamily: globalTokens.type_sans,
-    headerFontSize: globalTokens.type_scale_02,
-    headerFontStyle: globalTokens.type_normal,
-    headerFontWeight: globalTokens.type_regular,
-    headerFontColor: globalTokens.white,
+    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",
@@ -1231,41 +870,42 @@ var componentTokens = {
     headerPaddingLeft: "40px",
     headerTextAlign: "left",
     headerTextLineHeight: "normal",
-    scrollBarThumbColor: globalTokens.darkGrey,
-    scrollBarTrackColor: globalTokens.lightGrey,
-    sortIconColor: globalTokens.white
+    scrollBarThumbColor: _coreTokens["default"].color_grey_700,
+    scrollBarTrackColor: _coreTokens["default"].color_grey_300,
+    sortIconColor: _coreTokens["default"].color_white
   },
   tabs: {
-    fontFamily: globalTokens.type_sans,
-    fontSize: globalTokens.type_scale_03,
-    fontStyle: globalTokens.type_normal,
-    fontWeight: globalTokens.type_semibold,
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_03,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_semibold,
     fontTextTransform: "none",
-    selectedBackgroundColor: globalTokens.white,
-    selectedFontColor: "#5f249f",
-    selectedIconColor: "#5f249f",
-    selectedUnderlineColor: "#5f249f",
+    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: globalTokens.white,
-    unselectedFontColor: globalTokens.darkGrey,
-    unselectedIconColor: globalTokens.darkGrey,
-    disabledFontColor: "#999999",
-    disabledIconColor: "#999999",
-    disabledFontStyle: globalTokens.type_normal,
-    hoverBackgroundColor: "#f2eafa",
-    pressedBackgroundColor: "#e5d5f6",
-    pressedFontWeight: globalTokens.type_semibold,
-    dividerColor: globalTokens.mediumGrey,
+    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: "#5f249f",
+    focusOutline: _coreTokens["default"].color_purple_700,
     scrollButtonsWidth: "48px",
-    badgeBackgroundColor: globalTokens.darkRed,
-    badgeFontFamily: globalTokens.type_sans,
+    badgeBackgroundColor: _coreTokens["default"].color_red_700,
+    badgeFontFamily: _coreTokens["default"].type_sans,
     badgeFontSize: "10px",
-    badgeFontStyle: globalTokens.type_normal,
+    badgeFontStyle: _coreTokens["default"].type_normal,
     badgeFontWeight: "500",
-    badgeFontColor: globalTokens.white,
-    badgeLetterSpacing: globalTokens.type_spacing_wide_02,
+    badgeFontColor: _coreTokens["default"].color_white,
+    badgeLetterSpacing: _coreTokens["default"].type_spacing_wide_02,
     badgeWidth: "16px",
     badgeHeight: "16px",
     badgeRadius: "10px",
@@ -1273,258 +913,233 @@ var componentTokens = {
     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: 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: "#000000b3",
-    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
+    fontFamily: _coreTokens["default"].type_sans,
+    enabledBorderColor: _coreTokens["default"].color_black,
+    hoverBorderColor: _coreTokens["default"].color_purple_500,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    disabledContainerFillColor: _coreTokens["default"].color_grey_100,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    errorBorderColor: _coreTokens["default"].color_red_700,
+    hoverErrorBorderColor: _coreTokens["default"].color_red_600,
+    inputMarginTop: _coreTokens["default"].spacing_4,
+    inputMarginBottom: _coreTokens["default"].spacing_4,
+    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,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    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,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    placeholderFontColor: _coreTokens["default"].color_grey_800_a,
+    disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontSize: _coreTokens["default"].type_scale_03,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    disabledValueFontColor: _coreTokens["default"].color_grey_500
   },
-  V3Textarea: {
-    fontFamily: globalTokens.type_sans,
-    assistiveTextFontSize: globalTokens.type_scale_01,
-    assistiveTextFontStyle: globalTokens.type_normal,
-    assistiveTextFontWeight: globalTokens.type_regular,
-    assistiveTextFontColor: globalTokens.black,
-    assistiveTextFontColorOnDark: globalTokens.white,
-    assistiveTextLetterSpacing: "0.03333em",
-    disabledColor: globalTokens.lighterBlack,
-    disabledColorOnDark: "#575757",
-    errorColor: globalTokens.red,
-    errorColorOnDark: globalTokens.hal_red_l_60,
-    scrollBarThumbColor: globalTokens.darkGrey,
-    scrollBarThumbColorOnDark: globalTokens.white,
-    scrollBarTrackColor: globalTokens.lightGrey,
-    scrollBarTrackColorOnDark: "#999999",
-    labelFontSize: globalTokens.type_scale_03,
-    labelFontStyle: globalTokens.type_normal,
-    labelFontWeight: globalTokens.type_regular,
-    labelFontColor: globalTokens.black,
-    labelFontColorOnDark: globalTokens.white,
-    labelLetterSpacing: "0.00938em",
-    valueFontSize: globalTokens.type_scale_03,
-    valueFontStyle: globalTokens.type_normal,
-    valueFontWeight: globalTokens.type_regular,
-    valueFontColor: globalTokens.black,
-    valueFontColorOnDark: globalTokens.white,
-    valueLetterSpacing: globalTokens.type_spacing_normal,
-    valueLineHeight: "1.1875em",
-    underlineColor: globalTokens.black,
-    underlineColorOnDark: globalTokens.white,
-    underlineFocusColor: globalTokens.black,
-    underlineFocusColorOnDark: globalTokens.white,
-    underlineThickness: "1px"
+  textInput: {
+    fontFamily: _coreTokens["default"].type_sans,
+    enabledBorderColor: _coreTokens["default"].color_black,
+    hoverBorderColor: _coreTokens["default"].color_purple_500,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    disabledContainerFillColor: _coreTokens["default"].color_grey_100,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    errorBorderColor: _coreTokens["default"].color_red_700,
+    hoverErrorBorderColor: _coreTokens["default"].color_red_600,
+    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,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    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,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    prefixColor: _coreTokens["default"].color_grey_700,
+    suffixColor: _coreTokens["default"].color_grey_700,
+    disabledPrefixColor: _coreTokens["default"].color_grey_400,
+    disabledSuffixColor: _coreTokens["default"].color_grey_400,
+    placeholderFontColor: _coreTokens["default"].color_grey_800_a,
+    disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontSize: _coreTokens["default"].type_scale_03,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    disabledValueFontColor: _coreTokens["default"].color_grey_500,
+    actionIconColor: _coreTokens["default"].color_black,
+    disabledActionIconColor: _coreTokens["default"].color_grey_500,
+    hoverActionIconColor: _coreTokens["default"].color_black,
+    focusActionIconColor: _coreTokens["default"].color_black,
+    activeActionIconColor: _coreTokens["default"].color_black,
+    actionBackgroundColor: _coreTokens["default"].color_transparent,
+    disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
+    hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
+    focusActionBorderColor: _coreTokens["default"].color_blue_600,
+    activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
+    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: 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
-  },
-  upload: {
-    fontFamily: globalTokens.type_sans,
-    shadowColor: globalTokens.lightWhite,
-    scrollBarThumbColor: globalTokens.darkGrey,
-    scrollBarTrackColor: globalTokens.lightGrey,
-    errorColor: globalTokens.red,
-    backgroundColor: globalTokens.white,
-    draggingStateBackgroundColor: globalTokens.lightWhite,
-    dragAndDropIconColor: globalTokens.black,
-    dragAndDropIconSize: "43.5px",
-    dragAndDropTitleFontSize: globalTokens.type_scale_04,
-    dragAndDropTitleFontStyle: globalTokens.type_normal,
-    dragAndDropTitleFontWeight: globalTokens.type_bold,
-    dragAndDropTitleFontTextTransform: "none",
-    dragAndDropTitleFontColor: globalTokens.black,
-    dragAndDropDescriptionFontSize: globalTokens.type_scale_03,
-    dragAndDropDescriptionFontStyle: globalTokens.type_italic,
-    dragAndDropDescriptionFontWeight: globalTokens.type_regular,
-    dragAndDropDescriptionFontTextTransform: "none",
-    dragAndDropDescriptionFontColor: globalTokens.darkGrey,
-    dragAndDropDraggingStateIconColor: globalTokens.darkGrey,
-    dragAndDropDraggingStateIconSize: "74.5px",
-    dragAndDropDraggingStateFontSize: globalTokens.type_scale_03,
-    dragAndDropDraggingStateFontStyle: globalTokens.type_italic,
-    dragAndDropDraggingStateFontWeight: globalTokens.type_regular,
-    dragAndDropDraggingStateFontTextTransform: "none",
-    dragAndDropDraggingStateFontColor: globalTokens.darkGrey,
-    dragAndDropAreaIconColor: globalTokens.darkGrey,
-    dragAndDropAreaIconSize: "24px",
-    dragAndDropAreaTextFontSize: globalTokens.type_scale_01,
-    dragAndDropAreaTextFontStyle: globalTokens.type_italic,
-    dragAndDropAreaTextFontWeight: globalTokens.type_regular,
-    dragAndDropAreaTextFontTextTransform: "none",
-    dragAndDropAreaTextFontColor: globalTokens.darkGrey,
-    fileDeleteIconColor: globalTokens.black,
-    fileDeleteIconSize: "30px",
-    fileUnderlineColor: globalTokens.lightGrey,
-    fileUnderlineThickness: "1px",
-    fileNameFontSize: globalTokens.type_scale_03,
-    fileNameFontStyle: globalTokens.type_normal,
-    fileNameFontWeight: globalTokens.type_regular,
-    fileNameFontTextTransform: "none",
-    fileNameFontColor: globalTokens.black,
-    fileTypeFontSize: globalTokens.type_scale_01,
-    fileTypeFontStyle: globalTokens.type_normal,
-    fileTypeFontWeight: globalTokens.type_regular,
-    fileTypeFontTextTransform: globalTokens.type_uppercase,
-    fileTypeFontColor: globalTokens.darkGrey,
-    hoverFileColor: globalTokens.darkWhite,
-    uploadedFileIconColor: globalTokens.lightGrey,
-    uploadedFileIconSize: "24px",
-    uploadedFilesTitleFontSize: globalTokens.type_scale_04,
-    uploadedFilesTitleFontStyle: globalTokens.type_normal,
-    uploadedFilesTitleFontWeight: globalTokens.type_regular,
-    uploadedFilesTitleFontTextTransform: "none",
-    uploadedFilesTitleFontColor: globalTokens.black,
-    uploadedFilesSubtitleFontSize: globalTokens.type_scale_01,
-    uploadedFilesSubtitleFontStyle: globalTokens.type_normal,
-    uploadedFilesSubtitleFontWeight: globalTokens.type_regular,
-    uploadedFilesSubtitleFontTextTransform: "none",
-    uploadedFilesSubtitleFontColor: globalTokens.darkGrey,
-    uploadedFilesNumberFontWeight: globalTokens.type_bold
+    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: {
-    disabledBackgroundColor: globalTokens.lightGrey,
-    disabledFontColor: globalTokens.darkGrey,
-    stepContainerFontSize: globalTokens.type_scale_03,
-    stepContainerFontFamily: globalTokens.type_sans,
-    stepContainerFontStyle: globalTokens.type_normal,
-    stepContainerFontWeight: globalTokens.type_regular,
-    stepContainerLetterSpacing: globalTokens.type_spacing_wide_02,
-    stepContainerFontColor: globalTokens.black,
-    stepContainerSelectedFontColor: globalTokens.white,
-    stepContainerSelectedBackgroundColor: globalTokens.hal_purple_s_38,
-    stepContainerBackgroundColor: globalTokens.white,
-    stepContainerIconSize: "19px",
-    labelFontSize: globalTokens.type_scale_03,
-    labelFontFamily: globalTokens.type_sans,
-    labelFontStyle: globalTokens.type_normal,
-    labelFontWeight: globalTokens.type_regular,
-    labelLetterSpacing: globalTokens.type_spacing_normal,
+    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",
-    labelFontColor: globalTokens.darkGrey,
-    visitedLabelFontColor: globalTokens.black,
-    visitedDescriptionFontColor: globalTokens.black,
-    descriptionFontSize: globalTokens.type_scale_01,
-    descriptionFontFamily: globalTokens.type_sans,
-    descriptionFontStyle: globalTokens.type_normal,
-    descriptionFontWeight: globalTokens.type_regular,
-    descriptionLetterSpacing: globalTokens.type_spacing_wide_01,
-    descriptionFontTextTransform: "none",
-    descriptionFontColor: globalTokens.darkGrey,
-    descriptionTextAlign: "left",
-    circleWidth: "32px",
-    circleHeight: "32px",
-    circleBorderThickness: "2px",
-    circleBorderStyle: "solid",
-    circleBorderRadius: "45px",
-    circleBorderColor: globalTokens.black,
-    selectedCircleWidth: "32px",
-    selectedCircleHeight: "32px",
-    selectedCircleBorderThickness: "2px",
-    selectedCircleBorderStyle: "solid",
-    selectedCircleBorderRadius: "45px",
-    selectedCircleBorderColor: globalTokens.purple,
-    disabledCircleWidth: "32px",
-    disabledCircleHeight: "32px",
-    disabledCircleBorderThickness: "2px",
-    disabledCircleBorderStyle: "solid",
-    disabledCircleBorderRadius: "45px",
-    disabledCircleBorderColor: globalTokens.lightGrey,
+    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: "solid",
-    separatorColor: globalTokens.lightGrey,
-    focusColor: globalTokens.hal_blue_l_50
+    separatorBorderStyle: _coreTokens["default"].border_solid,
+    separatorColor: _coreTokens["default"].color_grey_700,
+    focusColor: _coreTokens["default"].color_blue_600
   }
 };
-exports.componentTokens = componentTokens;
-var spaces = {
+var spaces = exports.spaces = {
   xxsmall: "6px",
   xsmall: "16px",
   small: "24px",
@@ -1533,46 +1148,106 @@ var spaces = {
   xlarge: "64px",
   xxlarge: "100px"
 };
-exports.spaces = spaces;
-var responsiveSizes = {
-  mobileSmall: "320",
-  mobileMedium: "375",
-  mobileLarge: "425",
-  tablet: "768",
-  laptop: "1024",
-  desktop: "1440"
+var responsiveSizes = exports.responsiveSizes = {
+  xsmall: "20",
+  small: "30",
+  medium: "45",
+  large: "66",
+  xlarge: "90"
 };
-exports.responsiveSizes = responsiveSizes;
-var typeface = {
-  body: {
-    fontSize: "16px",
-    letterSpacing: "0.5",
-    textTransform: "initial"
+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."
   },
-  altBody: {
-    fontSize: "14px",
-    letterSpacing: "0.25",
-    textTransform: "initial"
+  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.");
+    }
   },
-  subtitle: {
-    fontSize: "16px",
-    letterSpacing: "0.15",
-    textTransform: "initial"
+  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);
+    }
   },
-  altSubtitle: {
-    fontSize: "14px",
-    letterSpacing: "0.1",
-    textTransform: "initial"
+  passwordInput: {
+    inputShowPasswordTitle: "Show password",
+    inputHidePasswordTitle: "Hide password"
   },
-  caption: {
-    fontSize: "12px",
-    letterSpacing: "0.4",
-    textTransform: "initial"
+  quickNav: {
+    contentTitle: "Contents"
   },
-  overline: {
-    fontSize: "12px",
-    letterSpacing: "2",
-    textTransform: "uppercase"
+  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.typeface = typeface;
+};