@dxc-technology/halstack-react 0.0.0-9bd9511 → 0.0.0-9c20370

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 (213) hide show
  1. package/BackgroundColorContext.d.ts +3 -3
  2. package/BackgroundColorContext.js +12 -2
  3. package/HalstackContext.d.ts +1330 -7
  4. package/HalstackContext.js +84 -67
  5. package/accordion/Accordion.d.ts +1 -1
  6. package/accordion/Accordion.js +74 -55
  7. package/accordion/Accordion.stories.tsx +3 -101
  8. package/accordion/Accordion.test.js +34 -19
  9. package/accordion/types.d.ts +4 -16
  10. package/accordion-group/AccordionGroup.d.ts +4 -3
  11. package/accordion-group/AccordionGroup.js +49 -42
  12. package/accordion-group/AccordionGroup.stories.tsx +77 -76
  13. package/accordion-group/AccordionGroup.test.js +62 -54
  14. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  15. package/accordion-group/AccordionGroupAccordion.js +43 -0
  16. package/accordion-group/types.d.ts +6 -18
  17. package/alert/Alert.js +47 -20
  18. package/alert/Alert.test.js +46 -29
  19. package/alert/types.d.ts +3 -3
  20. package/badge/Badge.js +14 -2
  21. package/badge/types.d.ts +1 -1
  22. package/bleed/Bleed.js +21 -13
  23. package/bleed/Bleed.stories.tsx +1 -0
  24. package/bleed/types.d.ts +2 -2
  25. package/box/Box.d.ts +1 -1
  26. package/box/Box.js +33 -33
  27. package/box/Box.stories.tsx +25 -53
  28. package/box/Box.test.js +7 -2
  29. package/box/types.d.ts +3 -15
  30. package/bulleted-list/BulletedList.js +36 -9
  31. package/bulleted-list/BulletedList.stories.tsx +7 -1
  32. package/bulleted-list/types.d.ts +32 -5
  33. package/button/Button.d.ts +1 -1
  34. package/button/Button.js +83 -71
  35. package/button/Button.stories.tsx +4 -4
  36. package/button/Button.test.js +28 -8
  37. package/button/types.d.ts +8 -4
  38. package/card/Card.d.ts +1 -1
  39. package/card/Card.js +67 -62
  40. package/card/Card.stories.tsx +12 -42
  41. package/card/Card.test.js +22 -11
  42. package/card/types.d.ts +4 -10
  43. package/checkbox/Checkbox.js +71 -27
  44. package/checkbox/Checkbox.test.js +60 -33
  45. package/checkbox/types.d.ts +4 -4
  46. package/chip/Chip.js +51 -48
  47. package/chip/Chip.stories.tsx +25 -17
  48. package/chip/Chip.test.js +29 -17
  49. package/chip/types.d.ts +4 -4
  50. package/common/OpenSans.css +68 -80
  51. package/common/coreTokens.d.ts +146 -0
  52. package/common/coreTokens.js +167 -0
  53. package/common/utils.d.ts +1 -0
  54. package/common/utils.js +8 -3
  55. package/common/variables.d.ts +226 -175
  56. package/common/variables.js +956 -1133
  57. package/date-input/Calendar.js +55 -12
  58. package/date-input/DateInput.js +82 -35
  59. package/date-input/DateInput.test.js +351 -164
  60. package/date-input/DatePicker.js +38 -8
  61. package/date-input/Icons.js +12 -0
  62. package/date-input/YearPicker.js +30 -5
  63. package/date-input/types.d.ts +7 -7
  64. package/dialog/Dialog.d.ts +1 -1
  65. package/dialog/Dialog.js +83 -86
  66. package/dialog/Dialog.stories.tsx +127 -221
  67. package/dialog/Dialog.test.js +331 -18
  68. package/dialog/types.d.ts +1 -14
  69. package/dropdown/Dropdown.js +86 -32
  70. package/dropdown/Dropdown.test.js +211 -104
  71. package/dropdown/DropdownMenu.js +22 -8
  72. package/dropdown/DropdownMenuItem.js +15 -6
  73. package/dropdown/types.d.ts +8 -8
  74. package/file-input/FileInput.js +218 -134
  75. package/file-input/FileInput.test.js +343 -331
  76. package/file-input/FileItem.js +39 -12
  77. package/file-input/types.d.ts +10 -10
  78. package/flex/Flex.js +39 -25
  79. package/flex/Flex.stories.tsx +35 -26
  80. package/flex/types.d.ts +74 -9
  81. package/footer/Footer.d.ts +1 -1
  82. package/footer/Footer.js +80 -68
  83. package/footer/Footer.stories.tsx +12 -89
  84. package/footer/Footer.test.js +47 -40
  85. package/footer/Icons.js +4 -0
  86. package/footer/types.d.ts +15 -17
  87. package/grid/Grid.d.ts +7 -0
  88. package/grid/Grid.js +91 -0
  89. package/grid/Grid.stories.tsx +219 -0
  90. package/grid/types.d.ts +115 -0
  91. package/header/Header.d.ts +4 -3
  92. package/header/Header.js +72 -55
  93. package/header/Header.stories.tsx +7 -71
  94. package/header/Header.test.js +26 -13
  95. package/header/Icons.js +4 -0
  96. package/header/types.d.ts +2 -16
  97. package/heading/Heading.js +28 -7
  98. package/heading/Heading.test.js +88 -71
  99. package/heading/types.d.ts +3 -3
  100. package/inset/Inset.js +21 -13
  101. package/inset/Inset.stories.tsx +2 -1
  102. package/inset/types.d.ts +2 -2
  103. package/layout/ApplicationLayout.d.ts +5 -5
  104. package/layout/ApplicationLayout.js +57 -15
  105. package/layout/Icons.js +10 -0
  106. package/layout/SidenavContext.d.ts +1 -1
  107. package/layout/SidenavContext.js +4 -0
  108. package/layout/types.d.ts +5 -6
  109. package/link/Link.js +41 -21
  110. package/link/Link.test.js +42 -26
  111. package/link/types.d.ts +4 -4
  112. package/main.d.ts +2 -1
  113. package/main.js +55 -0
  114. package/nav-tabs/NavTabs.d.ts +2 -2
  115. package/nav-tabs/NavTabs.js +43 -16
  116. package/nav-tabs/NavTabs.stories.tsx +14 -0
  117. package/nav-tabs/NavTabs.test.js +44 -37
  118. package/nav-tabs/Tab.js +71 -45
  119. package/nav-tabs/types.d.ts +10 -11
  120. package/number-input/NumberInput.js +30 -20
  121. package/number-input/NumberInput.test.js +249 -113
  122. package/number-input/NumberInputContext.js +5 -0
  123. package/number-input/numberInputContextTypes.d.ts +1 -1
  124. package/number-input/types.d.ts +4 -4
  125. package/package.json +7 -7
  126. package/paginator/Icons.js +10 -0
  127. package/paginator/Paginator.js +39 -17
  128. package/paginator/Paginator.test.js +156 -104
  129. package/paginator/types.d.ts +1 -1
  130. package/paragraph/Paragraph.d.ts +3 -4
  131. package/paragraph/Paragraph.js +18 -8
  132. package/password-input/PasswordInput.js +51 -22
  133. package/password-input/PasswordInput.test.js +94 -51
  134. package/password-input/types.d.ts +4 -4
  135. package/progress-bar/ProgressBar.d.ts +2 -2
  136. package/progress-bar/ProgressBar.js +39 -14
  137. package/progress-bar/ProgressBar.test.js +53 -36
  138. package/progress-bar/types.d.ts +4 -3
  139. package/quick-nav/QuickNav.js +24 -2
  140. package/quick-nav/types.d.ts +2 -2
  141. package/radio-group/Radio.js +53 -22
  142. package/radio-group/RadioGroup.js +84 -41
  143. package/radio-group/RadioGroup.test.js +288 -186
  144. package/radio-group/types.d.ts +4 -4
  145. package/resultsetTable/Icons.js +3 -0
  146. package/resultsetTable/ResultsetTable.js +56 -21
  147. package/resultsetTable/ResultsetTable.test.js +75 -42
  148. package/resultsetTable/types.d.ts +5 -5
  149. package/select/Icons.js +3 -0
  150. package/select/Listbox.js +35 -10
  151. package/select/Option.js +24 -8
  152. package/select/Select.js +143 -56
  153. package/select/Select.test.js +839 -456
  154. package/select/types.d.ts +12 -12
  155. package/sidenav/Icons.d.ts +7 -0
  156. package/sidenav/Icons.js +51 -0
  157. package/sidenav/Sidenav.d.ts +2 -2
  158. package/sidenav/Sidenav.js +116 -104
  159. package/sidenav/Sidenav.stories.tsx +60 -60
  160. package/sidenav/Sidenav.test.js +10 -3
  161. package/sidenav/types.d.ts +26 -23
  162. package/slider/Slider.js +84 -38
  163. package/slider/Slider.test.js +104 -76
  164. package/slider/types.d.ts +4 -4
  165. package/spinner/Spinner.js +51 -28
  166. package/spinner/Spinner.stories.jsx +28 -28
  167. package/spinner/Spinner.test.js +35 -26
  168. package/spinner/types.d.ts +3 -3
  169. package/switch/Switch.js +66 -24
  170. package/switch/Switch.test.js +97 -52
  171. package/switch/types.d.ts +4 -4
  172. package/table/Table.js +22 -4
  173. package/table/Table.test.js +7 -2
  174. package/table/types.d.ts +3 -3
  175. package/tabs/Tab.js +39 -22
  176. package/tabs/Tabs.js +131 -62
  177. package/tabs/Tabs.test.js +122 -67
  178. package/tabs/types.d.ts +8 -8
  179. package/tag/Tag.js +54 -27
  180. package/tag/Tag.test.js +31 -20
  181. package/tag/types.d.ts +7 -7
  182. package/text-input/Icons.js +3 -0
  183. package/text-input/Suggestion.js +24 -8
  184. package/text-input/Suggestions.js +36 -11
  185. package/text-input/TextInput.js +144 -59
  186. package/text-input/TextInput.stories.tsx +1 -1
  187. package/text-input/TextInput.test.js +858 -539
  188. package/text-input/types.d.ts +9 -9
  189. package/textarea/Textarea.js +73 -38
  190. package/textarea/Textarea.test.js +173 -98
  191. package/textarea/types.d.ts +4 -4
  192. package/toggle-group/ToggleGroup.d.ts +2 -2
  193. package/toggle-group/ToggleGroup.js +59 -21
  194. package/toggle-group/ToggleGroup.test.js +72 -40
  195. package/toggle-group/types.d.ts +11 -11
  196. package/typography/Typography.d.ts +2 -2
  197. package/typography/Typography.js +23 -110
  198. package/typography/Typography.stories.tsx +1 -1
  199. package/typography/types.d.ts +1 -1
  200. package/useTheme.d.ts +1234 -1
  201. package/useTheme.js +6 -0
  202. package/useTranslatedLabels.d.ts +84 -2
  203. package/useTranslatedLabels.js +5 -0
  204. package/utils/BaseTypography.d.ts +21 -0
  205. package/utils/BaseTypography.js +108 -0
  206. package/utils/FocusLock.d.ts +13 -0
  207. package/utils/FocusLock.js +138 -0
  208. package/wizard/Wizard.js +47 -13
  209. package/wizard/Wizard.test.js +81 -54
  210. package/wizard/types.d.ts +7 -8
  211. package/card/ice-cream.jpg +0 -0
  212. package/translatedLabelsType.d.ts +0 -82
  213. /package/{translatedLabelsType.js → grid/types.js} +0 -0
@@ -1,215 +1,72 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
- exports.typeface = exports.spaces = exports.responsiveSizes = exports.globalTokens = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
7
- var globalTokens = {
8
- // Color
9
- inherit: "inherit",
10
- transparent: "transparent",
11
- hal_white: "#ffffff",
12
- hal_grey_l_95: "#f2f2f2",
13
- hal_grey_l_90: "#e6e6e6",
14
- hal_grey_l_80: "#cccccc",
15
- hal_grey_l_75: "#bfbfbf",
16
- hal_grey_l_60: "#999999",
17
- hal_grey_s_40: "#666666",
18
- hal_black: "#000000",
19
- color_grey_800: "#4d4d4d",
20
- color_grey_600: "#808080",
21
- color_grey_50: "#fafafa",
22
- color_grey_a_100: "#0000000d",
23
- color_grey_a_200: "#0000001a",
24
- color_grey_a_300: "#00000033",
25
- color_grey_a_800: "#000000b3",
26
- color_grey_a_900: "#333333",
27
- hal_purple_l_95: "#f2eafa",
28
- hal_purple_l_90: "#e5d5f6",
29
- hal_purple_l_65: "#a46ede",
30
- hal_purple_s_38: "#5f249f",
31
- hal_purple_d_30: "#4b1c7d",
32
- hal_purple_d_20: "#321353",
33
- hal_purple_d_70: "#9A6bb2",
34
- color_purple_600: "#7d2fd0",
35
- color_purple_300: "#cbacec",
36
- hal_blue_l_95: "#e6f4ff",
37
- hal_blue_l_80: "#99d5ff",
38
- hal_blue_l_50: "#0095ff",
39
- hal_blue_l_45: "#0086e6",
40
- hal_blue_s_35: "#0067b3",
41
- hal_blue_d_20: "#003c66",
42
- color_blue_200: "#cceaff",
43
- color_blue_500: "#33aaff",
44
- color_blue_50: "#f5fbff",
45
- hal_red_l_95: "#ffe6e9",
46
- hal_red_l_80: "#fe9aa7",
47
- hal_red_l_60: "#fe344f",
48
- hal_red_s_41: "#d0011b",
49
- hal_red_d_30: "#980115",
50
- hal_red_d_20: "#65010e",
51
- color_red_700: "#ffccd3",
52
- color_red_50: "#fff5f6",
53
- color_red_600: "#fe0123",
54
- hal_green_l_95: "#eafaef",
55
- hal_green_l_80: "#acecbe",
56
- hal_green_s_39: "#24a148",
57
- hal_green_d_30: "#1c7d38",
58
- hal_green_d_20: "#135325",
59
- hal_yellow_l_95: "#fef9e6",
60
- hal_yellow_l_80: "#fbe89d",
61
- hal_yellow_s_57: "#f7cf2b",
62
- hal_yellow_d_40: "#c59f07",
63
- hal_yellow_d_30: "#947705",
64
- hal_orange_s_54: "#f38f20",
65
- lightBlack: "#212121",
66
- yellow: "#ffed00",
67
- lightGrey: "#d9d9d9",
68
- lightRed: "#ff6161",
69
- lightBlue: "#cee0f5",
70
- lightYellow: "#fcf2bd",
71
- lightPink: "#f9cfcf",
72
- lightGreen: "#dbf1c4",
73
- blue: "#005fcc",
74
- lighterGrey: "#f8f8f8",
75
- violet: "#8800f6",
76
- darkBlue: "#006bf6",
77
- purple: "#6f2c91",
78
- mediumPurple: "#ead8f3",
79
- lightPurple: "#f5ebf9",
80
- lighterPurple: "#d0bddb",
81
- mediumWhite: "#f9f9f9",
82
- softBlue: "#b1cee6",
83
- darkWhite: "#eeeeee",
84
- lighterBlack: "#b1b1b1",
85
- mediumBlack: "#676767",
86
- mediumGreyBlack: "#dbdbdb",
87
- softGrey: "#cecece",
88
- softBlack: "#565656",
89
- // Typography
90
- type_sans: "Open Sans, sans-serif",
91
- type_scale_root: "16px",
92
- type_scale_08: "3.75rem",
93
- type_scale_07: "2.5rem",
94
- type_scale_06: "2rem",
95
- type_scale_05: "1.5rem",
96
- type_scale_04: "1.25rem",
97
- type_scale_03: "1rem",
98
- type_scale_02: "0.875rem",
99
- type_scale_01: "0.75rem",
100
- type_light: "300",
101
- type_regular: "400",
102
- type_semibold: "600",
103
- type_bold: "bold",
104
- type_italic: "italic",
105
- type_normal: "normal",
106
- type_spacing_tight_02: "-0.05em",
107
- type_spacing_tight_01: "-0.025em",
108
- type_spacing_normal: "0em",
109
- type_spacing_wide_01: "0.025em",
110
- type_spacing_wide_02: "0.05em",
111
- type_spacing_wide_03: "0.1em",
112
- type_initial: "initial",
113
- type_uppercase: "uppercase",
114
- type_no_line: "none",
115
- type_underline: "underline",
116
- type_line_through: "line-through",
117
- type_leading_compact_03: "1em",
118
- type_leading_compact_02: "1.25em",
119
- type_leading_compact_01: "1.365em",
120
- type_leading_normal: "1.5em",
121
- type_leading_loose_01: "1.715em",
122
- type_leading_loose_02: "2em",
123
- fontSize10: "10px",
124
- // Spacing
125
- spacing_00: "0rem",
126
- spacing_01: "0.125rem",
127
- spacing_02: "0.25rem",
128
- spacing_03: "0.5rem",
129
- spacing_04: "0.75rem",
130
- spacing_05: "1rem",
131
- spacing_06: "1.5rem",
132
- spacing_07: "2rem",
133
- spacing_08: "2.5rem",
134
- spacing_09: "3rem",
135
- spacing_10: "3.5rem",
136
- spacing_11: "4rem",
137
- spacing_12: "5rem",
138
- spacing_13: "6rem",
139
- spacing_14: "7rem",
140
- // Border
141
- border_width_0: "0px",
142
- border_width_1: "1px",
143
- border_width_2: "2px",
144
- border_width_4: "4px",
145
- border_radius_none: "0rem",
146
- border_radius_small: "0.125rem",
147
- border_radius_medium: "0.25rem",
148
- border_radius_large: "0.375rem",
149
- border_radius_full: "9999px",
150
- border_solid: "solid",
151
- border_dashed: "dashed",
152
- border_none: "none"
153
- };
154
- exports.globalTokens = globalTokens;
8
+ exports.spaces = exports.responsiveSizes = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
9
+
10
+ var _coreTokens = _interopRequireDefault(require("./coreTokens"));
11
+
155
12
  var componentTokens = {
156
13
  accordion: {
157
- backgroundColor: globalTokens.hal_white,
158
- hoverBackgroundColor: globalTokens.hal_purple_l_95,
159
- arrowColor: globalTokens.hal_purple_s_38,
160
- disabledArrowColor: globalTokens.hal_grey_l_60,
161
- assistiveTextFontFamily: globalTokens.type_sans,
162
- assistiveTextFontSize: globalTokens.type_scale_03,
163
- assistiveTextFontWeight: globalTokens.type_light,
164
- assistiveTextFontStyle: globalTokens.type_italic,
165
- assistiveTextLetterSpacing: globalTokens.type_spacing_wide_01,
166
- assistiveTextFontColor: globalTokens.hal_grey_s_40,
167
- disabledAssistiveTextFontColor: globalTokens.hal_grey_l_60,
14
+ backgroundColor: _coreTokens["default"].color_white,
15
+ hoverBackgroundColor: _coreTokens["default"].color_purple_100,
16
+ arrowColor: _coreTokens["default"].color_purple_700,
17
+ disabledArrowColor: _coreTokens["default"].color_grey_500,
18
+ assistiveTextFontFamily: _coreTokens["default"].type_sans,
19
+ assistiveTextFontSize: _coreTokens["default"].type_scale_03,
20
+ assistiveTextFontWeight: _coreTokens["default"].type_light,
21
+ assistiveTextFontStyle: _coreTokens["default"].type_italic,
22
+ assistiveTextLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
23
+ assistiveTextFontColor: _coreTokens["default"].color_grey_700,
24
+ disabledAssistiveTextFontColor: _coreTokens["default"].color_grey_500,
168
25
  assistiveTextMinWidth: "100px",
169
26
  assistiveTextPaddingRight: "24px",
170
27
  assistiveTextPaddingLeft: "0px",
171
- titleLabelFontFamily: globalTokens.type_sans,
172
- titleLabelFontSize: globalTokens.type_scale_03,
173
- titleLabelFontWeight: globalTokens.type_regular,
174
- titleLabelFontStyle: globalTokens.type_normal,
175
- titleLabelFontColor: globalTokens.hal_black,
176
- disabledTitleLabelFontColor: globalTokens.hal_grey_l_60,
28
+ titleLabelFontFamily: _coreTokens["default"].type_sans,
29
+ titleLabelFontSize: _coreTokens["default"].type_scale_03,
30
+ titleLabelFontWeight: _coreTokens["default"].type_regular,
31
+ titleLabelFontStyle: _coreTokens["default"].type_normal,
32
+ titleLabelFontColor: _coreTokens["default"].color_black,
33
+ disabledTitleLabelFontColor: _coreTokens["default"].color_grey_500,
177
34
  titleLabelPaddingTop: "0px",
178
35
  titleLabelPaddingBottom: "0px",
179
36
  titleLabelPaddingLeft: "0px",
180
37
  titleLabelPaddingRight: "16px",
181
- focusBorderColor: globalTokens.hal_blue_l_50,
182
- focusBorderStyle: globalTokens.border_solid,
38
+ focusBorderColor: _coreTokens["default"].color_blue_600,
39
+ focusBorderStyle: _coreTokens["default"].border_solid,
183
40
  focusBorderThickness: "2px",
184
41
  borderRadius: "4px",
185
42
  boxShadowOffsetX: "0px",
186
43
  boxShadowOffsetY: "6px",
187
44
  boxShadowBlur: "10px",
188
- boxShadowColor: globalTokens.color_grey_a_200,
189
- iconColor: globalTokens.hal_purple_s_38,
190
- disabledIconColor: globalTokens.hal_grey_l_60,
45
+ boxShadowColor: _coreTokens["default"].color_grey_200_a,
46
+ iconColor: _coreTokens["default"].color_purple_700,
47
+ disabledIconColor: _coreTokens["default"].color_grey_500,
191
48
  iconSize: "24px",
192
49
  iconMarginLeft: "0px",
193
50
  iconMarginRigth: "12px",
194
- accordionGroupSeparatorBorderColor: globalTokens.color_grey_a_200,
51
+ accordionGroupSeparatorBorderColor: _coreTokens["default"].color_grey_200_a,
195
52
  accordionGroupSeparatorBorderThickness: "1px",
196
53
  accordionGroupSeparatorBorderRadius: "0px",
197
- accordionGroupSeparatorBorderStyle: globalTokens.border_solid
54
+ accordionGroupSeparatorBorderStyle: _coreTokens["default"].border_solid
198
55
  },
199
56
  alert: {
200
- titleFontFamily: globalTokens.type_sans,
201
- titleFontColor: globalTokens.hal_black,
202
- titleFontSize: globalTokens.type_scale_01,
203
- titleFontStyle: globalTokens.type_normal,
204
- titleFontWeight: globalTokens.type_bold,
205
- titleTextTransform: globalTokens.type_uppercase,
57
+ titleFontFamily: _coreTokens["default"].type_sans,
58
+ titleFontColor: _coreTokens["default"].color_black,
59
+ titleFontSize: _coreTokens["default"].type_scale_01,
60
+ titleFontStyle: _coreTokens["default"].type_normal,
61
+ titleFontWeight: _coreTokens["default"].type_bold,
62
+ titleTextTransform: _coreTokens["default"].type_uppercase,
206
63
  titlePaddingRight: "0px",
207
64
  titlePaddingLeft: "0px",
208
- inlineTextFontFamily: globalTokens.type_sans,
209
- inlineTextFontColor: globalTokens.hal_black,
210
- inlineTextFontSize: globalTokens.type_scale_01,
211
- inlineTextFontStyle: globalTokens.type_normal,
212
- inlineTextFontWeight: globalTokens.type_regular,
65
+ inlineTextFontFamily: _coreTokens["default"].type_sans,
66
+ inlineTextFontColor: _coreTokens["default"].color_black,
67
+ inlineTextFontSize: _coreTokens["default"].type_scale_01,
68
+ inlineTextFontStyle: _coreTokens["default"].type_normal,
69
+ inlineTextFontWeight: _coreTokens["default"].type_regular,
213
70
  inlineTextPaddingLeft: "0px",
214
71
  inlineTextPaddingRight: "0px",
215
72
  contentPaddingLeft: "0px",
@@ -217,54 +74,53 @@ var componentTokens = {
217
74
  contentPaddingTop: "20px",
218
75
  contentPaddingBottom: "30px",
219
76
  borderRadius: "4px",
220
- borderStyle: globalTokens.border_solid,
77
+ borderStyle: _coreTokens["default"].border_solid,
221
78
  borderThickness: "1px",
222
- infoBorderColor: globalTokens.hal_blue_s_35,
223
- successBorderColor: globalTokens.hal_green_s_39,
224
- warningBorderColor: globalTokens.hal_yellow_d_40,
225
- errorBorderColor: globalTokens.hal_red_s_41,
79
+ infoBorderColor: _coreTokens["default"].color_blue_800,
80
+ successBorderColor: _coreTokens["default"].color_green_700,
81
+ warningBorderColor: _coreTokens["default"].color_yellow_700,
82
+ errorBorderColor: _coreTokens["default"].color_red_700,
226
83
  iconSize: "24px",
227
84
  iconPaddingLeft: "0px",
228
85
  iconPaddingRight: "0px",
229
- infoIconColor: globalTokens.hal_blue_s_35,
230
- successIconColor: globalTokens.hal_green_s_39,
231
- warningIconColor: globalTokens.hal_yellow_d_40,
232
- errorIconColor: globalTokens.hal_red_s_41,
233
- infoBackgroundColor: globalTokens.hal_blue_l_95,
234
- successBackgroundColor: globalTokens.hal_green_l_95,
235
- warningBackgroundColor: globalTokens.hal_yellow_l_95,
236
- errorBackgroundColor: globalTokens.hal_red_l_95,
237
- hoverActionBackgroundColor: globalTokens.color_grey_a_100,
238
- activeActionBackgroundColor: globalTokens.color_grey_a_200,
239
- focusActionBorderColor: globalTokens.hal_blue_l_50,
240
- overlayColor: globalTokens.color_grey_a_800
86
+ infoIconColor: _coreTokens["default"].color_blue_800,
87
+ successIconColor: _coreTokens["default"].color_green_700,
88
+ warningIconColor: _coreTokens["default"].color_yellow_700,
89
+ errorIconColor: _coreTokens["default"].color_red_700,
90
+ infoBackgroundColor: _coreTokens["default"].color_blue_100,
91
+ successBackgroundColor: _coreTokens["default"].color_green_100,
92
+ warningBackgroundColor: _coreTokens["default"].color_yellow_100,
93
+ errorBackgroundColor: _coreTokens["default"].color_red_100,
94
+ hoverActionBackgroundColor: _coreTokens["default"].color_grey_100_a,
95
+ activeActionBackgroundColor: _coreTokens["default"].color_grey_200_a,
96
+ focusActionBorderColor: _coreTokens["default"].color_blue_600,
97
+ overlayColor: _coreTokens["default"].color_grey_800_a
241
98
  },
242
99
  box: {
243
- backgroundColor: globalTokens.hal_white,
244
- letterSpacing: globalTokens.type_spacing_wide_01,
245
- borderRadius: "4px",
246
- borderThickness: globalTokens.border_width_0,
247
- borderStyle: globalTokens.border_none,
248
- borderColor: globalTokens.transparent,
100
+ backgroundColor: _coreTokens["default"].color_white,
101
+ borderRadius: _coreTokens["default"].border_radius_medium,
102
+ borderThickness: _coreTokens["default"].border_width_0,
103
+ borderStyle: _coreTokens["default"].border_none,
104
+ borderColor: _coreTokens["default"].color_transparent,
249
105
  noneShadowDepthShadowOffsetX: "none",
250
106
  noneShadowDepthShadowOffsetY: "none",
251
107
  noneShadowDepthShadowBlur: "none",
252
108
  noneShadowDepthShadowSpread: "none",
253
- noneShadowDepthShadowColor: globalTokens.transparent,
109
+ noneShadowDepthShadowColor: _coreTokens["default"].color_transparent,
254
110
  oneShadowDepthShadowOffsetX: "0px",
255
111
  oneShadowDepthShadowOffsetY: "3px",
256
112
  oneShadowDepthShadowBlur: "6px",
257
113
  oneShadowDepthShadowSpread: "0px",
258
- oneShadowDepthShadowColor: globalTokens.color_grey_a_300,
114
+ oneShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a,
259
115
  twoShadowDepthShadowOffsetX: "0px",
260
116
  twoShadowDepthShadowOffsetY: "3px",
261
117
  twoShadowDepthShadowBlur: "10px",
262
118
  twoShadowDepthShadowSpread: "0px",
263
- twoShadowDepthShadowColor: globalTokens.color_grey_a_300
119
+ twoShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a
264
120
  },
265
121
  bulletedList: {
266
- fontColor: globalTokens.hal_black,
267
- fontColorOnDark: globalTokens.hal_white,
122
+ fontColor: _coreTokens["default"].color_black,
123
+ fontColorOnDark: _coreTokens["default"].color_white,
268
124
  bulletIconHeight: "1.5rem",
269
125
  bulletIconWidth: "1.5rem",
270
126
  bulletHeight: "5px",
@@ -272,426 +128,423 @@ var componentTokens = {
272
128
  bulletMarginRight: "0.5rem"
273
129
  },
274
130
  button: {
275
- labelFontLineHeight: globalTokens.type_leading_normal,
276
- labelLetterSpacing: globalTokens.type_spacing_wide_01,
277
- paddingLeft: globalTokens.spacing_03,
278
- paddingRight: globalTokens.spacing_03,
279
- paddingTop: globalTokens.spacing_03,
280
- paddingBottom: globalTokens.spacing_03,
281
- focusBorderColor: globalTokens.hal_blue_l_50,
282
- focusBorderColorOnDark: globalTokens.hal_blue_l_50,
283
- primaryBackgroundColor: globalTokens.hal_purple_s_38,
284
- primaryBackgroundColorOnDark: globalTokens.hal_purple_s_38,
285
- primaryFontColor: globalTokens.hal_white,
286
- primaryFontColorOnDark: globalTokens.hal_white,
287
- primaryHoverBackgroundColor: globalTokens.hal_purple_d_30,
288
- primaryHoverBackgroundColorOnDark: globalTokens.color_purple_600,
289
- primaryActiveBackgroundColor: globalTokens.hal_purple_d_20,
290
- primaryActiveBackgroundColorOnDark: globalTokens.hal_purple_d_30,
291
- primaryDisabledBackgroundColor: globalTokens.hal_grey_l_95,
292
- primaryDisabledBackgroundColorOnDark: globalTokens.color_grey_800,
293
- primaryDisabledFontColor: globalTokens.hal_grey_l_60,
294
- primaryDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
295
- primaryBorderThickness: globalTokens.border_width_0,
296
- primaryBorderStyle: globalTokens.border_none,
297
- primaryBorderRadius: globalTokens.border_radius_medium,
298
- primaryFontFamily: globalTokens.type_sans,
299
- primaryFontSize: globalTokens.type_scale_03,
300
- primaryFontWeight: globalTokens.type_regular,
301
- secondaryBackgroundColor: globalTokens.transparent,
302
- secondaryBackgroundColorOnDark: globalTokens.transparent,
303
- secondaryFontColor: globalTokens.hal_purple_s_38,
304
- secondaryFontColorOnDark: globalTokens.hal_white,
305
- secondaryHoverFontColor: globalTokens.hal_white,
306
- secondaryHoverFontColorOnDark: globalTokens.hal_black,
307
- secondaryBorderColor: globalTokens.hal_purple_s_38,
308
- secondaryBorderColorOnDark: globalTokens.hal_white,
309
- secondaryHoverBackgroundColor: globalTokens.hal_purple_s_38,
310
- secondaryHoverBackgroundColorOnDark: globalTokens.hal_white,
311
- secondaryActiveBackgroundColor: globalTokens.hal_purple_d_20,
312
- secondaryActiveBackgroundColorOnDark: globalTokens.hal_grey_l_90,
313
- secondaryDisabledBackgroundColor: globalTokens.transparent,
314
- secondaryDisabledBackgroundColorOnDark: globalTokens.transparent,
315
- secondaryDisabledFontColor: globalTokens.lighterBlack,
316
- secondaryDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
317
- secondaryDisabledBorderColor: globalTokens.hal_grey_l_60,
318
- secondaryDisabledBorderColorOnDark: globalTokens.hal_grey_l_60,
319
- secondaryBorderThickness: globalTokens.border_width_1,
320
- secondaryBorderStyle: globalTokens.border_solid,
321
- secondaryBorderRadius: globalTokens.border_radius_medium,
322
- secondaryFontFamily: globalTokens.type_sans,
323
- secondaryFontSize: globalTokens.type_scale_03,
324
- secondaryFontWeight: globalTokens.type_regular,
325
- textBackgroundColor: globalTokens.transparent,
326
- textBackgroundColorOnDark: globalTokens.transparent,
327
- textFontColor: globalTokens.hal_purple_s_38,
328
- textFontColorOnDark: globalTokens.hal_white,
329
- textHoverBackgroundColor: globalTokens.hal_purple_l_95,
330
- textHoverBackgroundColorOnDark: globalTokens.color_grey_800,
331
- textActiveBackgroundColor: globalTokens.hal_purple_l_90,
332
- textActiveBackgroundColorOnDark: globalTokens.hal_grey_s_40,
333
- textDisabledBackgroundColor: globalTokens.transparent,
334
- textDisabledBackgroundColorOnDark: globalTokens.transparent,
335
- textDisabledFontColor: globalTokens.hal_grey_l_60,
336
- textDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
337
- textBorderThickness: globalTokens.border_width_0,
338
- textBorderStyle: globalTokens.border_none,
339
- textBorderRadius: globalTokens.border_radius_medium,
340
- textFontFamily: globalTokens.type_sans,
341
- textFontSize: globalTokens.type_scale_03,
342
- textFontWeight: globalTokens.type_regular
131
+ labelFontLineHeight: _coreTokens["default"].type_leading_normal,
132
+ labelLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
133
+ paddingLeft: _coreTokens["default"].spacing_8,
134
+ paddingRight: _coreTokens["default"].spacing_8,
135
+ paddingTop: _coreTokens["default"].spacing_8,
136
+ paddingBottom: _coreTokens["default"].spacing_8,
137
+ focusBorderColor: _coreTokens["default"].color_blue_600,
138
+ focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
139
+ primaryBackgroundColor: _coreTokens["default"].color_purple_700,
140
+ primaryBackgroundColorOnDark: _coreTokens["default"].color_purple_700,
141
+ primaryFontColor: _coreTokens["default"].color_white,
142
+ primaryFontColorOnDark: _coreTokens["default"].color_white,
143
+ primaryHoverBackgroundColor: _coreTokens["default"].color_purple_800,
144
+ primaryHoverBackgroundColorOnDark: _coreTokens["default"].color_purple_600,
145
+ primaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
146
+ primaryActiveBackgroundColorOnDark: _coreTokens["default"].color_purple_800,
147
+ primaryDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
148
+ primaryDisabledBackgroundColorOnDark: _coreTokens["default"].color_grey_800,
149
+ primaryDisabledFontColor: _coreTokens["default"].color_grey_500,
150
+ primaryDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
151
+ primaryBorderThickness: _coreTokens["default"].border_width_0,
152
+ primaryBorderStyle: _coreTokens["default"].border_none,
153
+ primaryBorderRadius: _coreTokens["default"].border_radius_medium,
154
+ primaryFontFamily: _coreTokens["default"].type_sans,
155
+ primaryFontSize: _coreTokens["default"].type_scale_03,
156
+ primaryFontWeight: _coreTokens["default"].type_regular,
157
+ secondaryBackgroundColor: _coreTokens["default"].color_transparent,
158
+ secondaryBackgroundColorOnDark: _coreTokens["default"].color_transparent,
159
+ secondaryFontColor: _coreTokens["default"].color_purple_700,
160
+ secondaryFontColorOnDark: _coreTokens["default"].color_white,
161
+ secondaryHoverFontColor: _coreTokens["default"].color_white,
162
+ secondaryHoverFontColorOnDark: _coreTokens["default"].color_black,
163
+ secondaryBorderColor: _coreTokens["default"].color_purple_700,
164
+ secondaryBorderColorOnDark: _coreTokens["default"].color_white,
165
+ secondaryHoverBackgroundColor: _coreTokens["default"].color_purple_700,
166
+ secondaryHoverBackgroundColorOnDark: _coreTokens["default"].color_white,
167
+ secondaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
168
+ secondaryActiveBackgroundColorOnDark: _coreTokens["default"].color_grey_200,
169
+ secondaryDisabledBackgroundColor: _coreTokens["default"].color_transparent,
170
+ secondaryDisabledBackgroundColorOnDark: _coreTokens["default"].color_transparent,
171
+ secondaryDisabledFontColor: _coreTokens["default"].color_grey_500,
172
+ secondaryDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
173
+ secondaryDisabledBorderColor: _coreTokens["default"].color_grey_500,
174
+ secondaryDisabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
175
+ secondaryBorderThickness: _coreTokens["default"].border_width_1,
176
+ secondaryBorderStyle: _coreTokens["default"].border_solid,
177
+ secondaryBorderRadius: _coreTokens["default"].border_radius_medium,
178
+ secondaryFontFamily: _coreTokens["default"].type_sans,
179
+ secondaryFontSize: _coreTokens["default"].type_scale_03,
180
+ secondaryFontWeight: _coreTokens["default"].type_regular,
181
+ textBackgroundColor: _coreTokens["default"].color_transparent,
182
+ textBackgroundColorOnDark: _coreTokens["default"].color_transparent,
183
+ textFontColor: _coreTokens["default"].color_purple_700,
184
+ textFontColorOnDark: _coreTokens["default"].color_white,
185
+ textHoverBackgroundColor: _coreTokens["default"].color_purple_100,
186
+ textHoverBackgroundColorOnDark: _coreTokens["default"].color_grey_800,
187
+ textActiveBackgroundColor: _coreTokens["default"].color_purple_200,
188
+ textActiveBackgroundColorOnDark: _coreTokens["default"].color_grey_700,
189
+ textDisabledBackgroundColor: _coreTokens["default"].color_transparent,
190
+ textDisabledBackgroundColorOnDark: _coreTokens["default"].color_transparent,
191
+ textDisabledFontColor: _coreTokens["default"].color_grey_500,
192
+ textDisabledFontColorOnDark: _coreTokens["default"].color_grey_500,
193
+ textBorderThickness: _coreTokens["default"].border_width_0,
194
+ textBorderStyle: _coreTokens["default"].border_none,
195
+ textBorderRadius: _coreTokens["default"].border_radius_medium,
196
+ textFontFamily: _coreTokens["default"].type_sans,
197
+ textFontSize: _coreTokens["default"].type_scale_03,
198
+ textFontWeight: _coreTokens["default"].type_regular
343
199
  },
344
200
  card: {
345
201
  height: "220px",
346
202
  width: "400px"
347
203
  },
348
204
  checkbox: {
349
- backgroundColorChecked: globalTokens.hal_blue_s_35,
350
- backgroundColorCheckedOnDark: globalTokens.hal_grey_l_90,
351
- hoverBackgroundColorChecked: globalTokens.hal_blue_d_20,
352
- hoverBackgroundColorCheckedOnDark: globalTokens.hal_white,
353
- disabledBackgroundColorChecked: globalTokens.hal_grey_l_60,
354
- disabledBackgroundColorCheckedOnDark: globalTokens.color_grey_800,
355
- borderColor: globalTokens.hal_blue_s_35,
356
- borderColorOnDark: globalTokens.hal_grey_l_90,
357
- hoverBorderColor: globalTokens.hal_blue_d_20,
358
- hoverBorderColorOnDark: globalTokens.hal_white,
359
- disabledBorderColor: globalTokens.hal_grey_l_60,
360
- disabledBorderColorOnDark: globalTokens.color_grey_800,
361
- checkColor: globalTokens.hal_white,
362
- checkColorOnDark: globalTokens.hal_black,
363
- disabledCheckColor: globalTokens.hal_white,
364
- disabledCheckColorOnDark: globalTokens.hal_grey_l_60,
365
- fontFamily: globalTokens.type_sans,
366
- fontSize: globalTokens.type_scale_02,
367
- fontWeight: globalTokens.type_regular,
368
- fontColor: globalTokens.hal_black,
369
- fontColorOnDark: globalTokens.hal_white,
370
- disabledFontColor: globalTokens.hal_grey_l_60,
371
- disabledFontColorOnDark: globalTokens.hal_grey_l_60,
372
- focusColor: globalTokens.hal_blue_l_50,
373
- focusColorOnDark: globalTokens.hal_blue_l_50,
205
+ backgroundColorChecked: _coreTokens["default"].color_blue_800,
206
+ backgroundColorCheckedOnDark: _coreTokens["default"].color_grey_200,
207
+ hoverBackgroundColorChecked: _coreTokens["default"].color_blue_900,
208
+ hoverBackgroundColorCheckedOnDark: _coreTokens["default"].color_white,
209
+ disabledBackgroundColorChecked: _coreTokens["default"].color_grey_500,
210
+ disabledBackgroundColorCheckedOnDark: _coreTokens["default"].color_grey_800,
211
+ borderColor: _coreTokens["default"].color_blue_800,
212
+ borderColorOnDark: _coreTokens["default"].color_grey_200,
213
+ hoverBorderColor: _coreTokens["default"].color_blue_900,
214
+ hoverBorderColorOnDark: _coreTokens["default"].color_white,
215
+ disabledBorderColor: _coreTokens["default"].color_grey_500,
216
+ disabledBorderColorOnDark: _coreTokens["default"].color_grey_800,
217
+ checkColor: _coreTokens["default"].color_white,
218
+ checkColorOnDark: _coreTokens["default"].color_black,
219
+ disabledCheckColor: _coreTokens["default"].color_white,
220
+ disabledCheckColorOnDark: _coreTokens["default"].color_grey_500,
221
+ fontFamily: _coreTokens["default"].type_sans,
222
+ fontSize: _coreTokens["default"].type_scale_02,
223
+ fontWeight: _coreTokens["default"].type_regular,
224
+ fontColor: _coreTokens["default"].color_black,
225
+ fontColorOnDark: _coreTokens["default"].color_white,
226
+ disabledFontColor: _coreTokens["default"].color_grey_500,
227
+ disabledFontColorOnDark: _coreTokens["default"].color_grey_500,
228
+ focusColor: _coreTokens["default"].color_blue_600,
229
+ focusColorOnDark: _coreTokens["default"].color_blue_600,
374
230
  checkLabelSpacing: "8px"
375
231
  },
376
232
  chip: {
377
- backgroundColor: globalTokens.hal_grey_l_90,
378
- disabledBackgroundColor: globalTokens.hal_grey_l_95,
379
- fontFamily: globalTokens.type_sans,
380
- fontSize: globalTokens.type_scale_03,
381
- fontStyle: globalTokens.type_normal,
382
- fontWeight: globalTokens.type_regular,
383
- fontColor: globalTokens.hal_black,
384
- disabledFontColor: globalTokens.hal_grey_l_60,
385
- borderColor: globalTokens.transparent,
233
+ backgroundColor: _coreTokens["default"].color_grey_200,
234
+ disabledBackgroundColor: _coreTokens["default"].color_grey_100,
235
+ fontFamily: _coreTokens["default"].type_sans,
236
+ fontSize: _coreTokens["default"].type_scale_03,
237
+ fontStyle: _coreTokens["default"].type_normal,
238
+ fontWeight: _coreTokens["default"].type_regular,
239
+ fontColor: _coreTokens["default"].color_black,
240
+ disabledFontColor: _coreTokens["default"].color_grey_500,
241
+ borderColor: _coreTokens["default"].color_transparent,
386
242
  borderRadius: "80px",
387
- borderThickness: globalTokens.border_width_0,
388
- borderStyle: globalTokens.border_solid,
243
+ borderThickness: _coreTokens["default"].border_width_0,
244
+ borderStyle: _coreTokens["default"].border_solid,
389
245
  contentPaddingLeft: "16px",
390
246
  contentPaddingRight: "16px",
391
247
  contentPaddingTop: "0px",
392
248
  contentPaddingBottom: "0px",
393
249
  iconSize: "24px",
394
250
  iconSpacing: "8px",
395
- iconColor: globalTokens.color_grey_800,
396
- hoverIconColor: globalTokens.color_grey_a_900,
397
- activeIconColor: globalTokens.hal_black,
398
- disabledIconColor: globalTokens.hal_grey_l_60,
399
- focusColor: globalTokens.hal_blue_l_50,
400
- focusBorderStyle: globalTokens.border_solid,
401
- focusBorderThickness: globalTokens.border_width_2,
402
- focusBorderRadius: globalTokens.border_radius_medium
251
+ iconColor: _coreTokens["default"].color_grey_800,
252
+ hoverIconColor: _coreTokens["default"].color_grey_900,
253
+ activeIconColor: _coreTokens["default"].color_black,
254
+ disabledIconColor: _coreTokens["default"].color_grey_500,
255
+ focusColor: _coreTokens["default"].color_blue_600,
256
+ focusBorderStyle: _coreTokens["default"].border_solid,
257
+ focusBorderThickness: _coreTokens["default"].border_width_2,
258
+ focusBorderRadius: _coreTokens["default"].border_radius_medium
403
259
  },
404
260
  dateInput: {
405
- pickerBackgroundColor: globalTokens.hal_white,
406
- pickerFontColor: globalTokens.hal_black,
407
- pickerBorderColor: globalTokens.hal_grey_l_75,
408
- pickerSelectedBackgroundColor: globalTokens.hal_purple_s_38,
409
- pickerSelectedFontColor: globalTokens.hal_white,
410
- pickerHoverBackgroundColor: globalTokens.hal_purple_l_90,
411
- pickerHoverFontColor: globalTokens.hal_black,
412
- pickerActiveBackgroundColor: globalTokens.hal_purple_d_30,
413
- pickerActiveFontColor: globalTokens.hal_white,
414
- pickerNonCurrentMonthFontColor: globalTokens.hal_grey_l_60,
415
- pickerCurrentDateBorderColor: globalTokens.color_purple_300,
416
- pickerCurrentDateFontColor: globalTokens.hal_black,
417
- pickerCurrentYearFontColor: globalTokens.hal_purple_s_38,
418
- pickerHeaderBackgroundColor: globalTokens.transparent,
419
- pickerHeaderFontColor: globalTokens.hal_black,
420
- pickerHeaderHoverBackgroundColor: globalTokens.hal_purple_l_90,
421
- pickerHeaderHoverFontColor: globalTokens.hal_black,
422
- pickerHeaderActiveBackgroundColor: globalTokens.hal_purple_d_30,
423
- pickerHeaderActiveFontColor: globalTokens.hal_white,
424
- pickerFocusColor: globalTokens.hal_blue_l_50,
425
- pickerBorderWidth: globalTokens.border_width_1,
426
- pickerBorderStyle: globalTokens.border_solid,
427
- pickerFocusWidth: globalTokens.border_width_2,
428
- pickerCurrentDateBorderWidth: globalTokens.border_width_1,
429
- pickerFontFamily: globalTokens.type_sans,
430
- pickerFontSize: globalTokens.type_scale_02,
431
- pickerFontWeight: globalTokens.type_regular,
432
- pickerInteractedYearFontSize: globalTokens.type_scale_05,
433
- pickerHeaderFontSize: globalTokens.type_scale_02
261
+ pickerBackgroundColor: _coreTokens["default"].color_white,
262
+ pickerFontColor: _coreTokens["default"].color_black,
263
+ pickerBorderColor: _coreTokens["default"].color_grey_400,
264
+ pickerSelectedBackgroundColor: _coreTokens["default"].color_purple_700,
265
+ pickerSelectedFontColor: _coreTokens["default"].color_white,
266
+ pickerHoverBackgroundColor: _coreTokens["default"].color_purple_200,
267
+ pickerHoverFontColor: _coreTokens["default"].color_black,
268
+ pickerActiveBackgroundColor: _coreTokens["default"].color_purple_800,
269
+ pickerActiveFontColor: _coreTokens["default"].color_white,
270
+ pickerNonCurrentMonthFontColor: _coreTokens["default"].color_grey_500,
271
+ pickerCurrentDateBorderColor: _coreTokens["default"].color_purple_300,
272
+ pickerCurrentDateFontColor: _coreTokens["default"].color_black,
273
+ pickerCurrentYearFontColor: _coreTokens["default"].color_purple_700,
274
+ pickerHeaderBackgroundColor: _coreTokens["default"].color_transparent,
275
+ pickerHeaderFontColor: _coreTokens["default"].color_black,
276
+ pickerHeaderHoverBackgroundColor: _coreTokens["default"].color_purple_200,
277
+ pickerHeaderHoverFontColor: _coreTokens["default"].color_black,
278
+ pickerHeaderActiveBackgroundColor: _coreTokens["default"].color_purple_800,
279
+ pickerHeaderActiveFontColor: _coreTokens["default"].color_white,
280
+ pickerFocusColor: _coreTokens["default"].color_blue_600,
281
+ pickerBorderWidth: _coreTokens["default"].border_width_1,
282
+ pickerBorderStyle: _coreTokens["default"].border_solid,
283
+ pickerFocusWidth: _coreTokens["default"].border_width_2,
284
+ pickerCurrentDateBorderWidth: _coreTokens["default"].border_width_1,
285
+ pickerFontFamily: _coreTokens["default"].type_sans,
286
+ pickerFontSize: _coreTokens["default"].type_scale_02,
287
+ pickerFontWeight: _coreTokens["default"].type_regular,
288
+ pickerInteractedYearFontSize: _coreTokens["default"].type_scale_05,
289
+ pickerHeaderFontSize: _coreTokens["default"].type_scale_02
434
290
  },
435
291
  dialog: {
436
- overlayColor: globalTokens.color_grey_a_800,
437
- backgroundColor: globalTokens.hal_white,
292
+ overlayColor: _coreTokens["default"].color_grey_800_a,
293
+ backgroundColor: _coreTokens["default"].color_white,
438
294
  closeIconWidth: "24px",
439
295
  closeIconHeight: "24px",
440
296
  closeIconTopPosition: "20px",
441
297
  closeIconRightPosition: "20px",
442
- closeIconBackgroundColor: "none",
443
- closeIconBorderColor: globalTokens.border_none,
444
- closeIconColor: globalTokens.hal_black,
445
- closeIconBorderThickness: globalTokens.border_width_0,
446
- closeIconBorderStyle: globalTokens.border_solid,
447
- closeIconBorderRadius: "0px",
298
+ closeIconBackgroundColor: _coreTokens["default"].color_transparent,
299
+ closeIconBorderColor: _coreTokens["default"].border_none,
300
+ closeIconColor: _coreTokens["default"].color_black,
301
+ closeIconBorderThickness: _coreTokens["default"].border_width_0,
302
+ closeIconBorderStyle: _coreTokens["default"].border_solid,
303
+ closeIconBorderRadius: "2px",
448
304
  boxShadowOffsetX: "0px",
449
305
  boxShadowOffsetY: "1px",
450
306
  boxShadowBlur: "3px",
451
- boxShadowColor: globalTokens.color_grey_a_300,
452
- fontFamily: globalTokens.type_sans,
453
- fontSize: globalTokens.type_scale_03,
454
- fontWeight: globalTokens.type_regular
307
+ boxShadowColor: _coreTokens["default"].color_grey_300_a
455
308
  },
456
309
  dropdown: {
457
- buttonBackgroundColor: globalTokens.hal_white,
458
- hoverButtonBackgroundColor: globalTokens.hal_grey_l_95,
459
- activeButtonBackgroundColor: globalTokens.lightGrey,
460
- buttonFontFamily: globalTokens.type_sans,
461
- buttonFontSize: globalTokens.type_scale_03,
462
- buttonFontStyle: globalTokens.type_normal,
463
- buttonFontWeight: globalTokens.type_regular,
464
- buttonFontColor: globalTokens.hal_black,
310
+ buttonBackgroundColor: _coreTokens["default"].color_white,
311
+ hoverButtonBackgroundColor: _coreTokens["default"].color_grey_100,
312
+ activeButtonBackgroundColor: _coreTokens["default"].color_grey_300,
313
+ buttonFontFamily: _coreTokens["default"].type_sans,
314
+ buttonFontSize: _coreTokens["default"].type_scale_03,
315
+ buttonFontStyle: _coreTokens["default"].type_normal,
316
+ buttonFontWeight: _coreTokens["default"].type_regular,
317
+ buttonFontColor: _coreTokens["default"].color_black,
465
318
  buttonIconSize: "20px",
466
319
  buttonIconSpacing: "10px",
467
- buttonIconColor: globalTokens.hal_black,
320
+ buttonIconColor: _coreTokens["default"].color_black,
468
321
  buttonPaddingTop: "0px",
469
322
  buttonPaddingBottom: "0px",
470
323
  buttonPaddingLeft: "16px",
471
324
  buttonPaddingRight: "16px",
472
- disabledColor: globalTokens.hal_grey_l_60,
473
- disabledButtonBackgroundColor: globalTokens.transparent,
474
- disabledBorderColor: globalTokens.lighterBlack,
475
- optionBackgroundColor: globalTokens.hal_white,
476
- hoverOptionBackgroundColor: globalTokens.hal_grey_l_95,
477
- activeOptionBackgroundColor: globalTokens.hal_grey_l_80,
478
- optionFontFamily: globalTokens.type_sans,
479
- optionFontSize: globalTokens.type_scale_root,
480
- optionFontStyle: globalTokens.type_normal,
481
- optionFontWeight: globalTokens.type_regular,
482
- optionFontColor: globalTokens.hal_black,
325
+ disabledColor: _coreTokens["default"].color_grey_500,
326
+ disabledButtonBackgroundColor: _coreTokens["default"].color_transparent,
327
+ disabledBorderColor: _coreTokens["default"].color_transparent,
328
+ optionBackgroundColor: _coreTokens["default"].color_white,
329
+ hoverOptionBackgroundColor: _coreTokens["default"].color_grey_100,
330
+ activeOptionBackgroundColor: _coreTokens["default"].color_grey_300,
331
+ optionFontFamily: _coreTokens["default"].type_sans,
332
+ optionFontSize: _coreTokens["default"].type_scale_root,
333
+ optionFontStyle: _coreTokens["default"].type_normal,
334
+ optionFontWeight: _coreTokens["default"].type_regular,
335
+ optionFontColor: _coreTokens["default"].color_black,
483
336
  optionIconSize: "20px",
484
337
  optionIconSpacing: "10px",
485
- optionIconColor: globalTokens.hal_black,
338
+ optionIconColor: _coreTokens["default"].color_black,
486
339
  optionPaddingTop: "6px",
487
340
  optionPaddingBottom: "6px",
488
341
  optionPaddingLeft: "16px",
489
342
  optionPaddingRight: "16px",
490
343
  caretIconSize: "24px",
491
- caretIconColor: globalTokens.hal_black,
344
+ caretIconColor: _coreTokens["default"].color_black,
492
345
  caretIconSpacing: "12px",
493
346
  borderRadius: "4px",
494
- borderStyle: globalTokens.border_none,
495
- borderThickness: globalTokens.border_width_0,
496
- borderColor: globalTokens.transparent,
497
- scrollBarThumbColor: globalTokens.hal_grey_s_40,
498
- scrollBarTrackColor: globalTokens.lightGrey,
499
- focusColor: globalTokens.hal_blue_l_50
347
+ borderStyle: _coreTokens["default"].border_none,
348
+ borderThickness: _coreTokens["default"].border_width_0,
349
+ borderColor: _coreTokens["default"].color_transparent,
350
+ scrollBarThumbColor: _coreTokens["default"].color_grey_700,
351
+ scrollBarTrackColor: _coreTokens["default"].color_grey_300,
352
+ focusColor: _coreTokens["default"].color_blue_600
500
353
  },
501
354
  fileInput: {
502
- dropBorderColor: globalTokens.hal_black,
503
- fileItemBorderColor: globalTokens.hal_grey_l_80,
504
- fileNameFontColor: globalTokens.hal_black,
505
- labelFontColor: globalTokens.hal_black,
506
- helperTextFontColor: globalTokens.hal_black,
507
- dropLabelFontColor: globalTokens.hal_black,
508
- disabledLabelFontColor: globalTokens.hal_grey_l_60,
509
- disabledHelperTextFontcolor: globalTokens.hal_grey_l_60,
510
- disabledDropLabelFontColor: globalTokens.hal_grey_l_60,
511
- focusDropBorderColor: globalTokens.hal_blue_l_50,
512
- disabledDropBorderColor: globalTokens.hal_grey_l_60,
513
- dragoverDropBackgroundColor: globalTokens.color_blue_50,
514
- activeFileItemIconBackgrounColor: globalTokens.hal_grey_l_80,
515
- errorFileItemBorderColor: globalTokens.hal_red_s_41,
516
- errorFileItemBackgroundColor: globalTokens.color_red_50,
517
- errorFilePreviewBackgroundColor: globalTokens.color_red_700,
518
- errorFileItemIconColor: globalTokens.hal_red_s_41,
519
- fileItemIconBackgroundColor: globalTokens.hal_grey_l_95,
520
- deleteFileItemColor: globalTokens.hal_black,
521
- errorMessageFontColor: globalTokens.hal_red_s_41,
522
- labelFontFamily: globalTokens.type_sans,
523
- labelFontSize: globalTokens.type_scale_02,
524
- labelFontWeight: globalTokens.type_semibold,
525
- labelLineHeight: globalTokens.type_leading_loose_01,
526
- fileItemFontFamily: globalTokens.type_sans,
527
- fileItemFontSize: globalTokens.type_scale_02,
528
- fileItemFontWeight: globalTokens.type_regular,
529
- fileItemLineHeight: globalTokens.type_leading_normal,
530
- helperTextFontFamily: globalTokens.type_sans,
531
- helperTextFontSize: globalTokens.type_scale_01,
532
- helperTextFontWeight: globalTokens.type_regular,
533
- helperTextLineHeight: globalTokens.type_leading_normal,
534
- dropLabelFontFamily: globalTokens.type_sans,
535
- dropLabelFontSize: globalTokens.type_scale_03,
536
- dropLabelFontWeight: globalTokens.type_regular,
537
- errorMessageFontFamily: globalTokens.type_sans,
538
- errorMessageFontSize: globalTokens.type_scale_01,
539
- errorMessageFontWeight: globalTokens.type_regular,
540
- errorMessageLineHeight: globalTokens.type_leading_normal,
541
- dropBorderThickness: globalTokens.border_width_1,
542
- dropBorderStyle: globalTokens.border_dashed,
543
- dropBorderRadius: globalTokens.border_radius_large,
544
- fileItemBorderThickness: globalTokens.border_width_1,
545
- fileItemBorderStyle: globalTokens.border_solid,
546
- fileItemBorderRadius: globalTokens.border_radius_medium,
547
- hoverDeleteFileItemBackgroundColor: globalTokens.color_grey_a_100,
548
- activeDeleteFileItemBackgroundColor: globalTokens.color_grey_a_300,
549
- focusDeleteFileItemBorderColor: globalTokens.hal_blue_l_50,
550
- filePreviewBackgroundColor: globalTokens.hal_grey_l_95,
551
- filePreviewIconColor: globalTokens.color_grey_600,
552
- errorFilePreviewIconColor: globalTokens.hal_red_s_41
355
+ dropBorderColor: _coreTokens["default"].color_black,
356
+ fileItemBorderColor: _coreTokens["default"].color_grey_300,
357
+ fileNameFontColor: _coreTokens["default"].color_black,
358
+ labelFontColor: _coreTokens["default"].color_black,
359
+ helperTextFontColor: _coreTokens["default"].color_black,
360
+ dropLabelFontColor: _coreTokens["default"].color_black,
361
+ disabledLabelFontColor: _coreTokens["default"].color_grey_500,
362
+ disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
363
+ disabledDropLabelFontColor: _coreTokens["default"].color_grey_500,
364
+ focusDropBorderColor: _coreTokens["default"].color_blue_600,
365
+ disabledDropBorderColor: _coreTokens["default"].color_grey_500,
366
+ dragoverDropBackgroundColor: _coreTokens["default"].color_blue_50,
367
+ activeFileItemIconBackgrounColor: _coreTokens["default"].color_grey_300,
368
+ errorFileItemBorderColor: _coreTokens["default"].color_red_700,
369
+ errorFileItemBackgroundColor: _coreTokens["default"].color_red_50,
370
+ errorFilePreviewBackgroundColor: _coreTokens["default"].color_red_200,
371
+ errorFileItemIconColor: _coreTokens["default"].color_red_700,
372
+ fileItemIconBackgroundColor: _coreTokens["default"].color_grey_100,
373
+ deleteFileItemColor: _coreTokens["default"].color_black,
374
+ errorMessageFontColor: _coreTokens["default"].color_red_700,
375
+ labelFontFamily: _coreTokens["default"].type_sans,
376
+ labelFontSize: _coreTokens["default"].type_scale_02,
377
+ labelFontWeight: _coreTokens["default"].type_semibold,
378
+ labelLineHeight: _coreTokens["default"].type_leading_loose_01,
379
+ fileItemFontFamily: _coreTokens["default"].type_sans,
380
+ fileItemFontSize: _coreTokens["default"].type_scale_02,
381
+ fileItemFontWeight: _coreTokens["default"].type_regular,
382
+ fileItemLineHeight: _coreTokens["default"].type_leading_normal,
383
+ helperTextFontFamily: _coreTokens["default"].type_sans,
384
+ helperTextFontSize: _coreTokens["default"].type_scale_01,
385
+ helperTextFontWeight: _coreTokens["default"].type_regular,
386
+ helperTextLineHeight: _coreTokens["default"].type_leading_normal,
387
+ dropLabelFontFamily: _coreTokens["default"].type_sans,
388
+ dropLabelFontSize: _coreTokens["default"].type_scale_03,
389
+ dropLabelFontWeight: _coreTokens["default"].type_regular,
390
+ errorMessageFontFamily: _coreTokens["default"].type_sans,
391
+ errorMessageFontSize: _coreTokens["default"].type_scale_01,
392
+ errorMessageFontWeight: _coreTokens["default"].type_regular,
393
+ errorMessageLineHeight: _coreTokens["default"].type_leading_normal,
394
+ dropBorderThickness: _coreTokens["default"].border_width_1,
395
+ dropBorderStyle: _coreTokens["default"].border_dashed,
396
+ dropBorderRadius: _coreTokens["default"].border_radius_large,
397
+ fileItemBorderThickness: _coreTokens["default"].border_width_1,
398
+ fileItemBorderStyle: _coreTokens["default"].border_solid,
399
+ fileItemBorderRadius: _coreTokens["default"].border_radius_medium,
400
+ hoverDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_100_a,
401
+ activeDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_300_a,
402
+ focusDeleteFileItemBorderColor: _coreTokens["default"].color_blue_600,
403
+ filePreviewBackgroundColor: _coreTokens["default"].color_grey_100,
404
+ filePreviewIconColor: _coreTokens["default"].color_grey_600,
405
+ errorFilePreviewIconColor: _coreTokens["default"].color_red_700
553
406
  },
554
407
  footer: {
555
408
  height: "124px",
556
- backgroundColor: globalTokens.hal_black,
557
- bottomLinksDividerColor: globalTokens.hal_blue_l_50,
409
+ backgroundColor: _coreTokens["default"].color_black,
410
+ bottomLinksDividerColor: _coreTokens["default"].color_blue_600,
558
411
  bottomLinksDividerThickness: "1px",
559
- bottomLinksDividerStyle: globalTokens.border_solid,
412
+ bottomLinksDividerStyle: _coreTokens["default"].border_solid,
560
413
  bottomLinksDividerSpacing: "8px",
561
- bottomLinksFontFamily: globalTokens.type_sans,
562
- bottomLinksFontSize: globalTokens.type_scale_01,
563
- bottomLinksFontStyle: globalTokens.type_normal,
564
- bottomLinksFontWeight: globalTokens.type_regular,
565
- bottomLinksFontColor: globalTokens.hal_white,
566
- bottomLinksTextDecoration: globalTokens.type_no_line,
567
- copyrightFontFamily: globalTokens.type_sans,
568
- copyrightFontSize: globalTokens.type_scale_01,
569
- copyrightFontStyle: globalTokens.type_normal,
570
- copyrightFontWeight: globalTokens.type_regular,
571
- copyrightFontColor: globalTokens.hal_white,
414
+ bottomLinksFontFamily: _coreTokens["default"].type_sans,
415
+ bottomLinksFontSize: _coreTokens["default"].type_scale_01,
416
+ bottomLinksFontStyle: _coreTokens["default"].type_normal,
417
+ bottomLinksFontWeight: _coreTokens["default"].type_regular,
418
+ bottomLinksFontColor: _coreTokens["default"].color_white,
419
+ bottomLinksTextDecoration: _coreTokens["default"].type_no_line,
420
+ copyrightFontFamily: _coreTokens["default"].type_sans,
421
+ copyrightFontSize: _coreTokens["default"].type_scale_01,
422
+ copyrightFontStyle: _coreTokens["default"].type_normal,
423
+ copyrightFontWeight: _coreTokens["default"].type_regular,
424
+ copyrightFontColor: _coreTokens["default"].color_white,
572
425
  logo: "",
573
426
  logoHeight: "32px",
574
427
  logoWidth: "auto",
575
428
  socialLinksSize: "24px",
576
429
  socialLinksGutter: "16px",
577
- socialLinksColor: globalTokens.hal_white
430
+ socialLinksColor: _coreTokens["default"].color_white
578
431
  },
579
432
  header: {
580
- backgroundColor: globalTokens.hal_white,
581
- hamburguerFocusColor: globalTokens.hal_blue_l_50,
582
- hamburguerFontFamily: globalTokens.type_sans,
583
- hamburguerFontStyle: globalTokens.type_normal,
584
- hamburguerFontColor: globalTokens.hal_black,
433
+ backgroundColor: _coreTokens["default"].color_white,
434
+ hamburguerFocusColor: _coreTokens["default"].color_blue_600,
435
+ hamburguerFontFamily: _coreTokens["default"].type_sans,
436
+ hamburguerFontStyle: _coreTokens["default"].type_normal,
437
+ hamburguerFontColor: _coreTokens["default"].color_black,
585
438
  hamburguerFontSize: "10px",
586
- hamburguerFontWeight: globalTokens.type_semibold,
587
- hamburguerTextTransform: globalTokens.type_uppercase,
588
- hamburguerIconColor: globalTokens.hal_black,
589
- hamburguerHoverColor: globalTokens.hal_grey_l_90,
439
+ hamburguerFontWeight: _coreTokens["default"].type_semibold,
440
+ hamburguerTextTransform: _coreTokens["default"].type_uppercase,
441
+ hamburguerIconColor: _coreTokens["default"].color_black,
442
+ hamburguerHoverColor: _coreTokens["default"].color_grey_200,
590
443
  logo: "",
591
444
  logoResponsive: "",
592
445
  logoHeight: "40px",
593
446
  logoWidth: "auto",
594
- menuBackgroundColor: globalTokens.hal_white,
447
+ menuBackgroundColor: _coreTokens["default"].color_white,
595
448
  menuZindex: "2000",
596
449
  menuTabletWidth: "60vw",
597
450
  menuMobileWidth: "100vw",
598
451
  minHeight: "64px",
599
- overlayColor: globalTokens.color_grey_a_800,
452
+ overlayColor: _coreTokens["default"].color_grey_800_a,
600
453
  overlayOpacity: "0.7",
601
454
  overlayZindex: "1600",
602
455
  paddingTop: "0px",
603
456
  paddingBottom: "0px",
604
457
  paddingRight: "24px",
605
458
  paddingLeft: "24px",
606
- underlinedColor: globalTokens.hal_black,
459
+ underlinedColor: _coreTokens["default"].color_black,
607
460
  underlinedThickness: "2px",
608
- underlinedStyle: globalTokens.border_solid,
609
- contentColor: globalTokens.hal_black,
610
- contentColorOnDark: globalTokens.hal_white
461
+ underlinedStyle: _coreTokens["default"].border_solid,
462
+ contentColor: _coreTokens["default"].color_black,
463
+ contentColorOnDark: _coreTokens["default"].color_white
611
464
  },
612
465
  heading: {
613
- level1FontColor: globalTokens.inherit,
614
- level1FontFamily: globalTokens.type_sans,
615
- level1FontSize: globalTokens.type_scale_07,
616
- level1FontStyle: globalTokens.type_normal,
617
- level1FontWeight: globalTokens.type_semibold,
618
- level1LineHeight: globalTokens.type_leading_compact_01,
619
- level1LetterSpacing: globalTokens.type_spacing_tight_01,
620
- level2FontColor: globalTokens.inherit,
621
- level2FontFamily: globalTokens.type_sans,
622
- level2FontSize: globalTokens.type_scale_05,
623
- level2FontStyle: globalTokens.type_normal,
624
- level2FontWeight: globalTokens.type_semibold,
625
- level2LineHeight: globalTokens.type_leading_normal,
626
- level2LetterSpacing: globalTokens.type_spacing_normal,
627
- level3FontColor: globalTokens.inherit,
628
- level3FontFamily: globalTokens.type_sans,
629
- level3FontSize: globalTokens.type_scale_04,
630
- level3FontStyle: globalTokens.type_normal,
631
- level3FontWeight: globalTokens.type_semibold,
632
- level3LineHeight: globalTokens.type_leading_compact_01,
633
- level3LetterSpacing: globalTokens.type_spacing_wide_01,
634
- level4FontColor: globalTokens.inherit,
635
- level4FontFamily: globalTokens.type_sans,
636
- level4FontSize: globalTokens.type_scale_03,
637
- level4FontStyle: globalTokens.type_normal,
638
- level4FontWeight: globalTokens.type_semibold,
639
- level4LineHeight: globalTokens.type_leading_normal,
640
- level4LetterSpacing: globalTokens.type_spacing_normal,
641
- level5FontColor: globalTokens.inherit,
642
- level5FontFamily: globalTokens.type_sans,
643
- level5FontSize: globalTokens.type_scale_02,
644
- level5FontStyle: globalTokens.type_normal,
645
- level5FontWeight: globalTokens.type_semibold,
646
- level5LineHeight: globalTokens.type_leading_normal,
647
- level5LetterSpacing: globalTokens.type_spacing_wide_01
466
+ level1FontColor: _coreTokens["default"].inherit,
467
+ level1FontFamily: _coreTokens["default"].type_sans,
468
+ level1FontSize: _coreTokens["default"].type_scale_07,
469
+ level1FontStyle: _coreTokens["default"].type_normal,
470
+ level1FontWeight: _coreTokens["default"].type_semibold,
471
+ level1LineHeight: _coreTokens["default"].type_leading_compact_01,
472
+ level1LetterSpacing: _coreTokens["default"].type_spacing_tight_01,
473
+ level2FontColor: _coreTokens["default"].inherit,
474
+ level2FontFamily: _coreTokens["default"].type_sans,
475
+ level2FontSize: _coreTokens["default"].type_scale_05,
476
+ level2FontStyle: _coreTokens["default"].type_normal,
477
+ level2FontWeight: _coreTokens["default"].type_semibold,
478
+ level2LineHeight: _coreTokens["default"].type_leading_normal,
479
+ level2LetterSpacing: _coreTokens["default"].type_spacing_normal,
480
+ level3FontColor: _coreTokens["default"].inherit,
481
+ level3FontFamily: _coreTokens["default"].type_sans,
482
+ level3FontSize: _coreTokens["default"].type_scale_04,
483
+ level3FontStyle: _coreTokens["default"].type_normal,
484
+ level3FontWeight: _coreTokens["default"].type_semibold,
485
+ level3LineHeight: _coreTokens["default"].type_leading_compact_01,
486
+ level3LetterSpacing: _coreTokens["default"].type_spacing_wide_01,
487
+ level4FontColor: _coreTokens["default"].inherit,
488
+ level4FontFamily: _coreTokens["default"].type_sans,
489
+ level4FontSize: _coreTokens["default"].type_scale_03,
490
+ level4FontStyle: _coreTokens["default"].type_normal,
491
+ level4FontWeight: _coreTokens["default"].type_semibold,
492
+ level4LineHeight: _coreTokens["default"].type_leading_normal,
493
+ level4LetterSpacing: _coreTokens["default"].type_spacing_normal,
494
+ level5FontColor: _coreTokens["default"].inherit,
495
+ level5FontFamily: _coreTokens["default"].type_sans,
496
+ level5FontSize: _coreTokens["default"].type_scale_02,
497
+ level5FontStyle: _coreTokens["default"].type_normal,
498
+ level5FontWeight: _coreTokens["default"].type_semibold,
499
+ level5LineHeight: _coreTokens["default"].type_leading_normal,
500
+ level5LetterSpacing: _coreTokens["default"].type_spacing_wide_01
648
501
  },
649
502
  link: {
650
- fontColor: globalTokens.hal_blue_s_35,
651
- fontFamily: globalTokens.inherit,
652
- fontSize: globalTokens.inherit,
653
- fontStyle: globalTokens.type_normal,
654
- fontWeight: globalTokens.type_regular,
503
+ fontColor: _coreTokens["default"].color_blue_800,
504
+ fontFamily: _coreTokens["default"].inherit,
505
+ fontSize: _coreTokens["default"].inherit,
506
+ fontStyle: _coreTokens["default"].type_normal,
507
+ fontWeight: _coreTokens["default"].type_regular,
655
508
  iconSize: "16px",
656
509
  iconSpacing: "4px",
657
510
  underlineSpacing: "0px",
658
- underlineStyle: globalTokens.border_solid,
511
+ underlineStyle: _coreTokens["default"].border_solid,
659
512
  underlineThickness: "1px",
660
- disabledColor: globalTokens.lightGrey,
661
- hoverFontColor: globalTokens.hal_blue_s_35,
662
- hoverUnderlineColor: globalTokens.hal_blue_s_35,
663
- visitedFontColor: globalTokens.hal_purple_s_38,
664
- visitedUnderlineColor: globalTokens.hal_purple_s_38,
665
- activeFontColor: globalTokens.hal_black,
666
- activeUnderlineColor: globalTokens.hal_black,
667
- focusColor: globalTokens.hal_blue_l_50
513
+ disabledFontColor: _coreTokens["default"].color_grey_500,
514
+ hoverFontColor: _coreTokens["default"].color_blue_800,
515
+ hoverUnderlineColor: _coreTokens["default"].color_blue_800,
516
+ visitedFontColor: _coreTokens["default"].color_purple_700,
517
+ visitedUnderlineColor: _coreTokens["default"].color_purple_700,
518
+ activeFontColor: _coreTokens["default"].color_black,
519
+ activeUnderlineColor: _coreTokens["default"].color_black,
520
+ focusColor: _coreTokens["default"].color_blue_600
668
521
  },
669
522
  navTabs: {
670
- selectedBackgroundColor: globalTokens.hal_white,
671
- unselectedBackgroundColor: globalTokens.hal_white,
672
- hoverBackgroundColor: globalTokens.hal_grey_l_95,
673
- pressedBackgroundColor: globalTokens.hal_grey_l_90,
674
- selectedFontColor: globalTokens.hal_grey_s_40,
675
- unselectedFontColor: globalTokens.hal_grey_s_40,
676
- disabledFontColor: globalTokens.hal_grey_l_60,
677
- focusOutline: globalTokens.hal_blue_l_50,
678
- selectedUnderlineColor: globalTokens.hal_purple_s_38,
679
- dividerColor: globalTokens.hal_grey_l_75,
680
- fontFamily: globalTokens.type_sans,
681
- fontSize: globalTokens.type_scale_03,
682
- fontStyle: globalTokens.type_normal,
683
- fontWeight: globalTokens.type_regular,
684
- selectedIconColor: globalTokens.hal_grey_s_40,
685
- unselectedIconColor: globalTokens.hal_grey_s_40,
686
- disabledIconColor: globalTokens.hal_grey_l_60
523
+ selectedBackgroundColor: _coreTokens["default"].color_white,
524
+ unselectedBackgroundColor: _coreTokens["default"].color_white,
525
+ hoverBackgroundColor: _coreTokens["default"].color_grey_100,
526
+ pressedBackgroundColor: _coreTokens["default"].color_grey_200,
527
+ selectedFontColor: _coreTokens["default"].color_grey_700,
528
+ unselectedFontColor: _coreTokens["default"].color_grey_700,
529
+ disabledFontColor: _coreTokens["default"].color_grey_500,
530
+ focusOutline: _coreTokens["default"].color_blue_600,
531
+ selectedUnderlineColor: _coreTokens["default"].color_purple_700,
532
+ dividerColor: _coreTokens["default"].color_grey_400,
533
+ fontFamily: _coreTokens["default"].type_sans,
534
+ fontSize: _coreTokens["default"].type_scale_03,
535
+ fontStyle: _coreTokens["default"].type_normal,
536
+ fontWeight: _coreTokens["default"].type_regular,
537
+ selectedIconColor: _coreTokens["default"].color_grey_700,
538
+ unselectedIconColor: _coreTokens["default"].color_grey_700,
539
+ disabledIconColor: _coreTokens["default"].color_grey_500
687
540
  },
688
541
  paginator: {
689
- backgroundColor: globalTokens.hal_grey_l_95,
690
- fontColor: globalTokens.hal_black,
691
- fontFamily: globalTokens.type_sans,
692
- fontSize: globalTokens.type_scale_02,
693
- fontStyle: globalTokens.type_normal,
694
- fontWeight: globalTokens.type_regular,
542
+ backgroundColor: _coreTokens["default"].color_grey_100,
543
+ fontColor: _coreTokens["default"].color_black,
544
+ fontFamily: _coreTokens["default"].type_sans,
545
+ fontSize: _coreTokens["default"].type_scale_02,
546
+ fontStyle: _coreTokens["default"].type_normal,
547
+ fontWeight: _coreTokens["default"].type_regular,
695
548
  fontTextTransform: "none",
696
549
  verticalPadding: "0.75rem",
697
550
  horizontalPadding: "2rem",
@@ -705,340 +558,340 @@ var componentTokens = {
705
558
  totalItemsContainerMarginLeft: "0px"
706
559
  },
707
560
  paragraph: {
708
- fontColor: globalTokens.hal_black,
709
- fontColorOnDark: globalTokens.hal_white,
561
+ fontColor: _coreTokens["default"].color_black,
562
+ fontColorOnDark: _coreTokens["default"].color_white,
710
563
  display: "block",
711
- fontSize: globalTokens.type_scale_03,
712
- fontWeight: globalTokens.type_regular
564
+ fontSize: _coreTokens["default"].type_scale_03,
565
+ fontWeight: _coreTokens["default"].type_regular
713
566
  },
714
567
  progressBar: {
715
- trackLineColor: globalTokens.hal_purple_s_38,
716
- trackLineColorOnDark: globalTokens.hal_purple_l_65,
717
- totalLineColor: globalTokens.hal_grey_l_90,
718
- labelFontFamily: globalTokens.type_sans,
719
- labelFontSize: globalTokens.type_scale_01,
720
- labelFontStyle: globalTokens.type_normal,
721
- labelFontWeight: globalTokens.type_regular,
722
- labelFontColor: globalTokens.hal_black,
723
- labelFontColorOnDark: globalTokens.hal_white,
724
- labelFontTextTransform: globalTokens.type_uppercase,
725
- valueFontFamily: globalTokens.type_sans,
726
- valueFontSize: globalTokens.type_scale_01,
727
- valueFontStyle: globalTokens.type_normal,
728
- valueFontWeight: globalTokens.type_regular,
729
- valueFontColor: globalTokens.hal_black,
730
- valueFontColorOnDark: globalTokens.hal_white,
731
- valueFontTextTransform: globalTokens.type_uppercase,
732
- helperTextFontColor: globalTokens.hal_black,
733
- helperTextFontColorOnDark: globalTokens.hal_white,
734
- helperTextFontSize: globalTokens.type_scale_01,
735
- helperTextFontStyle: globalTokens.type_normal,
736
- helperTextFontWeight: globalTokens.type_regular,
737
- helperTextFontFamily: globalTokens.type_sans,
568
+ trackLineColor: _coreTokens["default"].color_purple_700,
569
+ trackLineColorOnDark: _coreTokens["default"].color_purple_500,
570
+ totalLineColor: _coreTokens["default"].color_grey_200,
571
+ labelFontFamily: _coreTokens["default"].type_sans,
572
+ labelFontSize: _coreTokens["default"].type_scale_01,
573
+ labelFontStyle: _coreTokens["default"].type_normal,
574
+ labelFontWeight: _coreTokens["default"].type_regular,
575
+ labelFontColor: _coreTokens["default"].color_black,
576
+ labelFontColorOnDark: _coreTokens["default"].color_white,
577
+ labelFontTextTransform: _coreTokens["default"].type_uppercase,
578
+ valueFontFamily: _coreTokens["default"].type_sans,
579
+ valueFontSize: _coreTokens["default"].type_scale_01,
580
+ valueFontStyle: _coreTokens["default"].type_normal,
581
+ valueFontWeight: _coreTokens["default"].type_regular,
582
+ valueFontColor: _coreTokens["default"].color_black,
583
+ valueFontColorOnDark: _coreTokens["default"].color_white,
584
+ valueFontTextTransform: _coreTokens["default"].type_uppercase,
585
+ helperTextFontColor: _coreTokens["default"].color_black,
586
+ helperTextFontColorOnDark: _coreTokens["default"].color_white,
587
+ helperTextFontSize: _coreTokens["default"].type_scale_01,
588
+ helperTextFontStyle: _coreTokens["default"].type_normal,
589
+ helperTextFontWeight: _coreTokens["default"].type_regular,
590
+ helperTextFontFamily: _coreTokens["default"].type_sans,
738
591
  thickness: "9px",
739
592
  borderRadius: "5px",
740
- overlayColor: globalTokens.color_grey_a_800,
741
- overlayFontColor: globalTokens.hal_white
593
+ overlayColor: _coreTokens["default"].color_grey_800_a,
594
+ overlayFontColor: _coreTokens["default"].color_white
742
595
  },
743
596
  quickNav: {
744
- fontColor: globalTokens.hal_grey_s_40,
745
- hoverFontColor: globalTokens.hal_purple_d_70,
746
- dividerBorderColor: globalTokens.hal_grey_l_75,
747
- focusBorderColor: globalTokens.hal_blue_l_50,
748
- focusBorderStyle: globalTokens.border_solid,
749
- focusBorderThickness: globalTokens.border_width_2,
750
- focusBorderRadius: globalTokens.border_width_2,
751
- paddingTop: globalTokens.spacing_03,
752
- paddingBottom: globalTokens.spacing_03,
753
- paddingLeft: globalTokens.spacing_05,
754
- paddingRight: globalTokens.spacing_05,
755
- fontFamily: globalTokens.type_sans,
756
- fontSize: globalTokens.type_scale_02,
757
- fontStyle: globalTokens.type_normal,
758
- fontWeight: globalTokens.type_regular
597
+ fontColor: _coreTokens["default"].color_grey_700,
598
+ hoverFontColor: _coreTokens["default"].color_purple_600,
599
+ dividerBorderColor: _coreTokens["default"].color_grey_400,
600
+ focusBorderColor: _coreTokens["default"].color_blue_600,
601
+ focusBorderStyle: _coreTokens["default"].border_solid,
602
+ focusBorderThickness: _coreTokens["default"].border_width_2,
603
+ focusBorderRadius: _coreTokens["default"].border_width_2,
604
+ paddingTop: _coreTokens["default"].spacing_8,
605
+ paddingBottom: _coreTokens["default"].spacing_8,
606
+ paddingLeft: _coreTokens["default"].spacing_16,
607
+ paddingRight: _coreTokens["default"].spacing_16,
608
+ fontFamily: _coreTokens["default"].type_sans,
609
+ fontSize: _coreTokens["default"].type_scale_02,
610
+ fontStyle: _coreTokens["default"].type_normal,
611
+ fontWeight: _coreTokens["default"].type_regular
759
612
  },
760
613
  radioGroup: {
761
- fontFamily: globalTokens.type_sans,
762
- radioInputColor: globalTokens.hal_blue_l_45,
763
- hoverRadioInputColor: globalTokens.hal_blue_s_35,
764
- focusBorderColor: globalTokens.hal_blue_l_50,
765
- activeRadioInputColor: globalTokens.hal_blue_d_20,
766
- errorRadioInputColor: globalTokens.hal_red_s_41,
767
- hoverErrorRadioInputColor: globalTokens.hal_red_d_30,
768
- activeErrorRadioInputColor: globalTokens.hal_red_d_20,
769
- readonlyRadioInputColor: globalTokens.hal_grey_l_60,
770
- hoverReadonlyRadioInputColor: globalTokens.color_grey_600,
771
- activeReadonlyRadioInputColor: globalTokens.hal_grey_s_40,
772
- disabledRadioInputColor: globalTokens.hal_grey_l_60,
773
- disabledLabelFontColor: globalTokens.hal_grey_l_60,
774
- disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
775
- disabledRadioInputLabelFontColor: globalTokens.hal_grey_l_60,
776
- errorMessageColor: globalTokens.hal_red_s_41,
777
- labelFontColor: globalTokens.hal_black,
778
- labelFontSize: globalTokens.type_scale_02,
779
- labelFontStyle: globalTokens.type_normal,
780
- labelFontWeight: globalTokens.type_semibold,
781
- labelLineHeight: globalTokens.type_leading_loose_01,
782
- optionalLabelFontWeight: globalTokens.type_regular,
783
- helperTextFontColor: globalTokens.hal_black,
784
- helperTextFontSize: globalTokens.type_scale_01,
785
- helperTextFontStyle: globalTokens.type_normal,
786
- helperTextFontWeight: globalTokens.type_regular,
787
- helperTextLineHeight: globalTokens.type_leading_normal,
788
- radioInputLabelFontColor: globalTokens.hal_black,
789
- radioInputLabelFontSize: globalTokens.type_scale_02,
790
- radioInputLabelFontStyle: globalTokens.type_normal,
791
- radioInputLabelFontWeight: globalTokens.type_regular,
792
- radioInputLabelLineHeight: globalTokens.type_leading_loose_01,
793
- groupLabelMargin: globalTokens.spacing_03,
794
- radioInputLabelMargin: globalTokens.spacing_03,
795
- groupVerticalGutter: globalTokens.spacing_02,
796
- groupHorizontalGutter: globalTokens.spacing_07
614
+ fontFamily: _coreTokens["default"].type_sans,
615
+ radioInputColor: _coreTokens["default"].color_blue_700,
616
+ hoverRadioInputColor: _coreTokens["default"].color_blue_800,
617
+ focusBorderColor: _coreTokens["default"].color_blue_600,
618
+ activeRadioInputColor: _coreTokens["default"].color_blue_900,
619
+ errorRadioInputColor: _coreTokens["default"].color_red_700,
620
+ hoverErrorRadioInputColor: _coreTokens["default"].color_red_800,
621
+ activeErrorRadioInputColor: _coreTokens["default"].color_red_900,
622
+ readonlyRadioInputColor: _coreTokens["default"].color_grey_500,
623
+ hoverReadonlyRadioInputColor: _coreTokens["default"].color_grey_600,
624
+ activeReadonlyRadioInputColor: _coreTokens["default"].color_grey_700,
625
+ disabledRadioInputColor: _coreTokens["default"].color_grey_500,
626
+ disabledLabelFontColor: _coreTokens["default"].color_grey_500,
627
+ disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
628
+ disabledRadioInputLabelFontColor: _coreTokens["default"].color_grey_500,
629
+ errorMessageColor: _coreTokens["default"].color_red_700,
630
+ labelFontColor: _coreTokens["default"].color_black,
631
+ labelFontSize: _coreTokens["default"].type_scale_02,
632
+ labelFontStyle: _coreTokens["default"].type_normal,
633
+ labelFontWeight: _coreTokens["default"].type_semibold,
634
+ labelLineHeight: _coreTokens["default"].type_leading_loose_01,
635
+ optionalLabelFontWeight: _coreTokens["default"].type_regular,
636
+ helperTextFontColor: _coreTokens["default"].color_black,
637
+ helperTextFontSize: _coreTokens["default"].type_scale_01,
638
+ helperTextFontStyle: _coreTokens["default"].type_normal,
639
+ helperTextFontWeight: _coreTokens["default"].type_regular,
640
+ helperTextLineHeight: _coreTokens["default"].type_leading_normal,
641
+ radioInputLabelFontColor: _coreTokens["default"].color_black,
642
+ radioInputLabelFontSize: _coreTokens["default"].type_scale_02,
643
+ radioInputLabelFontStyle: _coreTokens["default"].type_normal,
644
+ radioInputLabelFontWeight: _coreTokens["default"].type_regular,
645
+ radioInputLabelLineHeight: _coreTokens["default"].type_leading_loose_01,
646
+ groupLabelMargin: _coreTokens["default"].spacing_8,
647
+ radioInputLabelMargin: _coreTokens["default"].spacing_8,
648
+ groupVerticalGutter: _coreTokens["default"].spacing_4,
649
+ groupHorizontalGutter: _coreTokens["default"].spacing_32
797
650
  },
798
651
  select: {
799
- fontFamily: globalTokens.type_sans,
800
- disabledColor: globalTokens.hal_grey_l_60,
801
- enabledInputBorderColor: globalTokens.hal_black,
802
- hoverInputBorderColor: globalTokens.hal_purple_l_65,
803
- focusInputBorderColor: globalTokens.hal_blue_l_50,
804
- errorInputBorderColor: globalTokens.hal_red_s_41,
805
- hoverInputErrorBorderColor: globalTokens.color_red_600,
806
- disabledInputBorderColor: globalTokens.hal_grey_l_60,
807
- disabledInputBackgroundColor: globalTokens.hal_grey_l_95,
808
- inputMarginTop: globalTokens.spacing_02,
809
- inputMarginBottom: globalTokens.spacing_02,
810
- errorMessageColor: globalTokens.hal_red_s_41,
811
- errorIconColor: globalTokens.hal_red_s_41,
812
- labelFontColor: globalTokens.hal_black,
813
- labelFontSize: globalTokens.type_scale_02,
814
- labelFontStyle: globalTokens.type_normal,
815
- labelFontWeight: globalTokens.type_semibold,
816
- labelLineHeight: globalTokens.type_leading_loose_01,
817
- optionalLabelFontWeight: globalTokens.type_regular,
818
- helperTextFontColor: globalTokens.hal_black,
819
- helperTextFontSize: globalTokens.type_scale_01,
820
- helperTextFontStyle: globalTokens.type_normal,
821
- helperTextFontWeight: globalTokens.type_regular,
822
- helperTextLineHeight: globalTokens.type_leading_normal,
823
- placeholderFontColor: globalTokens.color_grey_a_800,
824
- valueFontColor: globalTokens.hal_black,
825
- valueFontSize: globalTokens.type_scale_03,
826
- valueFontStyle: globalTokens.type_normal,
827
- valueFontWeight: globalTokens.type_regular,
828
- actionIconColor: globalTokens.hal_black,
829
- hoverActionIconColor: globalTokens.hal_black,
830
- activeActionIconColor: globalTokens.hal_black,
831
- actionBackgroundColor: globalTokens.transparent,
832
- hoverActionBackgroundColor: globalTokens.hal_grey_l_95,
833
- activeActionBackgroundColor: globalTokens.hal_grey_l_80,
834
- listOptionFontColor: globalTokens.hal_black,
835
- listOptionFontSize: globalTokens.type_scale_02,
836
- listOptionFontStyle: globalTokens.type_normal,
837
- listOptionFontWeight: globalTokens.type_regular,
838
- listOptionIconColor: globalTokens.hal_black,
839
- listOptionDividerColor: globalTokens.hal_grey_l_90,
840
- listGroupLabelFontWeight: globalTokens.type_semibold,
841
- focusListOptionBorderColor: globalTokens.hal_blue_l_50,
842
- systemMessageFontColor: globalTokens.hal_grey_s_40,
843
- collapseIndicatorColor: globalTokens.hal_black,
844
- listDialogBackgroundColor: globalTokens.hal_white,
845
- listDialogBorderColor: globalTokens.hal_grey_l_75,
846
- selectedListOptionBackgroundColor: globalTokens.hal_blue_l_95,
847
- selectedHoverListOptionBackgroundColor: globalTokens.color_blue_200,
848
- selectedActiveListOptionBackgroundColor: globalTokens.hal_blue_l_80,
849
- selectedListOptionIconColor: globalTokens.hal_blue_d_20,
850
- unselectedHoverListOptionBackgroundColor: globalTokens.hal_grey_l_95,
851
- unselectedActiveListOptionBackgroundColor: globalTokens.hal_grey_l_90,
852
- selectionIndicatorFontColor: globalTokens.hal_black,
853
- selectionIndicatorFontSize: globalTokens.type_scale_01,
854
- selectionIndicatorFontStyle: globalTokens.type_regular,
855
- selectionIndicatorFontWeight: globalTokens.type_normal,
856
- selectionIndicatorBorderColor: globalTokens.hal_grey_l_75,
857
- selectionIndicatorBackgroundColor: globalTokens.color_grey_50,
858
- enabledSelectionIndicatorActionBackgroundColor: globalTokens.transparent,
859
- enabledSelectionIndicatorActionIconColor: globalTokens.hal_black,
860
- hoverSelectionIndicatorActionBackgroundColor: globalTokens.hal_grey_l_95,
861
- hoverSelectionIndicatorActionIconColor: globalTokens.hal_black,
862
- activeSelectionIndicatorActionBackgroundColor: globalTokens.hal_grey_l_80,
863
- activeSelectionIndicatorActionIconColor: globalTokens.hal_black
652
+ fontFamily: _coreTokens["default"].type_sans,
653
+ disabledColor: _coreTokens["default"].color_grey_500,
654
+ enabledInputBorderColor: _coreTokens["default"].color_black,
655
+ hoverInputBorderColor: _coreTokens["default"].color_purple_500,
656
+ focusInputBorderColor: _coreTokens["default"].color_blue_600,
657
+ errorInputBorderColor: _coreTokens["default"].color_red_700,
658
+ hoverInputErrorBorderColor: _coreTokens["default"].color_red_600,
659
+ disabledInputBorderColor: _coreTokens["default"].color_grey_500,
660
+ disabledInputBackgroundColor: _coreTokens["default"].color_grey_100,
661
+ inputMarginTop: _coreTokens["default"].spacing_4,
662
+ inputMarginBottom: _coreTokens["default"].spacing_4,
663
+ errorMessageColor: _coreTokens["default"].color_red_700,
664
+ errorIconColor: _coreTokens["default"].color_red_700,
665
+ labelFontColor: _coreTokens["default"].color_black,
666
+ labelFontSize: _coreTokens["default"].type_scale_02,
667
+ labelFontStyle: _coreTokens["default"].type_normal,
668
+ labelFontWeight: _coreTokens["default"].type_semibold,
669
+ labelLineHeight: _coreTokens["default"].type_leading_loose_01,
670
+ optionalLabelFontWeight: _coreTokens["default"].type_regular,
671
+ helperTextFontColor: _coreTokens["default"].color_black,
672
+ helperTextFontSize: _coreTokens["default"].type_scale_01,
673
+ helperTextFontStyle: _coreTokens["default"].type_normal,
674
+ helperTextFontWeight: _coreTokens["default"].type_regular,
675
+ helperTextLineHeight: _coreTokens["default"].type_leading_normal,
676
+ placeholderFontColor: _coreTokens["default"].color_grey_800_a,
677
+ valueFontColor: _coreTokens["default"].color_black,
678
+ valueFontSize: _coreTokens["default"].type_scale_03,
679
+ valueFontStyle: _coreTokens["default"].type_normal,
680
+ valueFontWeight: _coreTokens["default"].type_regular,
681
+ actionIconColor: _coreTokens["default"].color_black,
682
+ hoverActionIconColor: _coreTokens["default"].color_black,
683
+ activeActionIconColor: _coreTokens["default"].color_black,
684
+ actionBackgroundColor: _coreTokens["default"].color_transparent,
685
+ hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
686
+ activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
687
+ listOptionFontColor: _coreTokens["default"].color_black,
688
+ listOptionFontSize: _coreTokens["default"].type_scale_02,
689
+ listOptionFontStyle: _coreTokens["default"].type_normal,
690
+ listOptionFontWeight: _coreTokens["default"].type_regular,
691
+ listOptionIconColor: _coreTokens["default"].color_black,
692
+ listOptionDividerColor: _coreTokens["default"].color_grey_200,
693
+ listGroupLabelFontWeight: _coreTokens["default"].type_semibold,
694
+ focusListOptionBorderColor: _coreTokens["default"].color_blue_600,
695
+ systemMessageFontColor: _coreTokens["default"].color_grey_700,
696
+ collapseIndicatorColor: _coreTokens["default"].color_black,
697
+ listDialogBackgroundColor: _coreTokens["default"].color_white,
698
+ listDialogBorderColor: _coreTokens["default"].color_grey_400,
699
+ selectedListOptionBackgroundColor: _coreTokens["default"].color_blue_100,
700
+ selectedHoverListOptionBackgroundColor: _coreTokens["default"].color_blue_200,
701
+ selectedActiveListOptionBackgroundColor: _coreTokens["default"].color_blue_300,
702
+ selectedListOptionIconColor: _coreTokens["default"].color_blue_900,
703
+ unselectedHoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
704
+ unselectedActiveListOptionBackgroundColor: _coreTokens["default"].color_grey_200,
705
+ selectionIndicatorFontColor: _coreTokens["default"].color_black,
706
+ selectionIndicatorFontSize: _coreTokens["default"].type_scale_01,
707
+ selectionIndicatorFontStyle: _coreTokens["default"].type_regular,
708
+ selectionIndicatorFontWeight: _coreTokens["default"].type_normal,
709
+ selectionIndicatorBorderColor: _coreTokens["default"].color_grey_400,
710
+ selectionIndicatorBackgroundColor: _coreTokens["default"].color_grey_50,
711
+ enabledSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_transparent,
712
+ enabledSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
713
+ hoverSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_100,
714
+ hoverSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
715
+ activeSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_300,
716
+ activeSelectionIndicatorActionIconColor: _coreTokens["default"].color_black
864
717
  },
865
718
  sidenav: {
866
- backgroundColor: globalTokens.hal_grey_l_95,
867
- titleFontFamily: globalTokens.type_sans,
868
- titleFontSize: globalTokens.type_scale_04,
869
- titleFontStyle: globalTokens.type_normal,
870
- titleFontWeight: globalTokens.type_semibold,
871
- titleFontColor: globalTokens.color_grey_800,
719
+ backgroundColor: _coreTokens["default"].color_grey_100,
720
+ titleFontFamily: _coreTokens["default"].type_sans,
721
+ titleFontSize: _coreTokens["default"].type_scale_04,
722
+ titleFontStyle: _coreTokens["default"].type_normal,
723
+ titleFontWeight: _coreTokens["default"].type_semibold,
724
+ titleFontColor: _coreTokens["default"].color_grey_800,
872
725
  titleFontTextTransform: "none",
873
- titleFontLetterSpacing: globalTokens.type_spacing_normal,
874
- groupTitleFontFamily: globalTokens.type_sans,
875
- groupTitleFontSize: globalTokens.type_scale_02,
876
- groupTitleFontStyle: globalTokens.type_normal,
877
- groupTitleFontWeight: globalTokens.type_semibold,
878
- groupTitleFontColor: globalTokens.hal_black,
879
- groupTitleHoverBackgroundColor: globalTokens.hal_grey_l_90,
880
- groupTitleActiveBackgroundColor: globalTokens.hal_grey_l_80,
881
- groupTitleSelectedFontColor: globalTokens.hal_white,
882
- groupTitleSelectedBackgroundColor: globalTokens.color_grey_800,
883
- groupTitleSelectedHoverFontColor: globalTokens.hal_white,
884
- groupTitleSelectedHoverBackgroundColor: globalTokens.color_grey_600,
885
- groupTitleFontTextTransform: globalTokens.type_uppercase,
886
- groupTitleFontLetterSpacing: globalTokens.type_spacing_wide_02,
887
- linkFontFamily: globalTokens.type_sans,
888
- linkFontSize: globalTokens.type_scale_02,
889
- linkFontStyle: globalTokens.type_normal,
890
- linkFontWeight: globalTokens.type_regular,
891
- linkFontColor: globalTokens.color_grey_800,
892
- linkHoverBackgroundColor: globalTokens.hal_grey_l_90,
893
- linkSelectedFontColor: globalTokens.hal_white,
894
- linkSelectedBackgroundColor: globalTokens.color_grey_800,
895
- linkSelectedHoverFontColor: globalTokens.hal_white,
896
- linkSelectedHoverBackgroundColor: globalTokens.color_grey_600,
726
+ titleFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
727
+ groupTitleFontFamily: _coreTokens["default"].type_sans,
728
+ groupTitleFontSize: _coreTokens["default"].type_scale_02,
729
+ groupTitleFontStyle: _coreTokens["default"].type_normal,
730
+ groupTitleFontWeight: _coreTokens["default"].type_semibold,
731
+ groupTitleFontColor: _coreTokens["default"].color_black,
732
+ groupTitleHoverBackgroundColor: _coreTokens["default"].color_grey_200,
733
+ groupTitleActiveBackgroundColor: _coreTokens["default"].color_grey_800,
734
+ groupTitleSelectedFontColor: _coreTokens["default"].color_white,
735
+ groupTitleSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
736
+ groupTitleSelectedHoverFontColor: _coreTokens["default"].color_white,
737
+ groupTitleSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
738
+ groupTitleFontTextTransform: _coreTokens["default"].type_uppercase,
739
+ groupTitleFontLetterSpacing: _coreTokens["default"].type_spacing_wide_02,
740
+ linkFontFamily: _coreTokens["default"].type_sans,
741
+ linkFontSize: _coreTokens["default"].type_scale_02,
742
+ linkFontStyle: _coreTokens["default"].type_normal,
743
+ linkFontWeight: _coreTokens["default"].type_regular,
744
+ linkFontColor: _coreTokens["default"].color_grey_800,
745
+ linkHoverBackgroundColor: _coreTokens["default"].color_grey_200,
746
+ linkSelectedFontColor: _coreTokens["default"].color_white,
747
+ linkSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
748
+ linkSelectedHoverFontColor: _coreTokens["default"].color_white,
749
+ linkSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
897
750
  linkFontTextTransform: "none",
898
- linkFontLetterSpacing: globalTokens.type_spacing_wide_01,
899
- linkTextDecoration: globalTokens.type_no_line,
751
+ linkFontLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
752
+ linkTextDecoration: _coreTokens["default"].type_no_line,
900
753
  linkMarginTop: "4px",
901
754
  linkMarginBottom: "4px",
902
755
  linkMarginRight: "16px",
903
756
  linkMarginLeft: "16px",
904
- linkFocusColor: globalTokens.hal_blue_l_50,
905
- scrollBarThumbColor: "#66666626",
906
- scrollBarTrackColor: globalTokens.transparent
757
+ linkFocusColor: _coreTokens["default"].color_blue_600,
758
+ scrollBarThumbColor: _coreTokens["default"].color_grey_200_a,
759
+ scrollBarTrackColor: _coreTokens["default"].color_transparent
907
760
  },
908
761
  slider: {
909
- fontFamily: globalTokens.type_sans,
910
- limitValuesFontColor: globalTokens.hal_black,
911
- limitValuesFontColorOnDark: globalTokens.hal_white,
912
- limitValuesFontSize: globalTokens.type_scale_03,
913
- limitValuesFontStyle: globalTokens.type_normal,
914
- limitValuesFontWeight: globalTokens.type_regular,
915
- limitValuesFontLetterSpacing: globalTokens.type_spacing_normal,
916
- disabledLimitValuesFontColor: globalTokens.hal_grey_l_60,
917
- labelFontFamily: globalTokens.type_sans,
918
- labelFontSize: globalTokens.type_scale_02,
919
- labelFontStyle: globalTokens.type_normal,
920
- labelFontWeight: globalTokens.type_semibold,
921
- labelLineHeight: globalTokens.type_leading_loose_01,
922
- helperTextFontFamily: globalTokens.type_sans,
923
- helperTextFontSize: globalTokens.type_scale_01,
924
- helperTextFontStyle: globalTokens.type_normal,
925
- helperTextFontWeight: globalTokens.type_regular,
926
- helperTextLineHeight: globalTokens.type_leading_normal,
927
- fontColor: globalTokens.hal_black,
928
- fontColorOnDark: globalTokens.hal_white,
929
- labelFontColor: globalTokens.hal_black,
930
- labelFontColorOnDark: globalTokens.hal_white,
931
- helperTextFontColor: globalTokens.hal_black,
932
- helperTextFontColorOnDark: globalTokens.hal_white,
933
- disabledLabelFontColor: globalTokens.hal_grey_l_60,
934
- disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
935
- disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
936
- disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
762
+ fontFamily: _coreTokens["default"].type_sans,
763
+ limitValuesFontColor: _coreTokens["default"].color_black,
764
+ limitValuesFontColorOnDark: _coreTokens["default"].color_white,
765
+ limitValuesFontSize: _coreTokens["default"].type_scale_03,
766
+ limitValuesFontStyle: _coreTokens["default"].type_normal,
767
+ limitValuesFontWeight: _coreTokens["default"].type_regular,
768
+ limitValuesFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
769
+ disabledLimitValuesFontColor: _coreTokens["default"].color_grey_500,
770
+ labelFontFamily: _coreTokens["default"].type_sans,
771
+ labelFontSize: _coreTokens["default"].type_scale_02,
772
+ labelFontStyle: _coreTokens["default"].type_normal,
773
+ labelFontWeight: _coreTokens["default"].type_semibold,
774
+ labelLineHeight: _coreTokens["default"].type_leading_loose_01,
775
+ helperTextFontFamily: _coreTokens["default"].type_sans,
776
+ helperTextFontSize: _coreTokens["default"].type_scale_01,
777
+ helperTextFontStyle: _coreTokens["default"].type_normal,
778
+ helperTextFontWeight: _coreTokens["default"].type_regular,
779
+ helperTextLineHeight: _coreTokens["default"].type_leading_normal,
780
+ fontColor: _coreTokens["default"].color_black,
781
+ fontColorOnDark: _coreTokens["default"].color_white,
782
+ labelFontColor: _coreTokens["default"].color_black,
783
+ labelFontColorOnDark: _coreTokens["default"].color_white,
784
+ helperTextFontColor: _coreTokens["default"].color_black,
785
+ helperTextFontColorOnDark: _coreTokens["default"].color_white,
786
+ disabledLabelFontColor: _coreTokens["default"].color_grey_500,
787
+ disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
788
+ disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
789
+ disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
937
790
  thumbHeight: "12px",
938
791
  thumbWidth: "12px",
939
792
  hoverThumbHeight: "14px",
940
793
  hoverThumbWidth: "14px",
941
794
  thumbVerticalPosition: "12px",
942
795
  hoverThumbVerticalPosition: "11px",
943
- thumbBackgroundColor: globalTokens.hal_blue_s_35,
944
- thumbBackgroundColorOnDark: globalTokens.hal_blue_l_50,
796
+ thumbBackgroundColor: _coreTokens["default"].color_blue_800,
797
+ thumbBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
945
798
  hoverThumbScale: "1.166666",
946
- hoverThumbBackgroundColor: globalTokens.hal_blue_d_20,
947
- hoverThumbBackgroundColorOnDark: globalTokens.hal_blue_d_20,
799
+ hoverThumbBackgroundColor: _coreTokens["default"].color_blue_900,
800
+ hoverThumbBackgroundColorOnDark: _coreTokens["default"].color_blue_900,
948
801
  activeThumbScale: "1.166666",
949
- activeThumbBackgroundColor: globalTokens.hal_blue_d_20,
950
- activeThumbBackgroundColorOnDark: globalTokens.hal_blue_d_20,
951
- focusThumbBackgroundColor: globalTokens.hal_blue_s_35,
952
- focusThumbBackgroundColorOnDark: globalTokens.hal_blue_l_50,
802
+ activeThumbBackgroundColor: _coreTokens["default"].color_blue_900,
803
+ activeThumbBackgroundColorOnDark: _coreTokens["default"].color_blue_900,
804
+ focusThumbBackgroundColor: _coreTokens["default"].color_blue_800,
805
+ focusThumbBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
953
806
  tickHeight: "4px",
954
807
  tickWidth: "4px",
955
808
  tickVerticalPosition: "11px",
956
- tickBackgroundColor: globalTokens.hal_blue_s_35,
957
- tickBackgroundColorOnDark: globalTokens.hal_blue_l_50,
809
+ tickBackgroundColor: _coreTokens["default"].color_blue_800,
810
+ tickBackgroundColorOnDark: _coreTokens["default"].color_blue_600,
958
811
  trackLineThickness: "2px",
959
812
  trackLineVerticalPosition: "50%",
960
- trackLineColor: globalTokens.hal_blue_s_35,
961
- trackLineColorOnDark: globalTokens.hal_blue_l_50,
813
+ trackLineColor: _coreTokens["default"].color_blue_800,
814
+ trackLineColorOnDark: _coreTokens["default"].color_blue_600,
962
815
  totalLineThickness: "2px",
963
816
  totalLineVerticalPosition: "50%",
964
- totalLineColor: globalTokens.color_grey_a_200,
965
- totalLineColorOnDark: globalTokens.hal_grey_l_75,
817
+ totalLineColor: _coreTokens["default"].color_grey_200_a,
818
+ totalLineColorOnDark: _coreTokens["default"].color_grey_400,
966
819
  disabledThumbVerticalPosition: "10px",
967
- disabledThumbBackgroundColor: globalTokens.hal_grey_l_60,
820
+ disabledThumbBackgroundColor: _coreTokens["default"].color_grey_500,
968
821
  disabledThumbBackgroundColorOnDark: "#575757",
969
822
  disabledTickVerticalPosition: "11px",
970
- disabledTickBackgroundColor: globalTokens.hal_grey_l_60,
971
- disabledTickBackgroundColorOnDark: globalTokens.hal_grey_l_60,
972
- disabledTrackLineColor: globalTokens.hal_grey_l_60,
973
- disabledTrackLineColorOnDark: globalTokens.hal_grey_l_60,
974
- disabledTotalLineColor: globalTokens.hal_grey_l_95,
975
- disabledTotalLineColorOnDark: globalTokens.hal_grey_s_40,
976
- focusColor: globalTokens.hal_blue_l_50,
977
- focusColorOnDark: globalTokens.hal_blue_l_50,
978
- floorLabelMarginRight: globalTokens.type_scale_03,
979
- ceilLabelMarginLeft: globalTokens.type_scale_03,
980
- inputMarginLeft: globalTokens.type_scale_06
823
+ disabledTickBackgroundColor: _coreTokens["default"].color_grey_500,
824
+ disabledTickBackgroundColorOnDark: _coreTokens["default"].color_grey_500,
825
+ disabledTrackLineColor: _coreTokens["default"].color_grey_500,
826
+ disabledTrackLineColorOnDark: _coreTokens["default"].color_grey_500,
827
+ disabledTotalLineColor: _coreTokens["default"].color_grey_100,
828
+ disabledTotalLineColorOnDark: _coreTokens["default"].color_grey_700,
829
+ focusColor: _coreTokens["default"].color_blue_600,
830
+ focusColorOnDark: _coreTokens["default"].color_blue_600,
831
+ floorLabelMarginRight: _coreTokens["default"].type_scale_03,
832
+ ceilLabelMarginLeft: _coreTokens["default"].type_scale_03,
833
+ inputMarginLeft: _coreTokens["default"].type_scale_06
981
834
  },
982
835
  spinner: {
983
- trackCircleColor: globalTokens.hal_purple_s_38,
984
- trackCircleColorOverlay: globalTokens.hal_purple_l_65,
985
- totalCircleColor: globalTokens.hal_white,
986
- labelFontFamily: globalTokens.type_sans,
987
- labelFontSize: globalTokens.type_scale_02,
988
- labelFontStyle: globalTokens.type_normal,
989
- labelFontWeight: globalTokens.type_regular,
990
- labelFontColor: globalTokens.hal_black,
991
- labelFontColorOnDark: globalTokens.hal_white,
836
+ trackCircleColor: _coreTokens["default"].color_purple_700,
837
+ trackCircleColorOverlay: _coreTokens["default"].color_purple_500,
838
+ totalCircleColor: _coreTokens["default"].color_white,
839
+ labelFontFamily: _coreTokens["default"].type_sans,
840
+ labelFontSize: _coreTokens["default"].type_scale_02,
841
+ labelFontStyle: _coreTokens["default"].type_normal,
842
+ labelFontWeight: _coreTokens["default"].type_regular,
843
+ labelFontColor: _coreTokens["default"].color_black,
844
+ labelFontColorOnDark: _coreTokens["default"].color_white,
992
845
  labelTextAlign: "center",
993
- progressValueFontFamily: globalTokens.type_sans,
994
- progressValueFontSize: globalTokens.type_scale_02,
995
- progressValueFontStyle: globalTokens.type_normal,
996
- progressValueFontWeight: globalTokens.type_bold,
997
- progressValueFontColor: globalTokens.inherit,
998
- progressValueFontColorOnDark: globalTokens.hal_white,
846
+ progressValueFontFamily: _coreTokens["default"].type_sans,
847
+ progressValueFontSize: _coreTokens["default"].type_scale_02,
848
+ progressValueFontStyle: _coreTokens["default"].type_normal,
849
+ progressValueFontWeight: _coreTokens["default"].type_bold,
850
+ progressValueFontColor: _coreTokens["default"].inherit,
851
+ progressValueFontColorOnDark: _coreTokens["default"].color_white,
999
852
  progressValueTextAlign: "center",
1000
- overlayBackgroundColor: globalTokens.hal_black,
853
+ overlayBackgroundColor: _coreTokens["default"].color_black,
1001
854
  overlayOpacity: "0.8",
1002
- overlayLabelFontFamily: globalTokens.type_sans,
1003
- overlayLabelFontSize: globalTokens.type_scale_02,
1004
- overlayLabelFontStyle: globalTokens.type_normal,
1005
- overlayLabelFontWeight: globalTokens.type_regular,
1006
- overlayLabelFontColor: globalTokens.hal_white,
855
+ overlayLabelFontFamily: _coreTokens["default"].type_sans,
856
+ overlayLabelFontSize: _coreTokens["default"].type_scale_02,
857
+ overlayLabelFontStyle: _coreTokens["default"].type_normal,
858
+ overlayLabelFontWeight: _coreTokens["default"].type_regular,
859
+ overlayLabelFontColor: _coreTokens["default"].color_white,
1007
860
  overlayLabelTextAlign: "center",
1008
- overlayProgressValueFontFamily: globalTokens.type_sans,
1009
- overlayProgressValueFontSize: globalTokens.type_scale_02,
1010
- overlayProgressValueFontStyle: globalTokens.type_normal,
1011
- overlayProgressValueFontWeight: globalTokens.type_bold,
1012
- overlayProgressValueFontColor: globalTokens.hal_white,
861
+ overlayProgressValueFontFamily: _coreTokens["default"].type_sans,
862
+ overlayProgressValueFontSize: _coreTokens["default"].type_scale_02,
863
+ overlayProgressValueFontStyle: _coreTokens["default"].type_normal,
864
+ overlayProgressValueFontWeight: _coreTokens["default"].type_bold,
865
+ overlayProgressValueFontColor: _coreTokens["default"].color_white,
1013
866
  overlayProgressValueTextAlign: "center"
1014
867
  },
1015
868
  "switch": {
1016
- checkedTrackBackgroundColor: globalTokens.hal_purple_s_38,
1017
- checkedTrackBackgroundColorOnDark: globalTokens.hal_purple_s_38,
1018
- checkedThumbBackgroundColor: globalTokens.hal_white,
1019
- checkedThumbBackgroundColorOnDark: globalTokens.hal_white,
1020
- uncheckedTrackBackgroundColor: globalTokens.hal_grey_l_75,
1021
- uncheckedTrackBackgroundColorOnDark: globalTokens.hal_grey_l_75,
1022
- uncheckedThumbBackgroundColor: globalTokens.hal_white,
1023
- uncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
1024
- disabledCheckedTrackBackgroundColor: globalTokens.hal_purple_l_95,
869
+ checkedTrackBackgroundColor: _coreTokens["default"].color_purple_700,
870
+ checkedTrackBackgroundColorOnDark: _coreTokens["default"].color_purple_700,
871
+ checkedThumbBackgroundColor: _coreTokens["default"].color_white,
872
+ checkedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
873
+ uncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_400,
874
+ uncheckedTrackBackgroundColorOnDark: _coreTokens["default"].color_grey_400,
875
+ uncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
876
+ uncheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
877
+ disabledCheckedTrackBackgroundColor: _coreTokens["default"].color_purple_100,
1025
878
  disabledCheckedTrackBackgroundColorOnDark: "#1c0b24",
1026
- disabledCheckedThumbBackgroundColor: globalTokens.hal_white,
1027
- disabledCheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
1028
- disabledUncheckedTrackBackgroundColor: globalTokens.hal_grey_l_95,
879
+ disabledCheckedThumbBackgroundColor: _coreTokens["default"].color_white,
880
+ disabledCheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
881
+ disabledUncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_100,
1029
882
  disabledUncheckedTrackBackgroundColorOnDark: "#363636",
1030
- disabledUncheckedThumbBackgroundColor: globalTokens.hal_white,
1031
- disabledUncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
1032
- disabledLabelFontColor: globalTokens.hal_grey_l_60,
883
+ disabledUncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
884
+ disabledUncheckedThumbBackgroundColorOnDark: _coreTokens["default"].color_white,
885
+ disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1033
886
  disabledLabelFontColorOnDark: "#575757",
1034
- disabledLabelFontStyle: globalTokens.type_normal,
1035
- labelFontFamily: globalTokens.type_sans,
1036
- labelFontSize: globalTokens.type_scale_root,
1037
- labelFontStyle: globalTokens.type_normal,
1038
- labelFontWeight: globalTokens.type_regular,
1039
- labelFontColor: globalTokens.hal_black,
1040
- labelFontColorOnDark: globalTokens.hal_white,
1041
- thumbFocusColor: globalTokens.hal_blue_l_50,
887
+ disabledLabelFontStyle: _coreTokens["default"].type_normal,
888
+ labelFontFamily: _coreTokens["default"].type_sans,
889
+ labelFontSize: _coreTokens["default"].type_scale_root,
890
+ labelFontStyle: _coreTokens["default"].type_normal,
891
+ labelFontWeight: _coreTokens["default"].type_regular,
892
+ labelFontColor: _coreTokens["default"].color_black,
893
+ labelFontColorOnDark: _coreTokens["default"].color_white,
894
+ thumbFocusColor: _coreTokens["default"].color_blue_600,
1042
895
  thumbFocusColorOnDark: "#1682ff",
1043
896
  thumbHeight: "24px",
1044
897
  thumbWidth: "24px",
@@ -1049,14 +902,14 @@ var componentTokens = {
1049
902
  },
1050
903
  table: {
1051
904
  rowSeparatorThickness: "1px",
1052
- rowSeparatorStyle: globalTokens.border_solid,
1053
- rowSeparatorColor: globalTokens.hal_grey_l_80,
1054
- dataBackgroundColor: globalTokens.hal_white,
1055
- dataFontFamily: globalTokens.type_sans,
1056
- dataFontSize: globalTokens.type_scale_02,
1057
- dataFontStyle: globalTokens.type_normal,
1058
- dataFontWeight: globalTokens.type_regular,
1059
- dataFontColor: globalTokens.hal_black,
905
+ rowSeparatorStyle: _coreTokens["default"].border_solid,
906
+ rowSeparatorColor: _coreTokens["default"].color_grey_300,
907
+ dataBackgroundColor: _coreTokens["default"].color_white,
908
+ dataFontFamily: _coreTokens["default"].type_sans,
909
+ dataFontSize: _coreTokens["default"].type_scale_02,
910
+ dataFontStyle: _coreTokens["default"].type_normal,
911
+ dataFontWeight: _coreTokens["default"].type_regular,
912
+ dataFontColor: _coreTokens["default"].color_black,
1060
913
  dataFontTextTransform: "none",
1061
914
  dataPaddingTop: "14px",
1062
915
  dataPaddingBottom: "12px",
@@ -1064,13 +917,13 @@ var componentTokens = {
1064
917
  dataPaddingLeft: "40px",
1065
918
  dataTextAlign: "left",
1066
919
  dataTextLineHeight: "normal",
1067
- headerBackgroundColor: globalTokens.hal_purple_s_38,
920
+ headerBackgroundColor: _coreTokens["default"].color_purple_700,
1068
921
  headerBorderRadius: "4px",
1069
- headerFontFamily: globalTokens.type_sans,
1070
- headerFontSize: globalTokens.type_scale_02,
1071
- headerFontStyle: globalTokens.type_normal,
1072
- headerFontWeight: globalTokens.type_regular,
1073
- headerFontColor: globalTokens.hal_white,
922
+ headerFontFamily: _coreTokens["default"].type_sans,
923
+ headerFontSize: _coreTokens["default"].type_scale_02,
924
+ headerFontStyle: _coreTokens["default"].type_normal,
925
+ headerFontWeight: _coreTokens["default"].type_regular,
926
+ headerFontColor: _coreTokens["default"].color_white,
1074
927
  headerFontTextTransform: "none",
1075
928
  headerPaddingTop: "16px",
1076
929
  headerPaddingBottom: "16px",
@@ -1078,42 +931,42 @@ var componentTokens = {
1078
931
  headerPaddingLeft: "40px",
1079
932
  headerTextAlign: "left",
1080
933
  headerTextLineHeight: "normal",
1081
- scrollBarThumbColor: globalTokens.hal_grey_s_40,
1082
- scrollBarTrackColor: globalTokens.hal_grey_l_80,
1083
- sortIconColor: globalTokens.hal_white
934
+ scrollBarThumbColor: _coreTokens["default"].color_grey_700,
935
+ scrollBarTrackColor: _coreTokens["default"].color_grey_300,
936
+ sortIconColor: _coreTokens["default"].color_white
1084
937
  },
1085
938
  tabs: {
1086
- fontFamily: globalTokens.type_sans,
1087
- fontSize: globalTokens.type_scale_03,
1088
- fontStyle: globalTokens.type_normal,
1089
- fontWeight: globalTokens.type_semibold,
939
+ fontFamily: _coreTokens["default"].type_sans,
940
+ fontSize: _coreTokens["default"].type_scale_03,
941
+ fontStyle: _coreTokens["default"].type_normal,
942
+ fontWeight: _coreTokens["default"].type_semibold,
1090
943
  fontTextTransform: "none",
1091
- selectedBackgroundColor: globalTokens.hal_white,
1092
- selectedFontColor: globalTokens.hal_purple_s_38,
1093
- selectedIconColor: globalTokens.hal_purple_s_38,
1094
- selectedUnderlineColor: globalTokens.hal_purple_s_38,
944
+ selectedBackgroundColor: _coreTokens["default"].color_white,
945
+ selectedFontColor: _coreTokens["default"].color_purple_700,
946
+ selectedIconColor: _coreTokens["default"].color_purple_700,
947
+ selectedUnderlineColor: _coreTokens["default"].color_purple_700,
1095
948
  selectedUnderlineThickness: "2px",
1096
- unselectedBackgroundColor: globalTokens.hal_white,
1097
- unselectedFontColor: globalTokens.hal_grey_s_40,
1098
- unselectedIconColor: globalTokens.hal_grey_s_40,
1099
- disabledFontColor: globalTokens.hal_grey_l_60,
1100
- disabledIconColor: globalTokens.hal_grey_l_60,
1101
- disabledFontStyle: globalTokens.type_normal,
949
+ unselectedBackgroundColor: _coreTokens["default"].color_white,
950
+ unselectedFontColor: _coreTokens["default"].color_grey_700,
951
+ unselectedIconColor: _coreTokens["default"].color_grey_700,
952
+ disabledFontColor: _coreTokens["default"].color_grey_500,
953
+ disabledIconColor: _coreTokens["default"].color_grey_500,
954
+ disabledFontStyle: _coreTokens["default"].type_normal,
1102
955
  disabledBadgeBackgroundColor: "#0000004d",
1103
- hoverBackgroundColor: globalTokens.hal_purple_l_95,
1104
- pressedBackgroundColor: globalTokens.hal_purple_l_90,
1105
- pressedFontWeight: globalTokens.type_semibold,
1106
- dividerColor: globalTokens.hal_grey_l_75,
956
+ hoverBackgroundColor: _coreTokens["default"].color_purple_100,
957
+ pressedBackgroundColor: _coreTokens["default"].color_purple_200,
958
+ pressedFontWeight: _coreTokens["default"].type_semibold,
959
+ dividerColor: _coreTokens["default"].color_grey_400,
1107
960
  dividerThickness: "1px",
1108
- focusOutline: globalTokens.hal_purple_s_38,
961
+ focusOutline: _coreTokens["default"].color_purple_700,
1109
962
  scrollButtonsWidth: "48px",
1110
- badgeBackgroundColor: globalTokens.hal_red_s_41,
1111
- badgeFontFamily: globalTokens.type_sans,
963
+ badgeBackgroundColor: _coreTokens["default"].color_red_700,
964
+ badgeFontFamily: _coreTokens["default"].type_sans,
1112
965
  badgeFontSize: "10px",
1113
- badgeFontStyle: globalTokens.type_normal,
966
+ badgeFontStyle: _coreTokens["default"].type_normal,
1114
967
  badgeFontWeight: "500",
1115
- badgeFontColor: globalTokens.hal_white,
1116
- badgeLetterSpacing: globalTokens.type_spacing_wide_02,
968
+ badgeFontColor: _coreTokens["default"].color_white,
969
+ badgeLetterSpacing: _coreTokens["default"].type_spacing_wide_02,
1117
970
  badgeWidth: "16px",
1118
971
  badgeHeight: "16px",
1119
972
  badgeRadius: "10px",
@@ -1122,272 +975,272 @@ var componentTokens = {
1122
975
  badgeRadiusWithNotificationNumber: "10px"
1123
976
  },
1124
977
  tag: {
1125
- fontFamily: globalTokens.type_sans,
1126
- fontColor: globalTokens.hal_black,
1127
- fontSize: globalTokens.type_scale_02,
1128
- fontStyle: globalTokens.type_normal,
1129
- fontWeight: globalTokens.type_regular,
978
+ fontFamily: _coreTokens["default"].type_sans,
979
+ fontColor: _coreTokens["default"].color_black,
980
+ fontSize: _coreTokens["default"].type_scale_02,
981
+ fontStyle: _coreTokens["default"].type_normal,
982
+ fontWeight: _coreTokens["default"].type_regular,
1130
983
  labelPaddingTop: "0px",
1131
984
  labelPaddingBottom: "0px",
1132
985
  labelPaddingLeft: "16px",
1133
986
  labelPaddingRight: "16px",
1134
987
  height: "40px",
1135
- iconColor: globalTokens.hal_white,
988
+ iconColor: _coreTokens["default"].color_white,
1136
989
  iconSectionWidth: "40px",
1137
990
  iconHeight: "24px",
1138
991
  iconWidth: "auto",
1139
- focusColor: globalTokens.hal_blue_l_50
992
+ focusColor: _coreTokens["default"].color_blue_600
1140
993
  },
1141
994
  textarea: {
1142
- fontFamily: globalTokens.type_sans,
1143
- enabledBorderColor: globalTokens.hal_black,
1144
- enabledBorderColorOnDark: globalTokens.hal_white,
1145
- hoverBorderColor: globalTokens.hal_purple_l_65,
1146
- hoverBorderColorOnDark: globalTokens.hal_purple_l_65,
1147
- focusBorderColor: globalTokens.hal_blue_l_50,
1148
- focusBorderColorOnDark: globalTokens.hal_blue_l_50,
1149
- disabledBorderColor: globalTokens.hal_grey_l_60,
1150
- disabledBorderColorOnDark: globalTokens.hal_grey_l_60,
1151
- disabledContainerFillColor: globalTokens.hal_grey_l_95,
1152
- disabledContainerFillColorOnDark: globalTokens.hal_grey_s_40,
1153
- errorBorderColor: globalTokens.hal_red_s_41,
1154
- errorBorderColorOnDark: globalTokens.hal_red_l_60,
1155
- hoverErrorBorderColor: globalTokens.color_red_600,
995
+ fontFamily: _coreTokens["default"].type_sans,
996
+ enabledBorderColor: _coreTokens["default"].color_black,
997
+ enabledBorderColorOnDark: _coreTokens["default"].color_white,
998
+ hoverBorderColor: _coreTokens["default"].color_purple_500,
999
+ hoverBorderColorOnDark: _coreTokens["default"].color_purple_500,
1000
+ focusBorderColor: _coreTokens["default"].color_blue_600,
1001
+ focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
1002
+ disabledBorderColor: _coreTokens["default"].color_grey_500,
1003
+ disabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
1004
+ disabledContainerFillColor: _coreTokens["default"].color_grey_100,
1005
+ disabledContainerFillColorOnDark: _coreTokens["default"].color_grey_700,
1006
+ errorBorderColor: _coreTokens["default"].color_red_700,
1007
+ errorBorderColorOnDark: _coreTokens["default"].color_red_500,
1008
+ hoverErrorBorderColor: _coreTokens["default"].color_red_600,
1156
1009
  hoverErrorBorderColorOnDark: "#fe677b",
1157
- inputMarginTop: globalTokens.spacing_02,
1158
- inputMarginBottom: globalTokens.spacing_02,
1159
- errorMessageColor: globalTokens.hal_red_s_41,
1160
- errorMessageColorOnDark: globalTokens.hal_red_l_60,
1161
- labelFontColor: globalTokens.hal_black,
1162
- labelFontColorOnDark: globalTokens.hal_white,
1163
- labelFontSize: globalTokens.type_scale_02,
1164
- labelFontStyle: globalTokens.type_normal,
1165
- labelFontWeight: globalTokens.type_semibold,
1166
- labelLineHeight: globalTokens.type_leading_loose_01,
1167
- disabledLabelFontColor: globalTokens.hal_grey_l_60,
1168
- disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
1169
- optionalLabelFontWeight: globalTokens.type_regular,
1170
- helperTextFontColor: globalTokens.hal_black,
1171
- helperTextFontColorOnDark: globalTokens.hal_white,
1172
- helperTextFontSize: globalTokens.type_scale_01,
1173
- helperTextFontStyle: globalTokens.type_normal,
1174
- helperTextFontWeight: globalTokens.type_regular,
1175
- helperTextLineHeight: globalTokens.type_leading_normal,
1176
- disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
1177
- disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
1178
- placeholderFontColor: globalTokens.color_grey_a_800,
1179
- placeholderFontColorOnDark: globalTokens.hal_grey_l_95,
1180
- disabledPlaceholderFontColor: globalTokens.hal_grey_l_60,
1181
- disabledPlaceholderFontColorOnDark: globalTokens.hal_grey_l_60,
1182
- valueFontColor: globalTokens.hal_black,
1183
- valueFontColorOnDark: globalTokens.hal_white,
1184
- valueFontSize: globalTokens.type_scale_03,
1185
- valueFontStyle: globalTokens.type_normal,
1186
- valueFontWeight: globalTokens.type_regular,
1187
- disabledValueFontColor: globalTokens.hal_grey_l_60,
1188
- disabledValueFontColorOnDark: globalTokens.hal_grey_l_60
1010
+ inputMarginTop: _coreTokens["default"].spacing_4,
1011
+ inputMarginBottom: _coreTokens["default"].spacing_4,
1012
+ errorMessageColor: _coreTokens["default"].color_red_700,
1013
+ errorMessageColorOnDark: _coreTokens["default"].color_red_500,
1014
+ labelFontColor: _coreTokens["default"].color_black,
1015
+ labelFontColorOnDark: _coreTokens["default"].color_white,
1016
+ labelFontSize: _coreTokens["default"].type_scale_02,
1017
+ labelFontStyle: _coreTokens["default"].type_normal,
1018
+ labelFontWeight: _coreTokens["default"].type_semibold,
1019
+ labelLineHeight: _coreTokens["default"].type_leading_loose_01,
1020
+ disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1021
+ disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
1022
+ optionalLabelFontWeight: _coreTokens["default"].type_regular,
1023
+ helperTextFontColor: _coreTokens["default"].color_black,
1024
+ helperTextFontColorOnDark: _coreTokens["default"].color_white,
1025
+ helperTextFontSize: _coreTokens["default"].type_scale_01,
1026
+ helperTextFontStyle: _coreTokens["default"].type_normal,
1027
+ helperTextFontWeight: _coreTokens["default"].type_regular,
1028
+ helperTextLineHeight: _coreTokens["default"].type_leading_normal,
1029
+ disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
1030
+ disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
1031
+ placeholderFontColor: _coreTokens["default"].color_grey_800_a,
1032
+ placeholderFontColorOnDark: _coreTokens["default"].color_grey_100,
1033
+ disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
1034
+ disabledPlaceholderFontColorOnDark: _coreTokens["default"].color_grey_500,
1035
+ valueFontColor: _coreTokens["default"].color_black,
1036
+ valueFontColorOnDark: _coreTokens["default"].color_white,
1037
+ valueFontSize: _coreTokens["default"].type_scale_03,
1038
+ valueFontStyle: _coreTokens["default"].type_normal,
1039
+ valueFontWeight: _coreTokens["default"].type_regular,
1040
+ disabledValueFontColor: _coreTokens["default"].color_grey_500,
1041
+ disabledValueFontColorOnDark: _coreTokens["default"].color_grey_500
1189
1042
  },
1190
1043
  textInput: {
1191
- fontFamily: globalTokens.type_sans,
1192
- enabledBorderColor: globalTokens.hal_black,
1193
- enabledBorderColorOnDark: globalTokens.hal_white,
1194
- hoverBorderColor: globalTokens.hal_purple_l_65,
1195
- hoverBorderColorOnDark: globalTokens.hal_purple_l_65,
1196
- focusBorderColor: globalTokens.hal_blue_l_50,
1197
- focusBorderColorOnDark: globalTokens.hal_blue_l_50,
1198
- disabledBorderColor: globalTokens.hal_grey_l_60,
1199
- disabledBorderColorOnDark: globalTokens.hal_grey_l_60,
1200
- disabledContainerFillColor: globalTokens.hal_grey_l_95,
1201
- disabledContainerFillColorOnDark: globalTokens.hal_grey_s_40,
1202
- errorBorderColor: globalTokens.hal_red_s_41,
1203
- errorBorderColorOnDark: globalTokens.hal_red_l_60,
1204
- hoverErrorBorderColor: globalTokens.color_red_600,
1044
+ fontFamily: _coreTokens["default"].type_sans,
1045
+ enabledBorderColor: _coreTokens["default"].color_black,
1046
+ enabledBorderColorOnDark: _coreTokens["default"].color_white,
1047
+ hoverBorderColor: _coreTokens["default"].color_purple_500,
1048
+ hoverBorderColorOnDark: _coreTokens["default"].color_purple_500,
1049
+ focusBorderColor: _coreTokens["default"].color_blue_600,
1050
+ focusBorderColorOnDark: _coreTokens["default"].color_blue_600,
1051
+ disabledBorderColor: _coreTokens["default"].color_grey_500,
1052
+ disabledBorderColorOnDark: _coreTokens["default"].color_grey_500,
1053
+ disabledContainerFillColor: _coreTokens["default"].color_grey_100,
1054
+ disabledContainerFillColorOnDark: _coreTokens["default"].color_grey_700,
1055
+ errorBorderColor: _coreTokens["default"].color_red_700,
1056
+ errorBorderColorOnDark: _coreTokens["default"].color_red_500,
1057
+ hoverErrorBorderColor: _coreTokens["default"].color_red_600,
1205
1058
  hoverErrorBorderColorOnDark: "#fe677b",
1206
- inputMarginTop: globalTokens.spacing_02,
1207
- inputMarginBottom: globalTokens.spacing_02,
1208
- errorMessageColor: globalTokens.hal_red_s_41,
1209
- errorMessageColorOnDark: globalTokens.hal_red_l_60,
1210
- errorIconColor: globalTokens.hal_red_s_41,
1211
- errorIconColorOnDark: globalTokens.hal_red_l_60,
1212
- labelFontColor: globalTokens.hal_black,
1213
- labelFontColorOnDark: globalTokens.hal_white,
1214
- labelFontSize: globalTokens.type_scale_02,
1215
- labelFontStyle: globalTokens.type_normal,
1216
- labelFontWeight: globalTokens.type_semibold,
1217
- labelLineHeight: globalTokens.type_leading_loose_01,
1218
- disabledLabelFontColor: globalTokens.hal_grey_l_60,
1219
- disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
1220
- optionalLabelFontWeight: globalTokens.type_regular,
1221
- helperTextFontColor: globalTokens.hal_black,
1222
- helperTextFontColorOnDark: globalTokens.hal_white,
1223
- helperTextFontSize: globalTokens.type_scale_01,
1224
- helperTextFontStyle: globalTokens.type_normal,
1225
- helperTextFontWeight: globalTokens.type_regular,
1226
- helperTextLineHeight: globalTokens.type_leading_normal,
1227
- disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
1228
- disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
1229
- prefixColor: globalTokens.hal_grey_s_40,
1230
- prefixColorOnDark: globalTokens.hal_white,
1231
- suffixColor: globalTokens.hal_grey_s_40,
1232
- suffixColorOnDark: globalTokens.hal_white,
1233
- disabledPrefixColor: globalTokens.hal_grey_l_75,
1234
- disabledSuffixColor: globalTokens.hal_grey_l_75,
1235
- disabledPrefixColorOnDark: globalTokens.hal_grey_l_60,
1236
- disabledSuffixColorOnDark: globalTokens.hal_grey_l_60,
1237
- placeholderFontColor: globalTokens.color_grey_a_800,
1238
- placeholderFontColorOnDark: globalTokens.hal_grey_l_95,
1239
- disabledPlaceholderFontColor: globalTokens.hal_grey_l_60,
1240
- disabledPlaceholderFontColorOnDark: globalTokens.hal_grey_l_60,
1241
- valueFontColor: globalTokens.hal_black,
1242
- valueFontColorOnDark: globalTokens.hal_white,
1243
- valueFontSize: globalTokens.type_scale_03,
1244
- valueFontStyle: globalTokens.type_normal,
1245
- valueFontWeight: globalTokens.type_regular,
1246
- disabledValueFontColor: globalTokens.hal_grey_l_60,
1247
- disabledValueFontColorOnDark: globalTokens.hal_grey_l_60,
1248
- actionIconColor: globalTokens.hal_black,
1249
- actionIconColorOnDark: globalTokens.hal_white,
1250
- disabledActionIconColor: globalTokens.hal_grey_l_60,
1251
- disabledActionIconColorOnDark: globalTokens.hal_grey_l_60,
1252
- hoverActionIconColor: globalTokens.hal_black,
1253
- hoverActionIconColorOnDark: globalTokens.hal_white,
1254
- focusActionIconColor: globalTokens.hal_black,
1255
- focusActionIconColorOnDark: globalTokens.hal_white,
1256
- activeActionIconColor: globalTokens.hal_black,
1257
- activeActionIconColorOnDark: globalTokens.hal_black,
1258
- actionBackgroundColor: globalTokens.transparent,
1259
- actionBackgroundColorOnDark: globalTokens.transparent,
1260
- disabledActionBackgroundColor: globalTokens.transparent,
1261
- disabledActionBackgroundColorOnDark: globalTokens.transparent,
1262
- hoverActionBackgroundColor: globalTokens.hal_grey_l_95,
1263
- hoverActionBackgroundColorOnDark: globalTokens.hal_grey_s_40,
1264
- focusActionBorderColor: globalTokens.hal_blue_l_50,
1265
- focusActionBorderColorOnDark: globalTokens.hal_blue_l_50,
1266
- activeActionBackgroundColor: globalTokens.hal_grey_l_80,
1267
- activeActionBackgroundColorOnDark: globalTokens.hal_grey_l_60,
1268
- listDialogBackgroundColor: globalTokens.hal_white,
1269
- listDialogBorderColor: globalTokens.hal_grey_l_75,
1270
- listOptionDividerColor: globalTokens.hal_grey_l_90,
1271
- listOptionFontColor: globalTokens.hal_black,
1272
- listOptionFontSize: globalTokens.type_scale_02,
1273
- listOptionFontStyle: globalTokens.type_normal,
1274
- listOptionFontWeight: globalTokens.type_regular,
1275
- systemMessageFontColor: globalTokens.hal_grey_s_40,
1276
- errorListDialogFontColor: globalTokens.hal_black,
1277
- errorListDialogBackgroundColor: globalTokens.color_red_50,
1278
- errorListDialogBorderColor: globalTokens.hal_red_s_41,
1279
- hoverListOptionBackgroundColor: globalTokens.hal_grey_l_95,
1280
- activeListOptionBackgroundColor: globalTokens.hal_grey_l_80,
1281
- focusListOptionBorderColor: globalTokens.hal_blue_l_50
1059
+ inputMarginTop: _coreTokens["default"].spacing_4,
1060
+ inputMarginBottom: _coreTokens["default"].spacing_4,
1061
+ errorMessageColor: _coreTokens["default"].color_red_700,
1062
+ errorMessageColorOnDark: _coreTokens["default"].color_red_500,
1063
+ errorIconColor: _coreTokens["default"].color_red_700,
1064
+ errorIconColorOnDark: _coreTokens["default"].color_red_500,
1065
+ labelFontColor: _coreTokens["default"].color_black,
1066
+ labelFontColorOnDark: _coreTokens["default"].color_white,
1067
+ labelFontSize: _coreTokens["default"].type_scale_02,
1068
+ labelFontStyle: _coreTokens["default"].type_normal,
1069
+ labelFontWeight: _coreTokens["default"].type_semibold,
1070
+ labelLineHeight: _coreTokens["default"].type_leading_loose_01,
1071
+ disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1072
+ disabledLabelFontColorOnDark: _coreTokens["default"].color_grey_500,
1073
+ optionalLabelFontWeight: _coreTokens["default"].type_regular,
1074
+ helperTextFontColor: _coreTokens["default"].color_black,
1075
+ helperTextFontColorOnDark: _coreTokens["default"].color_white,
1076
+ helperTextFontSize: _coreTokens["default"].type_scale_01,
1077
+ helperTextFontStyle: _coreTokens["default"].type_normal,
1078
+ helperTextFontWeight: _coreTokens["default"].type_regular,
1079
+ helperTextLineHeight: _coreTokens["default"].type_leading_normal,
1080
+ disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
1081
+ disabledHelperTextFontColorOnDark: _coreTokens["default"].color_grey_500,
1082
+ prefixColor: _coreTokens["default"].color_grey_700,
1083
+ prefixColorOnDark: _coreTokens["default"].color_white,
1084
+ suffixColor: _coreTokens["default"].color_grey_700,
1085
+ suffixColorOnDark: _coreTokens["default"].color_white,
1086
+ disabledPrefixColor: _coreTokens["default"].color_grey_400,
1087
+ disabledSuffixColor: _coreTokens["default"].color_grey_400,
1088
+ disabledPrefixColorOnDark: _coreTokens["default"].color_grey_500,
1089
+ disabledSuffixColorOnDark: _coreTokens["default"].color_grey_500,
1090
+ placeholderFontColor: _coreTokens["default"].color_grey_800_a,
1091
+ placeholderFontColorOnDark: _coreTokens["default"].color_grey_100,
1092
+ disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
1093
+ disabledPlaceholderFontColorOnDark: _coreTokens["default"].color_grey_500,
1094
+ valueFontColor: _coreTokens["default"].color_black,
1095
+ valueFontColorOnDark: _coreTokens["default"].color_white,
1096
+ valueFontSize: _coreTokens["default"].type_scale_03,
1097
+ valueFontStyle: _coreTokens["default"].type_normal,
1098
+ valueFontWeight: _coreTokens["default"].type_regular,
1099
+ disabledValueFontColor: _coreTokens["default"].color_grey_500,
1100
+ disabledValueFontColorOnDark: _coreTokens["default"].color_grey_500,
1101
+ actionIconColor: _coreTokens["default"].color_black,
1102
+ actionIconColorOnDark: _coreTokens["default"].color_white,
1103
+ disabledActionIconColor: _coreTokens["default"].color_grey_500,
1104
+ disabledActionIconColorOnDark: _coreTokens["default"].color_grey_500,
1105
+ hoverActionIconColor: _coreTokens["default"].color_black,
1106
+ hoverActionIconColorOnDark: _coreTokens["default"].color_white,
1107
+ focusActionIconColor: _coreTokens["default"].color_black,
1108
+ focusActionIconColorOnDark: _coreTokens["default"].color_white,
1109
+ activeActionIconColor: _coreTokens["default"].color_black,
1110
+ activeActionIconColorOnDark: _coreTokens["default"].color_black,
1111
+ actionBackgroundColor: _coreTokens["default"].color_transparent,
1112
+ actionBackgroundColorOnDark: _coreTokens["default"].color_transparent,
1113
+ disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
1114
+ disabledActionBackgroundColorOnDark: _coreTokens["default"].color_transparent,
1115
+ hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
1116
+ hoverActionBackgroundColorOnDark: _coreTokens["default"].color_grey_700,
1117
+ focusActionBorderColor: _coreTokens["default"].color_blue_600,
1118
+ focusActionBorderColorOnDark: _coreTokens["default"].color_blue_600,
1119
+ activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
1120
+ activeActionBackgroundColorOnDark: _coreTokens["default"].color_grey_500,
1121
+ listDialogBackgroundColor: _coreTokens["default"].color_white,
1122
+ listDialogBorderColor: _coreTokens["default"].color_grey_400,
1123
+ listOptionDividerColor: _coreTokens["default"].color_grey_200,
1124
+ listOptionFontColor: _coreTokens["default"].color_black,
1125
+ listOptionFontSize: _coreTokens["default"].type_scale_02,
1126
+ listOptionFontStyle: _coreTokens["default"].type_normal,
1127
+ listOptionFontWeight: _coreTokens["default"].type_regular,
1128
+ systemMessageFontColor: _coreTokens["default"].color_grey_700,
1129
+ errorListDialogFontColor: _coreTokens["default"].color_black,
1130
+ errorListDialogBackgroundColor: _coreTokens["default"].color_red_50,
1131
+ errorListDialogBorderColor: _coreTokens["default"].color_red_700,
1132
+ hoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
1133
+ activeListOptionBackgroundColor: _coreTokens["default"].color_grey_300,
1134
+ focusListOptionBorderColor: _coreTokens["default"].color_blue_600
1282
1135
  },
1283
1136
  toggleGroup: {
1284
- containerBackgroundColor: globalTokens.color_grey_50,
1285
- containerBorderColor: globalTokens.hal_grey_l_60,
1286
- labelFontColor: globalTokens.hal_black,
1287
- disabledLabelFontColor: globalTokens.hal_grey_l_60,
1288
- helperTextFontColor: globalTokens.hal_black,
1289
- disabledHelperTextFontcolor: globalTokens.hal_grey_l_60,
1290
- unselectedBackgroundColor: globalTokens.hal_grey_l_90,
1291
- unselectedHoverBackgroundColor: globalTokens.hal_grey_l_80,
1292
- unselectedActiveBackgroundColor: globalTokens.hal_purple_s_38,
1293
- unselectedDisabledBackgroundColor: globalTokens.hal_grey_l_95,
1294
- unselectedFontColor: globalTokens.hal_black,
1295
- unselectedDisabledFontColor: globalTokens.hal_grey_l_60,
1296
- selectedBackgroundColor: globalTokens.hal_purple_s_38,
1297
- selectedHoverBackgroundColor: globalTokens.hal_purple_d_30,
1298
- selectedActiveBackgroundColor: globalTokens.hal_purple_d_20,
1299
- selectedDisabledBackgroundColor: globalTokens.hal_purple_l_95,
1300
- selectedFontColor: globalTokens.hal_white,
1301
- selectedDisabledFontColor: globalTokens.color_purple_300,
1302
- focusColor: globalTokens.hal_blue_l_50,
1303
- labelFontFamily: globalTokens.type_sans,
1304
- labelFontSize: globalTokens.type_scale_02,
1305
- labelFontStyle: globalTokens.type_normal,
1306
- labelFontWeight: globalTokens.type_semibold,
1307
- labelLineHeight: globalTokens.type_leading_loose_01,
1308
- helperTextFontFamily: globalTokens.type_sans,
1309
- helperTextFontSize: globalTokens.type_scale_01,
1310
- helperTextFontStyle: globalTokens.type_normal,
1311
- helperTextFontWeight: globalTokens.type_regular,
1312
- helperTextLineHeight: globalTokens.type_leading_normal,
1313
- optionLabelFontFamily: globalTokens.type_sans,
1314
- optionLabelFontSize: globalTokens.type_scale_03,
1315
- optionLabelFontStyle: globalTokens.type_normal,
1316
- optionLabelFontWeight: globalTokens.type_regular,
1317
- iconPaddingRight: globalTokens.spacing_03,
1318
- iconPaddingLeft: globalTokens.spacing_03,
1319
- labelPaddingLeft: globalTokens.spacing_06,
1320
- labelPaddingRight: globalTokens.spacing_06,
1321
- iconMarginRight: globalTokens.spacing_03,
1322
- containerMarginTop: globalTokens.spacing_02,
1323
- optionBorderThickness: globalTokens.border_width_0,
1324
- optionBorderStyle: globalTokens.border_none,
1325
- optionBorderRadius: globalTokens.border_radius_medium,
1326
- containerBorderThickness: globalTokens.border_width_1,
1327
- containerBorderStyle: globalTokens.border_solid,
1328
- containerBorderRadius: globalTokens.border_radius_large,
1329
- optionFocusBorderThickness: globalTokens.border_width_2
1137
+ containerBackgroundColor: _coreTokens["default"].color_grey_50,
1138
+ containerBorderColor: _coreTokens["default"].color_grey_500,
1139
+ labelFontColor: _coreTokens["default"].color_black,
1140
+ disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1141
+ helperTextFontColor: _coreTokens["default"].color_black,
1142
+ disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
1143
+ unselectedBackgroundColor: _coreTokens["default"].color_grey_200,
1144
+ unselectedHoverBackgroundColor: _coreTokens["default"].color_grey_300,
1145
+ unselectedActiveBackgroundColor: _coreTokens["default"].color_purple_700,
1146
+ unselectedDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
1147
+ unselectedFontColor: _coreTokens["default"].color_black,
1148
+ unselectedDisabledFontColor: _coreTokens["default"].color_grey_500,
1149
+ selectedBackgroundColor: _coreTokens["default"].color_purple_700,
1150
+ selectedHoverBackgroundColor: _coreTokens["default"].color_purple_800,
1151
+ selectedActiveBackgroundColor: _coreTokens["default"].color_purple_900,
1152
+ selectedDisabledBackgroundColor: _coreTokens["default"].color_purple_100,
1153
+ selectedFontColor: _coreTokens["default"].color_white,
1154
+ selectedDisabledFontColor: _coreTokens["default"].color_purple_300,
1155
+ focusColor: _coreTokens["default"].color_blue_600,
1156
+ labelFontFamily: _coreTokens["default"].type_sans,
1157
+ labelFontSize: _coreTokens["default"].type_scale_02,
1158
+ labelFontStyle: _coreTokens["default"].type_normal,
1159
+ labelFontWeight: _coreTokens["default"].type_semibold,
1160
+ labelLineHeight: _coreTokens["default"].type_leading_loose_01,
1161
+ helperTextFontFamily: _coreTokens["default"].type_sans,
1162
+ helperTextFontSize: _coreTokens["default"].type_scale_01,
1163
+ helperTextFontStyle: _coreTokens["default"].type_normal,
1164
+ helperTextFontWeight: _coreTokens["default"].type_regular,
1165
+ helperTextLineHeight: _coreTokens["default"].type_leading_normal,
1166
+ optionLabelFontFamily: _coreTokens["default"].type_sans,
1167
+ optionLabelFontSize: _coreTokens["default"].type_scale_03,
1168
+ optionLabelFontStyle: _coreTokens["default"].type_normal,
1169
+ optionLabelFontWeight: _coreTokens["default"].type_regular,
1170
+ iconPaddingRight: _coreTokens["default"].spacing_8,
1171
+ iconPaddingLeft: _coreTokens["default"].spacing_8,
1172
+ labelPaddingLeft: _coreTokens["default"].spacing_24,
1173
+ labelPaddingRight: _coreTokens["default"].spacing_24,
1174
+ iconMarginRight: _coreTokens["default"].spacing_8,
1175
+ containerMarginTop: _coreTokens["default"].spacing_4,
1176
+ optionBorderThickness: _coreTokens["default"].border_width_0,
1177
+ optionBorderStyle: _coreTokens["default"].border_none,
1178
+ optionBorderRadius: _coreTokens["default"].border_radius_medium,
1179
+ containerBorderThickness: _coreTokens["default"].border_width_1,
1180
+ containerBorderStyle: _coreTokens["default"].border_solid,
1181
+ containerBorderRadius: _coreTokens["default"].border_radius_large,
1182
+ optionFocusBorderThickness: _coreTokens["default"].border_width_2
1330
1183
  },
1331
1184
  wizard: {
1332
- visitedStepFontColor: globalTokens.hal_black,
1333
- visitedStepBackgroundColor: globalTokens.hal_white,
1334
- visitedStepBorderColor: globalTokens.hal_black,
1335
- unvisitedStepFontColor: globalTokens.hal_grey_s_40,
1336
- unvisitedLabelFontColor: globalTokens.hal_grey_s_40,
1337
- unvisitedHelperTextFontColor: globalTokens.hal_grey_s_40,
1338
- unvisitedStepBackgroundColor: globalTokens.transparent,
1339
- unvisitedStepBorderColor: globalTokens.hal_grey_s_40,
1340
- selectedStepFontColor: globalTokens.hal_white,
1341
- selectedStepBackgroundColor: globalTokens.hal_purple_s_38,
1342
- selectedStepBorderColor: globalTokens.hal_purple_s_38,
1343
- selectedLabelFontColor: globalTokens.hal_black,
1344
- selectedHelperTextFontColor: globalTokens.hal_black,
1185
+ visitedStepFontColor: _coreTokens["default"].color_black,
1186
+ visitedStepBackgroundColor: _coreTokens["default"].color_white,
1187
+ visitedStepBorderColor: _coreTokens["default"].color_black,
1188
+ unvisitedStepFontColor: _coreTokens["default"].color_grey_700,
1189
+ unvisitedLabelFontColor: _coreTokens["default"].color_grey_700,
1190
+ unvisitedHelperTextFontColor: _coreTokens["default"].color_grey_700,
1191
+ unvisitedStepBackgroundColor: _coreTokens["default"].color_transparent,
1192
+ unvisitedStepBorderColor: _coreTokens["default"].color_grey_700,
1193
+ selectedStepFontColor: _coreTokens["default"].color_white,
1194
+ selectedStepBackgroundColor: _coreTokens["default"].color_purple_700,
1195
+ selectedStepBorderColor: _coreTokens["default"].color_purple_700,
1196
+ selectedLabelFontColor: _coreTokens["default"].color_black,
1197
+ selectedHelperTextFontColor: _coreTokens["default"].color_black,
1345
1198
  selectedStepWidth: "32px",
1346
1199
  selectedStepHeight: "32px",
1347
1200
  selectedStepBorderThickness: "2px",
1348
- selectedStepBorderStyle: globalTokens.border_solid,
1201
+ selectedStepBorderStyle: _coreTokens["default"].border_solid,
1349
1202
  selectedStepBorderRadius: "45px",
1350
- stepFontSize: globalTokens.type_scale_03,
1351
- stepFontFamily: globalTokens.type_sans,
1352
- stepFontStyle: globalTokens.type_normal,
1353
- stepFontWeight: globalTokens.type_regular,
1354
- stepFontTracking: globalTokens.type_spacing_wide_02,
1203
+ stepFontSize: _coreTokens["default"].type_scale_03,
1204
+ stepFontFamily: _coreTokens["default"].type_sans,
1205
+ stepFontStyle: _coreTokens["default"].type_normal,
1206
+ stepFontWeight: _coreTokens["default"].type_regular,
1207
+ stepFontTracking: _coreTokens["default"].type_spacing_wide_02,
1355
1208
  stepIconSize: "20px",
1356
1209
  stepWidth: "32px",
1357
1210
  stepHeight: "32px",
1358
1211
  stepBorderThickness: "2px",
1359
- stepBorderStyle: globalTokens.border_solid,
1212
+ stepBorderStyle: _coreTokens["default"].border_solid,
1360
1213
  stepBorderRadius: "45px",
1361
- visitedLabelFontColor: globalTokens.hal_black,
1362
- labelFontSize: globalTokens.type_scale_03,
1363
- labelFontFamily: globalTokens.type_sans,
1364
- labelFontStyle: globalTokens.type_normal,
1365
- labelFontWeight: globalTokens.type_regular,
1366
- labelFontTracking: globalTokens.type_spacing_normal,
1214
+ visitedLabelFontColor: _coreTokens["default"].color_black,
1215
+ labelFontSize: _coreTokens["default"].type_scale_03,
1216
+ labelFontFamily: _coreTokens["default"].type_sans,
1217
+ labelFontStyle: _coreTokens["default"].type_normal,
1218
+ labelFontWeight: _coreTokens["default"].type_regular,
1219
+ labelFontTracking: _coreTokens["default"].type_spacing_normal,
1367
1220
  labelFontTextTransform: "none",
1368
1221
  labelTextAlign: "left",
1369
- helperTextFontSize: globalTokens.type_scale_02,
1370
- helperTextFontFamily: globalTokens.type_sans,
1371
- helperTextFontStyle: globalTokens.type_normal,
1372
- helperTextFontWeight: globalTokens.type_regular,
1373
- helperTextFontTracking: globalTokens.type_spacing_normal,
1222
+ helperTextFontSize: _coreTokens["default"].type_scale_02,
1223
+ helperTextFontFamily: _coreTokens["default"].type_sans,
1224
+ helperTextFontStyle: _coreTokens["default"].type_normal,
1225
+ helperTextFontWeight: _coreTokens["default"].type_regular,
1226
+ helperTextFontTracking: _coreTokens["default"].type_spacing_normal,
1374
1227
  helperTextFontTextTransform: "none",
1375
- visitedHelperTextFontColor: globalTokens.hal_black,
1228
+ visitedHelperTextFontColor: _coreTokens["default"].color_black,
1376
1229
  helperTextTextAlign: "left",
1377
- disabledStepBackgroundColor: globalTokens.hal_grey_l_95,
1378
- disabledStepFontColor: globalTokens.hal_grey_l_60,
1379
- disabledLabelFontColor: globalTokens.hal_grey_l_60,
1380
- disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
1381
- disabledStepBorderColor: globalTokens.hal_grey_l_95,
1230
+ disabledStepBackgroundColor: _coreTokens["default"].color_grey_100,
1231
+ disabledStepFontColor: _coreTokens["default"].color_grey_500,
1232
+ disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1233
+ disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
1234
+ disabledStepBorderColor: _coreTokens["default"].color_grey_100,
1382
1235
  disabledStepWidth: "32px",
1383
1236
  disabledStepHeight: "32px",
1384
1237
  disabledStepBorderThickness: "2px",
1385
- disabledStepBorderStyle: globalTokens.border_solid,
1238
+ disabledStepBorderStyle: _coreTokens["default"].border_solid,
1386
1239
  disabledStepBorderRadius: "45px",
1387
1240
  separatorBorderThickness: "1px",
1388
- separatorBorderStyle: globalTokens.border_solid,
1389
- separatorColor: globalTokens.hal_grey_s_40,
1390
- focusColor: globalTokens.hal_blue_l_50
1241
+ separatorBorderStyle: _coreTokens["default"].border_solid,
1242
+ separatorColor: _coreTokens["default"].color_grey_700,
1243
+ focusColor: _coreTokens["default"].color_blue_600
1391
1244
  }
1392
1245
  };
1393
1246
  exports.componentTokens = componentTokens;
@@ -1409,39 +1262,6 @@ var responsiveSizes = {
1409
1262
  xlarge: "90"
1410
1263
  };
1411
1264
  exports.responsiveSizes = responsiveSizes;
1412
- var typeface = {
1413
- body: {
1414
- fontSize: "16px",
1415
- letterSpacing: "0.5",
1416
- textTransform: "initial"
1417
- },
1418
- altBody: {
1419
- fontSize: "14px",
1420
- letterSpacing: "0.25",
1421
- textTransform: "initial"
1422
- },
1423
- subtitle: {
1424
- fontSize: "16px",
1425
- letterSpacing: "0.15",
1426
- textTransform: "initial"
1427
- },
1428
- altSubtitle: {
1429
- fontSize: "14px",
1430
- letterSpacing: "0.1",
1431
- textTransform: "initial"
1432
- },
1433
- caption: {
1434
- fontSize: "12px",
1435
- letterSpacing: "0.4",
1436
- textTransform: "initial"
1437
- },
1438
- overline: {
1439
- fontSize: "12px",
1440
- letterSpacing: "2",
1441
- textTransform: "uppercase"
1442
- }
1443
- };
1444
- exports.typeface = typeface;
1445
1265
  var defaultTranslatedComponentLabels = {
1446
1266
  formFields: {
1447
1267
  optionalLabel: "(Optional)",
@@ -1465,6 +1285,9 @@ var defaultTranslatedComponentLabels = {
1465
1285
  dateInput: {
1466
1286
  invalidDateErrorMessage: "Invalid date."
1467
1287
  },
1288
+ dialog: {
1289
+ closeIconAriaLabel: "Close dialog"
1290
+ },
1468
1291
  fileInput: {
1469
1292
  fileSizeGreaterThanErrorMessage: "File size must be greater than min size.",
1470
1293
  fileSizeLessThanErrorMessage: "File size must be less than max size.",