@dxc-technology/halstack-react 0.0.0-fed0950 → 0.0.0-feed711

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