npm - @dxc-technology/halstack-react - Versions diffs - 0.0.0-c9b5c13 → 0.0.0-c9c1158 - Mend

@dxc-technology/halstack-react 0.0.0-c9b5c13 → 0.0.0-c9c1158

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (301) hide show

package/BackgroundColorContext.d.ts +3 -3
package/BackgroundColorContext.js +6 -18
package/HalstackContext.d.ts +1347 -6
package/HalstackContext.js +125 -110
package/README.md +47 -0
package/accordion/Accordion.d.ts +1 -1
package/accordion/Accordion.js +116 -157
package/accordion/Accordion.stories.tsx +102 -126
package/accordion/Accordion.test.js +25 -41
package/accordion/types.d.ts +5 -16
package/accordion-group/AccordionGroup.d.ts +4 -3
package/accordion-group/AccordionGroup.js +31 -98
package/accordion-group/AccordionGroup.stories.tsx +94 -67
package/accordion-group/AccordionGroup.test.js +52 -105
package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
package/accordion-group/AccordionGroupAccordion.js +31 -0
package/accordion-group/types.d.ts +11 -16
package/alert/Alert.js +19 -55
package/alert/Alert.stories.tsx +28 -0
package/alert/Alert.test.js +29 -46
package/alert/types.d.ts +5 -5
package/badge/Badge.js +4 -17
package/badge/types.d.ts +1 -1
package/bleed/Bleed.js +14 -55
package/bleed/Bleed.stories.tsx +95 -95
package/bleed/types.d.ts +2 -2
package/box/Box.d.ts +1 -1
package/box/Box.js +18 -56
package/box/Box.stories.tsx +38 -51
package/box/Box.test.js +2 -7
package/box/types.d.ts +3 -14
package/bulleted-list/BulletedList.d.ts +7 -0
package/bulleted-list/BulletedList.js +99 -0
package/bulleted-list/BulletedList.stories.tsx +116 -0
package/bulleted-list/types.d.ts +38 -0
package/button/Button.d.ts +1 -1
package/button/Button.js +61 -114
package/button/Button.stories.tsx +160 -90
package/button/Button.test.js +18 -17
package/button/types.d.ts +12 -8
package/card/Card.d.ts +1 -1
package/card/Card.js +48 -89
package/card/Card.stories.tsx +12 -42
package/card/Card.test.js +11 -22
package/card/types.d.ts +6 -11
package/checkbox/Checkbox.d.ts +2 -2
package/checkbox/Checkbox.js +141 -178
package/checkbox/Checkbox.stories.tsx +128 -94
package/checkbox/Checkbox.test.js +160 -39
package/checkbox/types.d.ts +11 -3
package/chip/Chip.js +39 -79
package/chip/Chip.stories.tsx +121 -26
package/chip/Chip.test.js +16 -31
package/chip/types.d.ts +4 -4
package/common/OpenSans.css +68 -80
package/common/coreTokens.d.ts +237 -0
package/common/coreTokens.js +184 -0
package/common/utils.d.ts +1 -0
package/common/utils.js +6 -12
package/common/variables.d.ts +1499 -0
package/common/variables.js +1027 -1126
package/container/Container.d.ts +4 -0
package/container/Container.js +198 -0
package/container/Container.stories.tsx +229 -0
package/container/types.d.ts +74 -0
package/date-input/Calendar.d.ts +4 -0
package/date-input/Calendar.js +214 -0
package/date-input/DateInput.js +150 -299
package/date-input/DateInput.stories.tsx +203 -56
package/date-input/DateInput.test.js +700 -371
package/date-input/DatePicker.d.ts +4 -0
package/date-input/DatePicker.js +115 -0
package/date-input/Icons.d.ts +6 -0
package/date-input/Icons.js +58 -0
package/date-input/YearPicker.d.ts +4 -0
package/date-input/YearPicker.js +100 -0
package/date-input/types.d.ts +72 -15
package/dialog/Dialog.d.ts +1 -1
package/dialog/Dialog.js +75 -106
package/dialog/Dialog.stories.tsx +154 -171
package/dialog/Dialog.test.js +287 -20
package/dialog/types.d.ts +18 -25
package/dropdown/Dropdown.d.ts +1 -1
package/dropdown/Dropdown.js +243 -300
package/dropdown/Dropdown.stories.tsx +245 -56
package/dropdown/Dropdown.test.js +575 -165
package/dropdown/DropdownMenu.d.ts +4 -0
package/dropdown/DropdownMenu.js +63 -0
package/dropdown/DropdownMenuItem.d.ts +4 -0
package/dropdown/DropdownMenuItem.js +67 -0
package/dropdown/types.d.ts +32 -14
package/file-input/FileInput.d.ts +2 -2
package/file-input/FileInput.js +241 -355
package/file-input/FileInput.stories.tsx +123 -12
package/file-input/FileInput.test.js +369 -367
package/file-input/FileItem.d.ts +4 -14
package/file-input/FileItem.js +45 -96
package/file-input/types.d.ts +25 -8
package/flex/Flex.d.ts +4 -0
package/flex/Flex.js +57 -0
package/flex/Flex.stories.tsx +112 -0
package/flex/types.d.ts +97 -0
package/footer/Footer.d.ts +1 -1
package/footer/Footer.js +51 -101
package/footer/Footer.stories.tsx +41 -19
package/footer/Footer.test.js +33 -57
package/footer/Icons.d.ts +2 -2
package/footer/Icons.js +3 -8
package/footer/types.d.ts +21 -22
package/grid/Grid.d.ts +7 -0
package/grid/Grid.js +76 -0
package/grid/Grid.stories.tsx +219 -0
package/grid/types.d.ts +115 -0
package/header/Header.d.ts +4 -3
package/header/Header.js +90 -162
package/header/Header.stories.tsx +118 -39
package/header/Header.test.js +13 -26
package/header/Icons.d.ts +2 -2
package/header/Icons.js +4 -9
package/header/types.d.ts +5 -20
package/heading/Heading.js +10 -32
package/heading/Heading.test.js +71 -88
package/heading/types.d.ts +7 -7
package/image/Image.d.ts +4 -0
package/image/Image.js +70 -0
package/image/Image.stories.tsx +127 -0
package/image/types.d.ts +72 -0
package/inset/Inset.js +14 -55
package/inset/Inset.stories.tsx +37 -36
package/inset/types.d.ts +2 -2
package/layout/ApplicationLayout.d.ts +15 -6
package/layout/ApplicationLayout.js +51 -116
package/layout/ApplicationLayout.stories.tsx +81 -45
package/layout/Icons.d.ts +8 -5
package/layout/Icons.js +51 -59
package/layout/SidenavContext.d.ts +1 -1
package/layout/SidenavContext.js +3 -9
package/layout/types.d.ts +21 -32
package/link/Link.js +25 -46
package/link/Link.stories.tsx +73 -6
package/link/Link.test.js +24 -44
package/link/types.d.ts +14 -14
package/main.d.ts +10 -10
package/main.js +45 -95
package/{tabs-nav → nav-tabs}/NavTabs.d.ts +2 -2
package/{tabs-nav → nav-tabs}/NavTabs.js +22 -57
package/{tabs-nav → nav-tabs}/NavTabs.stories.tsx +111 -7
package/{tabs-nav → nav-tabs}/NavTabs.test.js +37 -44
package/nav-tabs/Tab.js +117 -0
package/{tabs-nav → nav-tabs}/types.d.ts +14 -15
package/number-input/NumberInput.d.ts +7 -0
package/number-input/NumberInput.js +26 -35
package/number-input/NumberInput.stories.tsx +42 -26
package/number-input/NumberInput.test.js +701 -377
package/number-input/types.d.ts +11 -5
package/package.json +43 -45
package/paginator/Icons.d.ts +5 -0
package/paginator/Icons.js +21 -47
package/paginator/Paginator.js +22 -55
package/paginator/Paginator.stories.tsx +24 -0
package/paginator/Paginator.test.js +280 -211
package/paginator/types.d.ts +3 -3
package/paragraph/Paragraph.d.ts +5 -0
package/paragraph/Paragraph.js +27 -0
package/paragraph/Paragraph.stories.tsx +27 -0
package/password-input/Icons.d.ts +6 -0
package/password-input/Icons.js +35 -0
package/password-input/PasswordInput.js +57 -126
package/password-input/PasswordInput.stories.tsx +1 -32
package/password-input/PasswordInput.test.js +160 -142
package/password-input/types.d.ts +8 -7
package/progress-bar/ProgressBar.js +67 -87
package/progress-bar/{ProgressBar.stories.jsx → ProgressBar.stories.tsx} +39 -4
package/progress-bar/ProgressBar.test.js +72 -44
package/progress-bar/types.d.ts +3 -3
package/quick-nav/QuickNav.js +29 -47
package/quick-nav/QuickNav.stories.tsx +146 -27
package/quick-nav/types.d.ts +10 -10
package/radio-group/Radio.d.ts +1 -1
package/radio-group/Radio.js +59 -76
package/radio-group/RadioGroup.js +67 -114
package/radio-group/RadioGroup.stories.tsx +132 -18
package/radio-group/RadioGroup.test.js +518 -457
package/radio-group/types.d.ts +10 -10
package/resultset-table/Icons.d.ts +7 -0
package/resultset-table/Icons.js +47 -0
package/resultset-table/ResultsetTable.js +159 -0
package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +50 -25
package/{resultsetTable → resultset-table}/ResultsetTable.test.js +117 -118
package/{resultsetTable → resultset-table}/types.d.ts +7 -7
package/resultset-table/types.js +5 -0
package/select/Icons.d.ts +7 -7
package/select/Icons.js +1 -5
package/select/Listbox.d.ts +1 -1
package/select/Listbox.js +42 -51
package/select/Option.js +20 -50
package/select/Select.js +125 -188
package/select/Select.stories.tsx +516 -139
package/select/Select.test.js +1965 -1751
package/select/types.d.ts +16 -20
package/sidenav/Icons.d.ts +7 -0
package/sidenav/Icons.js +47 -0
package/sidenav/Sidenav.d.ts +6 -5
package/sidenav/Sidenav.js +129 -77
package/sidenav/Sidenav.stories.tsx +251 -151
package/sidenav/Sidenav.test.js +26 -45
package/sidenav/types.d.ts +52 -26
package/slider/Slider.d.ts +2 -2
package/slider/Slider.js +144 -168
package/slider/Slider.test.js +185 -81
package/slider/types.d.ts +7 -3
package/spinner/Spinner.js +27 -63
package/spinner/{Spinner.stories.jsx → Spinner.stories.tsx} +53 -27
package/spinner/Spinner.test.js +26 -35
package/spinner/types.d.ts +3 -3
package/switch/Switch.d.ts +2 -2
package/switch/Switch.js +148 -124
package/switch/Switch.stories.tsx +37 -60
package/switch/Switch.test.js +138 -56
package/switch/types.d.ts +7 -3
package/table/Table.js +7 -26
package/table/{Table.stories.jsx → Table.stories.tsx} +80 -1
package/table/Table.test.js +3 -8
package/table/types.d.ts +8 -8
package/tabs/Tab.d.ts +4 -0
package/tabs/Tab.js +113 -0
package/tabs/Tabs.js +315 -141
package/tabs/Tabs.stories.tsx +119 -5
package/tabs/Tabs.test.js +223 -69
package/tabs/types.d.ts +28 -18
package/tag/Tag.js +29 -61
package/tag/Tag.stories.tsx +14 -1
package/tag/Tag.test.js +20 -31
package/tag/types.d.ts +7 -7
package/text-input/Icons.d.ts +8 -0
package/text-input/Icons.js +56 -0
package/text-input/Suggestion.js +40 -28
package/text-input/Suggestions.d.ts +4 -0
package/text-input/Suggestions.js +89 -0
package/text-input/TextInput.js +280 -458
package/text-input/TextInput.stories.tsx +266 -275
package/text-input/TextInput.test.js +1402 -1375
package/text-input/types.d.ts +43 -16
package/textarea/Textarea.js +63 -100
package/textarea/Textarea.stories.tsx +175 -0
package/textarea/Textarea.test.js +152 -183
package/textarea/types.d.ts +9 -5
package/toggle-group/ToggleGroup.d.ts +2 -2
package/toggle-group/ToggleGroup.js +95 -106
package/toggle-group/ToggleGroup.stories.tsx +49 -4
package/toggle-group/ToggleGroup.test.js +69 -88
package/toggle-group/types.d.ts +26 -17
package/typography/Typography.d.ts +4 -0
package/typography/Typography.js +23 -0
package/typography/Typography.stories.tsx +198 -0
package/typography/types.d.ts +18 -0
package/typography/types.js +5 -0
package/useTheme.d.ts +1251 -1
package/useTheme.js +2 -9
package/useTranslatedLabels.d.ts +84 -1
package/useTranslatedLabels.js +1 -7
package/utils/BaseTypography.d.ts +21 -0
package/utils/BaseTypography.js +94 -0
package/utils/FocusLock.d.ts +13 -0
package/utils/FocusLock.js +114 -0
package/wizard/Wizard.js +24 -66
package/wizard/Wizard.stories.tsx +40 -1
package/wizard/Wizard.test.js +54 -81
package/wizard/types.d.ts +7 -7
package/card/ice-cream.jpg +0 -0
package/common/RequiredComponent.js +0 -32
package/list/List.d.ts +0 -4
package/list/List.js +0 -47
package/list/List.stories.tsx +0 -95
package/list/types.d.ts +0 -7
package/number-input/NumberInputContext.d.ts +0 -4
package/number-input/NumberInputContext.js +0 -19
package/number-input/numberInputContextTypes.d.ts +0 -19
package/resultsetTable/ResultsetTable.js +0 -254
package/row/Row.d.ts +0 -3
package/row/Row.js +0 -127
package/row/Row.stories.tsx +0 -237
package/row/types.d.ts +0 -28
package/slider/Slider.stories.tsx +0 -177
package/stack/Stack.d.ts +0 -3
package/stack/Stack.js +0 -97
package/stack/Stack.stories.tsx +0 -164
package/stack/types.d.ts +0 -24
package/tabs-nav/Tab.js +0 -132
package/text/Text.d.ts +0 -7
package/text/Text.js +0 -30
package/text/Text.stories.tsx +0 -19
package/textarea/Textarea.stories.jsx +0 -157
/package/{list → bulleted-list}/types.js +0 -0
/package/{resultsetTable → container}/types.js +0 -0
/package/{row → flex}/types.js +0 -0
/package/{stack → grid}/types.js +0 -0
/package/{tabs-nav → image}/types.js +0 -0
/package/{tabs-nav → nav-tabs}/Tab.d.ts +0 -0
/package/{number-input/numberInputContextTypes.js → nav-tabs/types.js} +0 -0
/package/{resultsetTable → resultset-table}/ResultsetTable.d.ts +0 -0

package/common/variables.js CHANGED Viewed

@@ -1,220 +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.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
-var globalTokens = {
-  //  Color
-  inherit: "inherit",
-  transparent: "transparent",
-  hal_white: "#ffffff",
-  hal_grey_l_95: "#f2f2f2",
-  hal_grey_l_90: "#e6e6e6",
-  hal_grey_l_80: "#cccccc",
-  hal_grey_l_75: "#bfbfbf",
-  hal_grey_l_60: "#999999",
-  hal_grey_s_40: "#666666",
-  hal_black: "#000000",
-  color_grey_800: "#4d4d4d",
-  color_grey_600: "#808080",
-  color_grey_50: "#fafafa",
-  color_grey_a_100: "#0000000d",
-  color_grey_a_300: "#00000033",
-  hal_purple_l_95: "#f2eafa",
-  hal_purple_l_90: "#e5d5f6",
-  hal_purple_l_65: "#a46ede",
-  hal_purple_s_38: "#5f249f",
-  hal_purple_d_30: "#4b1c7d",
-  hal_purple_d_20: "#321353",
-  hal_purple_d_70: "#9A6BB2",
-  color_purple_600: "#7D2FD0",
-  color_purple_300: "#cbacec",
-  hal_blue_l_95: "#e6f4ff",
-  hal_blue_l_80: "#99d5ff",
-  hal_blue_l_50: "#0095ff",
-  hal_blue_l_45: "#0086e6",
-  hal_blue_s_35: "#0067b3",
-  hal_blue_d_20: "#003c66",
-  color_blue_200: "#cceaff",
-  color_blue_500: "#33AAFF",
-  color_blue_50: "#f5fbff",
-  hal_red_l_95: "#ffe6e9",
-  hal_red_l_80: "#fe9aa7",
-  hal_red_l_60: "#fe344f",
-  hal_red_s_41: "#d0011b",
-  hal_red_d_30: "#980115",
-  hal_red_d_20: "#65010e",
-  color_red_700: "#ffccd3",
-  color_red_50: "#FFF5F6",
-  color_red_600: "#fe0123",
-  hal_green_l_95: "#eafaef",
-  hal_green_l_80: "#acecbe",
-  hal_green_s_39: "#24a148",
-  hal_green_d_30: "#1c7d38",
-  hal_green_d_20: "#135325",
-  hal_yellow_l_95: "#fef9e6",
-  hal_yellow_l_80: "#fbe89d",
-  hal_yellow_s_57: "#f7cf2b",
-  hal_yellow_d_40: "#c59f07",
-  hal_yellow_d_30: "#947705",
-  hal_orange_s_54: "#f38f20",
-  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: "2.5rem",
-  type_scale_06: "2rem",
-  type_scale_05: "1.5rem",
-  type_scale_04: "1.25rem",
-  type_scale_03: "1rem",
-  type_scale_02: "0.875rem",
-  type_scale_01: "0.75rem",
-  type_light: "300",
-  type_regular: "400",
-  type_semibold: "600",
-  type_bold: "bold",
-  type_italic: "italic",
-  type_normal: "normal",
-  type_spacing_tight_02: "-0.05em",
-  type_spacing_tight_01: "-0.025em",
-  type_spacing_normal: "0em",
-  type_spacing_wide_01: "0.025em",
-  type_spacing_wide_02: "0.05em",
-  type_spacing_wide_03: "0.1em",
-  type_initial: "initial",
-  type_uppercase: "uppercase",
-  type_no_line: "none",
-  type_underline: "underline",
-  type_line_through: "line-through",
-  type_leading_compact_03: "1em",
-  type_leading_compact_02: "1.25em",
-  type_leading_compact_01: "1.365em",
-  type_leading_normal: "1.5em",
-  type_leading_loose_01: "1.715em",
-  type_leading_loose_02: "2em",
-  fontSize10: "10px",
-  // Spacing
-  spacing_00: "0rem",
-  spacing_01: "0.125rem",
-  spacing_02: "0.25rem",
-  spacing_03: "0.5rem",
-  spacing_04: "0.75rem",
-  spacing_05: "1rem",
-  spacing_06: "1.5rem",
-  spacing_07: "2rem",
-  spacing_08: "2.5rem",
-  spacing_09: "3rem",
-  spacing_10: "3.5rem",
-  spacing_11: "4rem",
-  spacing_12: "5rem",
-  spacing_13: "6rem",
-  spacing_14: "7rem",
-  // Border
-  border_width_0: "0px",
-  border_width_1: "1px",
-  border_width_2: "2px",
-  border_width_4: "4px",
-  border_radius_none: "0rem",
-  border_radius_small: "0.125rem",
-  border_radius_medium: "0.25rem",
-  border_radius_large: "0.375rem",
-  border_radius_full: "9999px",
-  border_solid: "solid",
-  border_dashed: "dashed",
-  border_none: "none"
-};
-exports.globalTokens = globalTokens;
-var componentTokens = {
+exports.spaces = exports.responsiveSizes = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
+var _coreTokens = _interopRequireDefault(require("./coreTokens"));
+var componentTokens = exports.componentTokens = {
   accordion: {
-    backgroundColor: globalTokens.hal_white,
-    hoverBackgroundColor: globalTokens.hal_purple_l_95,
-    arrowColor: globalTokens.hal_purple_s_38,
-    disabledArrowColor: globalTokens.hal_grey_l_60,
-    assistiveTextFontFamily: globalTokens.type_sans,
-    assistiveTextFontSize: globalTokens.type_scale_03,
-    assistiveTextFontWeight: globalTokens.type_light,
-    assistiveTextFontStyle: globalTokens.type_italic,
-    assistiveTextLetterSpacing: globalTokens.type_spacing_wide_01,
-    assistiveTextFontColor: globalTokens.hal_grey_s_40,
-    disabledAssistiveTextFontColor: globalTokens.hal_grey_l_60,
+    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",
@@ -222,892 +71,855 @@ 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: globalTokens.color_grey_a_100,
-    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: globalTokens.color_grey_a_300,
+    oneShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a,
     twoShadowDepthShadowOffsetX: "0px",
     twoShadowDepthShadowOffsetY: "3px",
     twoShadowDepthShadowBlur: "10px",
     twoShadowDepthShadowSpread: "0px",
-    twoShadowDepthShadowColor: globalTokens.color_grey_a_300
+    twoShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a
+  },
+  bulletedList: {
+    fontColor: _coreTokens["default"].color_black,
+    fontColorOnDark: _coreTokens["default"].color_white,
+    bulletIconHeight: "1.5rem",
+    bulletIconWidth: "1.5rem",
+    bulletHeight: "5px",
+    bulletWidth: "5px",
+    bulletMarginRight: "0.5rem"
   },
   button: {
-    labelFontLineHeight: 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,
+    focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
+    primaryBackgroundColor: _coreTokens["default"].color_purple_700,
+    primaryBackgroundColorOnDark: _coreTokens["default"].color_purple_700,
+    primaryFontColor: _coreTokens["default"].color_white,
+    primaryFontColorOnDark: _coreTokens["default"].color_white,
+    primaryHoverBackgroundColor: _coreTokens["default"].color_purple_800,
+    primaryHoverBackgroundColorOnDark: _coreTokens["default"].color_purple_600,
+    primaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
+    primaryActiveBackgroundColorOnDark: _coreTokens["default"].color_purple_800,
+    primaryDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
+    primaryDisabledBackgroundColorOnDark: _coreTokens["default"].color_grey_800,
+    primaryDisabledFontColor: _coreTokens["default"].color_grey_500,
+    primaryDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
+    primaryBorderThickness: _coreTokens["default"].border_width_0,
+    primaryBorderStyle: _coreTokens["default"].border_none,
+    primaryBorderRadius: _coreTokens["default"].border_radius_medium,
+    primaryFontFamily: _coreTokens["default"].type_sans,
+    primaryFontSize: _coreTokens["default"].type_scale_03,
+    primaryFontWeight: _coreTokens["default"].type_regular,
+    secondaryBackgroundColor: _coreTokens["default"].color_transparent,
+    secondaryBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    secondaryFontColor: _coreTokens["default"].color_purple_700,
+    secondaryFontColorOnDark: _coreTokens["default"].color_white,
+    secondaryHoverFontColor: _coreTokens["default"].color_white,
+    secondaryHoverFontColorOnDark: _coreTokens["default"].color_black,
+    secondaryBorderColor: _coreTokens["default"].color_purple_700,
+    secondaryBorderColorOnDark: _coreTokens["default"].color_white,
+    secondaryHoverBackgroundColor: _coreTokens["default"].color_purple_700,
+    secondaryHoverBackgroundColorOnDark: _coreTokens["default"].color_white,
+    secondaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
+    secondaryActiveBackgroundColorOnDark: _coreTokens["default"].color_grey_200,
+    secondaryDisabledBackgroundColor: _coreTokens["default"].color_transparent,
+    secondaryDisabledBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    secondaryDisabledFontColor: _coreTokens["default"].color_grey_500,
+    secondaryDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
+    secondaryDisabledBorderColor: _coreTokens["default"].color_grey_500,
+    secondaryDisabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
+    secondaryBorderThickness: _coreTokens["default"].border_width_1,
+    secondaryBorderStyle: _coreTokens["default"].border_solid,
+    secondaryBorderRadius: _coreTokens["default"].border_radius_medium,
+    secondaryFontFamily: _coreTokens["default"].type_sans,
+    secondaryFontSize: _coreTokens["default"].type_scale_03,
+    secondaryFontWeight: _coreTokens["default"].type_regular,
+    textBackgroundColor: _coreTokens["default"].color_transparent,
+    textBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    textFontColor: _coreTokens["default"].color_purple_700,
+    textFontColorOnDark: _coreTokens["default"].color_white,
+    textHoverBackgroundColor: _coreTokens["default"].color_purple_100,
+    textHoverBackgroundColorOnDark: _coreTokens["default"].color_grey_800,
+    textActiveBackgroundColor: _coreTokens["default"].color_purple_200,
+    textActiveBackgroundColorOnDark: _coreTokens["default"].color_grey_700,
+    textDisabledBackgroundColor: _coreTokens["default"].color_transparent,
+    textDisabledBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    textDisabledFontColor: _coreTokens["default"].color_grey_500,
+    textDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
+    textBorderThickness: _coreTokens["default"].border_width_0,
+    textBorderStyle: _coreTokens["default"].border_none,
+    textBorderRadius: _coreTokens["default"].border_radius_medium,
+    textFontFamily: _coreTokens["default"].type_sans,
+    textFontSize: _coreTokens["default"].type_scale_03,
+    textFontWeight: _coreTokens["default"].type_regular
   },
   card: {
     height: "220px",
     width: "400px"
   },
   checkbox: {
-    backgroundColorChecked: 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,
+    backgroundColorCheckedOnDark: _coreTokens["default"].color_grey_200,
+    hoverBackgroundColorChecked: _coreTokens["default"].color_blue_900,
+    hoverBackgroundColorCheckedOnDark: _coreTokens["default"].color_white,
+    disabledBackgroundColorChecked: _coreTokens["default"].color_grey_500,
+    disabledBackgroundColorCheckedOnDark: _coreTokens["default"].color_grey_800,
+    readOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_600,
+    borderColor: _coreTokens["default"].color_blue_800,
+    borderColorOnDark: _coreTokens["default"].color_grey_200,
+    hoverBorderColor: _coreTokens["default"].color_blue_900,
+    hoverBorderColorOnDark: _coreTokens["default"].color_white,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    disabledBorderColorOnDark: _coreTokens["default"].color_grey_800,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    checkColor: _coreTokens["default"].color_white,
+    checkColorOnDark: _coreTokens["default"].color_black,
+    disabledCheckColor: _coreTokens["default"].color_white,
+    disabledCheckColorOnDark: _coreTokens["default"].color_grey_500,
+    readOnlyCheckColor: _coreTokens["default"].color_white,
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_02,
+    fontWeight: _coreTokens["default"].type_regular,
+    fontColor: _coreTokens["default"].color_black,
+    fontColorOnDark: _coreTokens["default"].color_white,
+    disabledFontColor: _coreTokens["default"].color_grey_500,
+    disabledFontColorOnDark: _coreTokens["default"].color_grey_500,
+    focusColor: _coreTokens["default"].color_blue_600,
+    focusColorOnDark: _coreTokens["default"].color_blue_600,
     checkLabelSpacing: "8px"
   },
   chip: {
-    backgroundColor: 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
+    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,
-    activeFileItemIconBackgrounColor: globalTokens.hal_grey_l_80,
-    errorFileItemBorderColor: globalTokens.hal_red_s_41,
-    errorFileItemBackgroundColor: globalTokens.color_red_50,
-    errorFilePreviewBackgroundColor: globalTokens.color_red_700,
-    errorFileItemIconColor: globalTokens.hal_red_s_41,
-    fileItemIconBackgroundColor: globalTokens.hal_grey_l_95,
-    deleteFileItemColor: globalTokens.hal_black,
-    errorMessageFontColor: globalTokens.hal_red_s_41,
-    labelFontFamily: globalTokens.type_sans,
-    labelFontSize: globalTokens.type_scale_02,
-    labelFontWeight: globalTokens.type_semibold,
-    labelLineHeight: globalTokens.type_leading_loose_01,
-    fileItemFontFamily: globalTokens.type_sans,
-    fileItemFontSize: globalTokens.type_scale_02,
-    fileItemFontWeight: globalTokens.type_regular,
-    fileItemLineHeight: globalTokens.type_leading_normal,
-    helperTextFontFamily: globalTokens.type_sans,
-    helperTextFontSize: globalTokens.type_scale_01,
-    helperTextFontWeight: globalTokens.type_regular,
-    helperTextLineHeight: globalTokens.type_leading_normal,
-    dropLabelFontFamily: globalTokens.type_sans,
-    dropLabelFontSize: globalTokens.type_scale_03,
-    dropLabelFontWeight: globalTokens.type_regular,
-    errorMessageFontFamily: globalTokens.type_sans,
-    errorMessageFontSize: globalTokens.type_scale_01,
-    errorMessageFontWeight: globalTokens.type_regular,
-    errorMessageLineHeight: globalTokens.type_leading_normal,
-    dropBorderThickness: globalTokens.border_width_1,
-    dropBorderStyle: globalTokens.border_dashed,
-    dropBorderRadius: globalTokens.border_radius_large,
-    fileItemBorderThickness: globalTokens.border_width_1,
-    fileItemBorderStyle: globalTokens.border_solid,
-    fileItemBorderRadius: globalTokens.border_radius_medium,
-    hoverDeleteFileItemBackgroundColor: globalTokens.color_grey_a_100,
-    activeDeleteFileItemBackgroundColor: globalTokens.color_grey_a_300,
-    focusDeleteFileItemBorderColor: globalTokens.hal_blue_l_50,
-    filePreviewBackgroundColor: globalTokens.hal_grey_l_95,
-    filePreviewIconColor: globalTokens.color_grey_600,
-    errorFilePreviewIconColor: globalTokens.hal_red_s_41
+    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,
+    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,
+    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,
+    contentColorOnDark: _coreTokens["default"].color_white
   },
   heading: {
-    level1FontColor: globalTokens.inherit,
-    level1FontFamily: globalTokens.type_sans,
-    level1FontSize: globalTokens.type_scale_07,
-    level1FontStyle: globalTokens.type_normal,
-    level1FontWeight: globalTokens.type_semibold,
-    level1LineHeight: globalTokens.type_leading_compact_01,
-    level1LetterSpacing: globalTokens.type_spacing_tight_01,
-    level2FontColor: globalTokens.inherit,
-    level2FontFamily: globalTokens.type_sans,
-    level2FontSize: globalTokens.type_scale_05,
-    level2FontStyle: globalTokens.type_normal,
-    level2FontWeight: globalTokens.type_semibold,
-    level2LineHeight: globalTokens.type_leading_normal,
-    level2LetterSpacing: globalTokens.type_spacing_normal,
-    level3FontColor: globalTokens.inherit,
-    level3FontFamily: globalTokens.type_sans,
-    level3FontSize: globalTokens.type_scale_04,
-    level3FontStyle: globalTokens.type_normal,
-    level3FontWeight: globalTokens.type_semibold,
-    level3LineHeight: globalTokens.type_leading_compact_01,
-    level3LetterSpacing: globalTokens.type_spacing_wide_01,
-    level4FontColor: globalTokens.inherit,
-    level4FontFamily: globalTokens.type_sans,
-    level4FontSize: globalTokens.type_scale_03,
-    level4FontStyle: globalTokens.type_normal,
-    level4FontWeight: globalTokens.type_semibold,
-    level4LineHeight: globalTokens.type_leading_normal,
-    level4LetterSpacing: globalTokens.type_spacing_normal,
-    level5FontColor: globalTokens.inherit,
-    level5FontFamily: globalTokens.type_sans,
-    level5FontSize: globalTokens.type_scale_02,
-    level5FontStyle: globalTokens.type_normal,
-    level5FontWeight: globalTokens.type_semibold,
-    level5LineHeight: globalTokens.type_leading_normal,
-    level5LetterSpacing: globalTokens.type_spacing_wide_01
+    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.inherit,
-    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",
     verticalPadding: "0.75rem",
     horizontalPadding: "2rem",
-    marginRight: "2rem",
-    marginLeft: "2rem",
+    marginRight: "40px",
+    marginLeft: "20px",
     itemsPerPageSelectorMarginLeft: "0px",
-    itemsPerPageSelectorMarginRight: "1rem",
+    itemsPerPageSelectorMarginRight: "0.5rem",
     pageSelectorMarginRight: "30px",
     pageSelectorMarginLeft: "0px",
-    totalItemsContainerMarginRight: "3rem",
+    totalItemsContainerMarginRight: "2.5rem",
     totalItemsContainerMarginLeft: "0px"
   },
+  paragraph: {
+    fontColor: _coreTokens["default"].color_black,
+    fontColorOnDark: _coreTokens["default"].color_white,
+    display: "block",
+    fontSize: _coreTokens["default"].type_scale_03,
+    fontWeight: _coreTokens["default"].type_regular
+  },
   progressBar: {
-    trackLineColor: 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,
+    trackLineColorOnDark: _coreTokens["default"].color_purple_500,
+    totalLineColor: _coreTokens["default"].color_grey_200,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_01,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_regular,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    labelFontTextTransform: _coreTokens["default"].type_uppercase,
+    valueFontFamily: _coreTokens["default"].type_sans,
+    valueFontSize: _coreTokens["default"].type_scale_01,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontColorOnDark: _coreTokens["default"].color_white,
+    valueFontTextTransform: _coreTokens["default"].type_uppercase,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontColorOnDark: _coreTokens["default"].color_white,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontFamily: _coreTokens["default"].type_sans,
     thickness: "9px",
     borderRadius: "5px",
-    overlayColor: globalTokens.black,
-    overlayOpacity: "0.8"
+    overlayColor: _coreTokens["default"].color_grey_800_a,
+    overlayFontColor: _coreTokens["default"].color_white
   },
   quickNav: {
-    fontColor: globalTokens.hal_grey_s_40,
-    hoverFontColor: globalTokens.hal_purple_d_70,
-    selectedFontColor: globalTokens.hal_purple_s_38,
-    dividerBorderColor: globalTokens.hal_grey_l_75,
-    focusBorderColor: globalTokens.hal_blue_l_50,
-    focusBorderStyle: globalTokens.border_solid,
-    focusBorderThickness: globalTokens.border_width_2,
-    focusBorderRadius: globalTokens.border_width_2,
-    paddingTop: globalTokens.spacing_03,
-    paddingBottom: globalTokens.spacing_03,
-    paddingLeft: globalTokens.spacing_05,
-    paddingRight: globalTokens.spacing_05,
-    fontFamily: globalTokens.type_sans,
-    fontSize: globalTokens.type_scale_02,
-    fontStyle: globalTokens.type_normal,
-    fontWeight: globalTokens.type_regular
+    fontColor: _coreTokens["default"].color_grey_700,
+    hoverFontColor: _coreTokens["default"].color_purple_600,
+    dividerBorderColor: _coreTokens["default"].color_grey_400,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderStyle: _coreTokens["default"].border_solid,
+    focusBorderThickness: _coreTokens["default"].border_width_2,
+    focusBorderRadius: _coreTokens["default"].border_width_2,
+    paddingTop: _coreTokens["default"].spacing_8,
+    paddingBottom: _coreTokens["default"].spacing_8,
+    paddingLeft: _coreTokens["default"].spacing_16,
+    paddingRight: _coreTokens["default"].spacing_16,
+    fontFamily: _coreTokens["default"].type_sans,
+    fontSize: _coreTokens["default"].type_scale_02,
+    fontStyle: _coreTokens["default"].type_normal,
+    fontWeight: _coreTokens["default"].type_regular
   },
   radioGroup: {
-    fontFamily: globalTokens.type_sans,
-    radioInputColor: globalTokens.hal_blue_l_45,
-    hoverRadioInputColor: globalTokens.hal_blue_s_35,
-    focusBorderColor: globalTokens.hal_blue_l_50,
-    activeRadioInputColor: globalTokens.hal_blue_d_20,
-    errorRadioInputColor: globalTokens.hal_red_s_41,
-    hoverErrorRadioInputColor: globalTokens.hal_red_d_30,
-    activeErrorRadioInputColor: globalTokens.hal_red_d_20,
-    readonlyRadioInputColor: globalTokens.hal_grey_l_60,
-    hoverReadonlyRadioInputColor: globalTokens.color_grey_600,
-    activeReadonlyRadioInputColor: globalTokens.hal_grey_s_40,
-    disabledRadioInputColor: globalTokens.hal_grey_l_60,
-    disabledLabelFontColor: globalTokens.hal_grey_l_60,
-    disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
-    disabledRadioInputLabelFontColor: globalTokens.hal_grey_l_60,
-    errorMessageColor: globalTokens.hal_red_s_41,
-    labelFontColor: globalTokens.hal_black,
-    labelFontSize: globalTokens.type_scale_02,
-    labelFontStyle: globalTokens.type_normal,
-    labelFontWeight: globalTokens.type_semibold,
-    labelLineHeight: globalTokens.type_leading_loose_01,
-    optionalLabelFontWeight: globalTokens.type_regular,
-    helperTextFontColor: globalTokens.hal_black,
-    helperTextFontSize: globalTokens.type_scale_01,
-    helperTextFontStyle: globalTokens.type_normal,
-    helperTextFontWeight: globalTokens.type_regular,
-    helperTextLineHeight: globalTokens.type_leading_normal,
-    radioInputLabelFontColor: globalTokens.hal_black,
-    radioInputLabelFontSize: globalTokens.type_scale_02,
-    radioInputLabelFontStyle: globalTokens.type_normal,
-    radioInputLabelFontWeight: globalTokens.type_regular,
-    radioInputLabelLineHeight: globalTokens.type_leading_loose_01,
-    groupLabelMargin: globalTokens.spacing_03,
-    radioInputLabelMargin: globalTokens.spacing_03,
-    groupVerticalGutter: globalTokens.spacing_02,
-    groupHorizontalGutter: globalTokens.spacing_07
+    fontFamily: _coreTokens["default"].type_sans,
+    radioInputColor: _coreTokens["default"].color_blue_700,
+    hoverRadioInputColor: _coreTokens["default"].color_blue_800,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    activeRadioInputColor: _coreTokens["default"].color_blue_900,
+    errorRadioInputColor: _coreTokens["default"].color_red_700,
+    hoverErrorRadioInputColor: _coreTokens["default"].color_red_800,
+    activeErrorRadioInputColor: _coreTokens["default"].color_red_900,
+    readOnlyRadioInputColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyRadioInputColor: _coreTokens["default"].color_grey_600,
+    activeReadOnlyRadioInputColor: _coreTokens["default"].color_grey_700,
+    disabledRadioInputColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledRadioInputLabelFontColor: _coreTokens["default"].color_grey_500,
+    errorMessageColor: _coreTokens["default"].color_red_700,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    optionalLabelFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    radioInputLabelFontColor: _coreTokens["default"].color_black,
+    radioInputLabelFontSize: _coreTokens["default"].type_scale_02,
+    radioInputLabelFontStyle: _coreTokens["default"].type_normal,
+    radioInputLabelFontWeight: _coreTokens["default"].type_regular,
+    radioInputLabelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    groupLabelMargin: _coreTokens["default"].spacing_8,
+    radioInputLabelMargin: _coreTokens["default"].spacing_8,
+    groupVerticalGutter: _coreTokens["default"].spacing_4,
+    groupHorizontalGutter: _coreTokens["default"].spacing_32
   },
   select: {
-    fontFamily: 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
+    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,
+    limitValuesFontColorOnDark: _coreTokens["default"].color_white,
+    limitValuesFontSize: _coreTokens["default"].type_scale_03,
+    limitValuesFontStyle: _coreTokens["default"].type_normal,
+    limitValuesFontWeight: _coreTokens["default"].type_regular,
+    limitValuesFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
+    disabledLimitValuesFontColor: _coreTokens["default"].color_grey_500,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    helperTextFontFamily: _coreTokens["default"].type_sans,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    fontColor: _coreTokens["default"].color_black,
+    fontColorOnDark: _coreTokens["default"].color_white,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontColorOnDark: _coreTokens["default"].color_white,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
     thumbHeight: "12px",
     thumbWidth: "12px",
     hoverThumbHeight: "14px",
     hoverThumbWidth: "14px",
     thumbVerticalPosition: "12px",
     hoverThumbVerticalPosition: "11px",
-    thumbBackgroundColor: globalTokens.hal_blue_s_35,
-    thumbBackgroundColorOnDark: globalTokens.hal_blue_l_50,
+    thumbBackgroundColor: _coreTokens["default"].color_blue_800,
+    thumbBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
     hoverThumbScale: "1.166666",
-    hoverThumbBackgroundColor: globalTokens.hal_blue_d_20,
-    hoverThumbBackgroundColorOnDark: globalTokens.hal_blue_d_20,
+    hoverThumbBackgroundColor: _coreTokens["default"].color_blue_900,
+    hoverThumbBackgroundColorOnDark: _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,
+    activeThumbBackgroundColorOnDark: _coreTokens["default"].color_blue_900,
+    focusThumbBackgroundColor: _coreTokens["default"].color_blue_800,
+    focusThumbBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
     tickHeight: "4px",
     tickWidth: "4px",
     tickVerticalPosition: "11px",
-    tickBackgroundColor: globalTokens.hal_blue_s_35,
-    tickBackgroundColorOnDark: globalTokens.hal_blue_l_50,
+    tickBackgroundColor: _coreTokens["default"].color_blue_800,
+    tickBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
     trackLineThickness: "2px",
     trackLineVerticalPosition: "50%",
-    trackLineColor: globalTokens.hal_blue_s_35,
-    trackLineColorOnDark: globalTokens.hal_blue_l_50,
+    trackLineColor: _coreTokens["default"].color_blue_800,
+    trackLineColorOnDark: _coreTokens["default"].color_blue_600,
     totalLineThickness: "2px",
     totalLineVerticalPosition: "50%",
-    totalLineColor: globalTokens.hal_grey_l_90,
-    totalLineColorOnDark: globalTokens.hal_grey_l_75,
+    totalLineColor: _coreTokens["default"].color_grey_200_a,
+    totalLineColorOnDark: _coreTokens["default"].color_grey_400,
     disabledThumbVerticalPosition: "10px",
-    disabledThumbBackgroundColor: globalTokens.hal_grey_l_60,
+    disabledThumbBackgroundColor: _coreTokens["default"].color_grey_500,
     disabledThumbBackgroundColorOnDark: "#575757",
     disabledTickVerticalPosition: "11px",
-    disabledTickBackgroundColor: globalTokens.hal_grey_l_60,
-    disabledTickBackgroundColorOnDark: globalTokens.hal_grey_l_60,
-    disabledTrackLineColor: globalTokens.hal_grey_l_60,
-    disabledTrackLineColorOnDark: globalTokens.hal_grey_l_60,
-    disabledTotalLineColor: globalTokens.hal_grey_l_95,
-    disabledTotalLineColorOnDark: globalTokens.hal_grey_s_40,
-    focusColor: globalTokens.hal_blue_l_50,
-    focusColorOnDark: globalTokens.hal_blue_l_50,
-    floorLabelMarginRight: globalTokens.type_scale_03,
-    ceilLabelMarginLeft: globalTokens.type_scale_03,
-    inputMarginLeft: globalTokens.type_scale_06
+    disabledTickBackgroundColor: _coreTokens["default"].color_grey_500,
+    disabledTickBackgroundColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledTrackLineColor: _coreTokens["default"].color_grey_500,
+    disabledTrackLineColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledTotalLineColor: _coreTokens["default"].color_grey_100,
+    disabledTotalLineColorOnDark: _coreTokens["default"].color_grey_700,
+    focusColor: _coreTokens["default"].color_blue_600,
+    focusColorOnDark: _coreTokens["default"].color_blue_600,
+    floorLabelMarginRight: _coreTokens["default"].type_scale_03,
+    ceilLabelMarginLeft: _coreTokens["default"].type_scale_03,
+    inputMarginLeft: _coreTokens["default"].type_scale_06
   },
   spinner: {
-    trackCircleColor: "#5f249f",
-    trackCircleColorOverlay: "#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,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
     labelTextAlign: "center",
-    progressValueFontFamily: globalTokens.type_sans,
-    progressValueFontSize: globalTokens.type_scale_02,
-    progressValueFontStyle: globalTokens.type_normal,
-    progressValueFontWeight: globalTokens.type_bold,
-    progressValueFontColor: globalTokens.inherit,
-    progressValueFontColorOnDark: globalTokens.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,
+    progressValueFontColorOnDark: _coreTokens["default"].color_white,
     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,
+    checkedTrackBackgroundColor: _coreTokens["default"].color_purple_700,
+    checkedTrackBackgroundColorOnDark: _coreTokens["default"].color_purple_700,
+    checkedThumbBackgroundColor: _coreTokens["default"].color_white,
+    checkedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
+    uncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_400,
+    uncheckedTrackBackgroundColorOnDark: _coreTokens["default"].color_grey_400,
+    uncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    uncheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
+    disabledCheckedTrackBackgroundColor: _coreTokens["default"].color_purple_100,
     disabledCheckedTrackBackgroundColorOnDark: "#1c0b24",
-    disabledCheckedThumbBackgroundColor: globalTokens.hal_white,
-    disabledCheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
-    disabledUncheckedTrackBackgroundColor: globalTokens.hal_grey_l_95,
+    disabledCheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    disabledCheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
+    disabledUncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_100,
     disabledUncheckedTrackBackgroundColorOnDark: "#363636",
-    disabledUncheckedThumbBackgroundColor: globalTokens.hal_white,
-    disabledUncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
-    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledUncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
+    disabledUncheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
     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",
+    disabledLabelFontStyle: _coreTokens["default"].type_normal,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_root,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_regular,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    thumbFocusColor: _coreTokens["default"].color_blue_600,
+    thumbFocusColorOnDark: "#1682ff",
     thumbHeight: "24px",
     thumbWidth: "24px",
-    thumbShift: "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",
@@ -1115,13 +927,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",
@@ -1129,42 +941,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,
-    disabledBadgeBackgroundColor: "#0000004D",
-    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",
@@ -1172,167 +984,280 @@ 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,
+    fontFamily: _coreTokens["default"].type_sans,
+    enabledBorderColor: _coreTokens["default"].color_black,
+    enabledBorderColorOnDark: _coreTokens["default"].color_white,
+    hoverBorderColor: _coreTokens["default"].color_purple_500,
+    hoverBorderColorOnDark: _coreTokens["default"].color_purple_500,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    disabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledContainerFillColor: _coreTokens["default"].color_grey_100,
+    disabledContainerFillColorOnDark: _coreTokens["default"].color_grey_700,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    errorBorderColor: _coreTokens["default"].color_red_700,
+    errorBorderColorOnDark: _coreTokens["default"].color_red_500,
+    hoverErrorBorderColor: _coreTokens["default"].color_red_600,
+    hoverErrorBorderColorOnDark: "#fe677b",
+    inputMarginTop: _coreTokens["default"].spacing_4,
+    inputMarginBottom: _coreTokens["default"].spacing_4,
+    errorMessageColor: _coreTokens["default"].color_red_700,
+    errorMessageColorOnDark: _coreTokens["default"].color_red_500,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
+    optionalLabelFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontColorOnDark: _coreTokens["default"].color_white,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
+    placeholderFontColor: _coreTokens["default"].color_grey_800_a,
+    placeholderFontColorOnDark: _coreTokens["default"].color_grey_100,
+    disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
+    disabledPlaceholderFontColorOnDark: _coreTokens["default"].color_grey_500,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontColorOnDark: _coreTokens["default"].color_white,
+    valueFontSize: _coreTokens["default"].type_scale_03,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    disabledValueFontColor: _coreTokens["default"].color_grey_500,
+    disabledValueFontColorOnDark: _coreTokens["default"].color_grey_500
+  },
+  textInput: {
+    fontFamily: _coreTokens["default"].type_sans,
+    enabledBorderColor: _coreTokens["default"].color_black,
+    enabledBorderColorOnDark: _coreTokens["default"].color_white,
+    hoverBorderColor: _coreTokens["default"].color_purple_500,
+    hoverBorderColorOnDark: _coreTokens["default"].color_purple_500,
+    focusBorderColor: _coreTokens["default"].color_blue_600,
+    focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
+    disabledBorderColor: _coreTokens["default"].color_grey_500,
+    disabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledContainerFillColor: _coreTokens["default"].color_grey_100,
+    disabledContainerFillColorOnDark: _coreTokens["default"].color_grey_700,
+    readOnlyBorderColor: _coreTokens["default"].color_grey_500,
+    hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
+    errorBorderColor: _coreTokens["default"].color_red_700,
+    errorBorderColorOnDark: _coreTokens["default"].color_red_500,
+    hoverErrorBorderColor: _coreTokens["default"].color_red_600,
     hoverErrorBorderColorOnDark: "#fe677b",
-    inputMarginTop: 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
+    inputMarginTop: _coreTokens["default"].spacing_4,
+    inputMarginBottom: _coreTokens["default"].spacing_4,
+    errorMessageColor: _coreTokens["default"].color_red_700,
+    errorMessageColorOnDark: _coreTokens["default"].color_red_500,
+    errorIconColor: _coreTokens["default"].color_red_700,
+    errorIconColorOnDark: _coreTokens["default"].color_red_500,
+    labelFontColor: _coreTokens["default"].color_black,
+    labelFontColorOnDark: _coreTokens["default"].color_white,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
+    optionalLabelFontWeight: _coreTokens["default"].type_regular,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    helperTextFontColorOnDark: _coreTokens["default"].color_white,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
+    disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
+    prefixColor: _coreTokens["default"].color_grey_700,
+    prefixColorOnDark: _coreTokens["default"].color_white,
+    suffixColor: _coreTokens["default"].color_grey_700,
+    suffixColorOnDark: _coreTokens["default"].color_white,
+    disabledPrefixColor: _coreTokens["default"].color_grey_400,
+    disabledSuffixColor: _coreTokens["default"].color_grey_400,
+    disabledPrefixColorOnDark: _coreTokens["default"].color_grey_500,
+    disabledSuffixColorOnDark: _coreTokens["default"].color_grey_500,
+    placeholderFontColor: _coreTokens["default"].color_grey_800_a,
+    placeholderFontColorOnDark: _coreTokens["default"].color_grey_100,
+    disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
+    disabledPlaceholderFontColorOnDark: _coreTokens["default"].color_grey_500,
+    valueFontColor: _coreTokens["default"].color_black,
+    valueFontColorOnDark: _coreTokens["default"].color_white,
+    valueFontSize: _coreTokens["default"].type_scale_03,
+    valueFontStyle: _coreTokens["default"].type_normal,
+    valueFontWeight: _coreTokens["default"].type_regular,
+    disabledValueFontColor: _coreTokens["default"].color_grey_500,
+    disabledValueFontColorOnDark: _coreTokens["default"].color_grey_500,
+    actionIconColor: _coreTokens["default"].color_black,
+    actionIconColorOnDark: _coreTokens["default"].color_white,
+    disabledActionIconColor: _coreTokens["default"].color_grey_500,
+    disabledActionIconColorOnDark: _coreTokens["default"].color_grey_500,
+    hoverActionIconColor: _coreTokens["default"].color_black,
+    hoverActionIconColorOnDark: _coreTokens["default"].color_white,
+    focusActionIconColor: _coreTokens["default"].color_black,
+    focusActionIconColorOnDark: _coreTokens["default"].color_white,
+    activeActionIconColor: _coreTokens["default"].color_black,
+    activeActionIconColorOnDark: _coreTokens["default"].color_black,
+    actionBackgroundColor: _coreTokens["default"].color_transparent,
+    actionBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
+    disabledActionBackgroundColorOnDark: _coreTokens["default"].color_transparent,
+    hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
+    hoverActionBackgroundColorOnDark: _coreTokens["default"].color_grey_700,
+    focusActionBorderColor: _coreTokens["default"].color_blue_600,
+    focusActionBorderColorOnDark: _coreTokens["default"].color_blue_600,
+    activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
+    activeActionBackgroundColorOnDark: _coreTokens["default"].color_grey_500,
+    listDialogBackgroundColor: _coreTokens["default"].color_white,
+    listDialogBorderColor: _coreTokens["default"].color_grey_400,
+    listOptionDividerColor: _coreTokens["default"].color_grey_200,
+    listOptionFontColor: _coreTokens["default"].color_black,
+    listOptionFontSize: _coreTokens["default"].type_scale_02,
+    listOptionFontStyle: _coreTokens["default"].type_normal,
+    listOptionFontWeight: _coreTokens["default"].type_regular,
+    systemMessageFontColor: _coreTokens["default"].color_grey_700,
+    errorListDialogFontColor: _coreTokens["default"].color_black,
+    errorListDialogBackgroundColor: _coreTokens["default"].color_red_50,
+    errorListDialogBorderColor: _coreTokens["default"].color_red_700,
+    hoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
+    activeListOptionBackgroundColor: _coreTokens["default"].color_grey_300,
+    focusListOptionBorderColor: _coreTokens["default"].color_blue_600
   },
   toggleGroup: {
-    containerBackgroundColor: 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
+    containerBackgroundColor: _coreTokens["default"].color_grey_50,
+    containerBorderColor: _coreTokens["default"].color_grey_500,
+    labelFontColor: _coreTokens["default"].color_black,
+    disabledLabelFontColor: _coreTokens["default"].color_grey_500,
+    helperTextFontColor: _coreTokens["default"].color_black,
+    disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
+    unselectedBackgroundColor: _coreTokens["default"].color_grey_200,
+    unselectedHoverBackgroundColor: _coreTokens["default"].color_grey_300,
+    unselectedActiveBackgroundColor: _coreTokens["default"].color_purple_700,
+    unselectedDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
+    unselectedFontColor: _coreTokens["default"].color_black,
+    unselectedDisabledFontColor: _coreTokens["default"].color_grey_500,
+    selectedBackgroundColor: _coreTokens["default"].color_purple_700,
+    selectedHoverBackgroundColor: _coreTokens["default"].color_purple_800,
+    selectedActiveBackgroundColor: _coreTokens["default"].color_purple_900,
+    selectedDisabledBackgroundColor: _coreTokens["default"].color_purple_100,
+    selectedFontColor: _coreTokens["default"].color_white,
+    selectedDisabledFontColor: _coreTokens["default"].color_purple_300,
+    focusColor: _coreTokens["default"].color_blue_600,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontSize: _coreTokens["default"].type_scale_02,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_semibold,
+    labelLineHeight: _coreTokens["default"].type_leading_loose_01,
+    helperTextFontFamily: _coreTokens["default"].type_sans,
+    helperTextFontSize: _coreTokens["default"].type_scale_01,
+    helperTextFontStyle: _coreTokens["default"].type_normal,
+    helperTextFontWeight: _coreTokens["default"].type_regular,
+    helperTextLineHeight: _coreTokens["default"].type_leading_normal,
+    optionLabelFontFamily: _coreTokens["default"].type_sans,
+    optionLabelFontSize: _coreTokens["default"].type_scale_03,
+    optionLabelFontStyle: _coreTokens["default"].type_normal,
+    optionLabelFontWeight: _coreTokens["default"].type_regular,
+    iconPaddingRight: _coreTokens["default"].spacing_8,
+    iconPaddingLeft: _coreTokens["default"].spacing_8,
+    labelPaddingLeft: _coreTokens["default"].spacing_24,
+    labelPaddingRight: _coreTokens["default"].spacing_24,
+    iconMarginRight: _coreTokens["default"].spacing_8,
+    containerMarginTop: _coreTokens["default"].spacing_4,
+    optionBorderThickness: _coreTokens["default"].border_width_0,
+    optionBorderStyle: _coreTokens["default"].border_none,
+    optionBorderRadius: _coreTokens["default"].border_radius_medium,
+    containerBorderThickness: _coreTokens["default"].border_width_1,
+    containerBorderStyle: _coreTokens["default"].border_solid,
+    containerBorderRadius: _coreTokens["default"].border_radius_large,
+    optionFocusBorderThickness: _coreTokens["default"].border_width_2
   },
   wizard: {
-    visitedStepFontColor: globalTokens.hal_black,
-    visitedStepBackgroundColor: globalTokens.hal_white,
-    visitedStepBorderColor: globalTokens.hal_black,
-    unvisitedStepFontColor: globalTokens.hal_grey_s_40,
-    unvisitedLabelFontColor: globalTokens.hal_grey_s_40,
-    unvisitedHelperTextFontColor: globalTokens.hal_grey_s_40,
-    unvisitedStepBackgroundColor: globalTokens.transparent,
-    unvisitedStepBorderColor: globalTokens.hal_grey_s_40,
-    selectedStepFontColor: globalTokens.white,
-    selectedStepBackgroundColor: globalTokens.hal_purple_s_38,
-    selectedStepBorderColor: globalTokens.hal_purple_s_38,
-    selectedLabelFontColor: globalTokens.hal_black,
-    selectedHelperTextFontColor: globalTokens.hal_black,
+    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: "solid",
+    selectedStepBorderStyle: _coreTokens["default"].border_solid,
     selectedStepBorderRadius: "45px",
-    stepFontSize: globalTokens.type_scale_03,
-    stepFontFamily: globalTokens.type_sans,
-    stepFontStyle: globalTokens.type_normal,
-    stepFontWeight: globalTokens.type_regular,
-    stepFontTracking: globalTokens.type_spacing_wide_02,
+    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: "solid",
+    stepBorderStyle: _coreTokens["default"].border_solid,
     stepBorderRadius: "45px",
-    visitedLabelFontColor: globalTokens.hal_black,
-    labelFontSize: globalTokens.type_scale_03,
-    labelFontFamily: globalTokens.type_sans,
-    labelFontStyle: globalTokens.type_normal,
-    labelFontWeight: globalTokens.type_regular,
-    labelFontTracking: globalTokens.type_spacing_normal,
+    visitedLabelFontColor: _coreTokens["default"].color_black,
+    labelFontSize: _coreTokens["default"].type_scale_03,
+    labelFontFamily: _coreTokens["default"].type_sans,
+    labelFontStyle: _coreTokens["default"].type_normal,
+    labelFontWeight: _coreTokens["default"].type_regular,
+    labelFontTracking: _coreTokens["default"].type_spacing_normal,
     labelFontTextTransform: "none",
     labelTextAlign: "left",
-    helperTextFontSize: globalTokens.type_scale_02,
-    helperTextFontFamily: globalTokens.type_sans,
-    helperTextFontStyle: globalTokens.type_normal,
-    helperTextFontWeight: globalTokens.type_regular,
-    helperTextFontTracking: globalTokens.type_spacing_normal,
+    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: globalTokens.hal_black,
+    visitedHelperTextFontColor: _coreTokens["default"].color_black,
     helperTextTextAlign: "left",
-    disabledStepBackgroundColor: globalTokens.hal_grey_l_95,
-    disabledStepFontColor: globalTokens.hal_grey_l_60,
-    disabledLabelFontColor: globalTokens.hal_grey_l_60,
-    disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
-    disabledStepBorderColor: globalTokens.hal_grey_l_95,
+    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: "solid",
+    disabledStepBorderStyle: _coreTokens["default"].border_solid,
     disabledStepBorderRadius: "45px",
     separatorBorderThickness: "1px",
-    separatorBorderStyle: "solid",
-    separatorColor: globalTokens.hal_grey_s_40,
-    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",
@@ -1341,49 +1266,14 @@ var spaces = {
   xlarge: "64px",
   xxlarge: "100px"
 };
-exports.spaces = spaces;
-var responsiveSizes = {
+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"
-  },
-  altBody: {
-    fontSize: "14px",
-    letterSpacing: "0.25",
-    textTransform: "initial"
-  },
-  subtitle: {
-    fontSize: "16px",
-    letterSpacing: "0.15",
-    textTransform: "initial"
-  },
-  altSubtitle: {
-    fontSize: "14px",
-    letterSpacing: "0.1",
-    textTransform: "initial"
-  },
-  caption: {
-    fontSize: "12px",
-    letterSpacing: "0.4",
-    textTransform: "initial"
-  },
-  overline: {
-    fontSize: "12px",
-    letterSpacing: "2",
-    textTransform: "uppercase"
-  }
-};
-exports.typeface = typeface;
-var defaultTranslatedComponentLabels = {
+var defaultTranslatedComponentLabels = exports.defaultTranslatedComponentLabels = {
   formFields: {
     optionalLabel: "(Optional)",
     requiredSelectionErrorMessage: "This field is required. Please, choose an option.",
@@ -1394,6 +1284,9 @@ var defaultTranslatedComponentLabels = {
     },
     logoAlternativeText: "Logo"
   },
+  applicationLayout: {
+    visibilityToggleTitle: "Toggle visibility sidenav"
+  },
   alert: {
     infoTitleText: "information",
     successTitleText: "success",
@@ -1403,6 +1296,9 @@ var defaultTranslatedComponentLabels = {
   dateInput: {
     invalidDateErrorMessage: "Invalid date."
   },
+  dialog: {
+    closeIconAriaLabel: "Close dialog"
+  },
   fileInput: {
     fileSizeGreaterThanErrorMessage: "File size must be greater than min size.",
     fileSizeLessThanErrorMessage: "File size must be less than max size.",
@@ -1410,13 +1306,18 @@ var defaultTranslatedComponentLabels = {
     singleButtonLabelDefault: "Select file",
     dropAreaButtonLabelDefault: "Select",
     multipleDropAreaLabelDefault: "or drop files",
-    singleDropAreaLabelDefault: "or drop a file"
+    singleDropAreaLabelDefault: "or drop a file",
+    deleteFileActionTitle: "Remove file"
   },
   footer: {
     copyrightText: function copyrightText(year) {
       return "\xA9 DXC Technology ".concat(year, ". All rights reserved.");
     }
   },
+  header: {
+    closeIcon: "Close menu",
+    hamburguerTitle: "Menu"
+  },
   numberInput: {
     valueGreaterThanOrEqualToErrorMessage: function valueGreaterThanOrEqualToErrorMessage(value) {
       return "Value must be greater than or equal to ".concat(value, ".");
@@ -1428,7 +1329,7 @@ var defaultTranslatedComponentLabels = {
     incrementValueTitle: "Increment value"
   },
   paginator: {
-    itemsPerPageText: "Items per page ",
+    itemsPerPageText: "Items per page: ",
     minToMaxOfText: function minToMaxOfText(minNumberOfItems, maxNumberOfItems, totalItems) {
       return "".concat(minNumberOfItems, " to ").concat(maxNumberOfItems, " of ").concat(totalItems);
     },
@@ -1452,19 +1353,19 @@ var defaultTranslatedComponentLabels = {
     actionClearSelectionTitle: "Clear selection",
     actionClearSearchTitle: "Clear search"
   },
+  tabs: {
+    scrollLeft: "Scroll left",
+    scrollRight: "Scroll right"
+  },
   textInput: {
     clearFieldActionTitle: "Clear field",
     searchingMessage: "Searching...",
     fetchingDataErrorMessage: "Error fetching data"
   },
   calendar: {
-    days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
-    daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    daysShort: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
     months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
-    monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
-  },
-  applicationLayout: {
-    visibilityToggleTitle: "Toggle visibility sidenav"
+    previousMonthTitle: "Previous month",
+    nextMonthTitle: "Next month"
   }
-};
-exports.defaultTranslatedComponentLabels = defaultTranslatedComponentLabels;
+};