@dxc-technology/halstack-react 12.1.0 → 13.0.0

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 (522) hide show
  1. package/README.md +1 -1
  2. package/dist/index.d.mts +6439 -0
  3. package/dist/index.d.ts +6439 -0
  4. package/dist/index.js +12617 -0
  5. package/dist/index.mjs +12529 -0
  6. package/package.json +59 -63
  7. package/BackgroundColorContext.d.ts +0 -1
  8. package/BackgroundColorContext.js +0 -30
  9. package/HalstackContext.d.ts +0 -1246
  10. package/HalstackContext.js +0 -310
  11. package/accordion/Accordion.accessibility.test.d.ts +0 -1
  12. package/accordion/Accordion.accessibility.test.js +0 -71
  13. package/accordion/Accordion.d.ts +0 -4
  14. package/accordion/Accordion.js +0 -168
  15. package/accordion/Accordion.stories.tsx +0 -241
  16. package/accordion/Accordion.test.d.ts +0 -1
  17. package/accordion/Accordion.test.js +0 -56
  18. package/accordion/types.d.ts +0 -57
  19. package/accordion/types.js +0 -5
  20. package/accordion-group/AccordionGroup.accessibility.test.d.ts +0 -1
  21. package/accordion-group/AccordionGroup.accessibility.test.js +0 -82
  22. package/accordion-group/AccordionGroup.d.ts +0 -7
  23. package/accordion-group/AccordionGroup.js +0 -101
  24. package/accordion-group/AccordionGroup.stories.tsx +0 -252
  25. package/accordion-group/AccordionGroup.test.d.ts +0 -1
  26. package/accordion-group/AccordionGroup.test.js +0 -94
  27. package/accordion-group/AccordionGroupAccordion.d.ts +0 -4
  28. package/accordion-group/AccordionGroupAccordion.js +0 -31
  29. package/accordion-group/AccordionGroupContext.d.ts +0 -3
  30. package/accordion-group/AccordionGroupContext.js +0 -8
  31. package/accordion-group/types.d.ts +0 -67
  32. package/accordion-group/types.js +0 -5
  33. package/action-icon/ActionIcon.accessibility.test.d.ts +0 -1
  34. package/action-icon/ActionIcon.accessibility.test.js +0 -63
  35. package/action-icon/ActionIcon.d.ts +0 -4
  36. package/action-icon/ActionIcon.js +0 -48
  37. package/action-icon/ActionIcon.stories.tsx +0 -41
  38. package/action-icon/ActionIcon.test.d.ts +0 -1
  39. package/action-icon/ActionIcon.test.js +0 -64
  40. package/action-icon/types.d.ts +0 -26
  41. package/action-icon/types.js +0 -5
  42. package/alert/Alert.accessibility.test.d.ts +0 -1
  43. package/alert/Alert.accessibility.test.js +0 -95
  44. package/alert/Alert.d.ts +0 -4
  45. package/alert/Alert.js +0 -203
  46. package/alert/Alert.stories.tsx +0 -198
  47. package/alert/Alert.test.d.ts +0 -1
  48. package/alert/Alert.test.js +0 -75
  49. package/alert/types.d.ts +0 -49
  50. package/alert/types.js +0 -5
  51. package/badge/Badge.accessibility.test.d.ts +0 -1
  52. package/badge/Badge.accessibility.test.js +0 -129
  53. package/badge/Badge.d.ts +0 -4
  54. package/badge/Badge.js +0 -161
  55. package/badge/Badge.stories.tsx +0 -210
  56. package/badge/Badge.test.d.ts +0 -1
  57. package/badge/Badge.test.js +0 -30
  58. package/badge/types.d.ts +0 -54
  59. package/badge/types.js +0 -5
  60. package/bleed/Bleed.d.ts +0 -3
  61. package/bleed/Bleed.js +0 -43
  62. package/bleed/Bleed.stories.tsx +0 -342
  63. package/bleed/types.d.ts +0 -37
  64. package/bleed/types.js +0 -5
  65. package/box/Box.accessibility.test.d.ts +0 -1
  66. package/box/Box.accessibility.test.js +0 -33
  67. package/box/Box.d.ts +0 -4
  68. package/box/Box.js +0 -75
  69. package/box/Box.stories.tsx +0 -119
  70. package/box/Box.test.d.ts +0 -1
  71. package/box/Box.test.js +0 -13
  72. package/box/types.d.ts +0 -32
  73. package/box/types.js +0 -5
  74. package/breadcrumbs/Breadcrumbs.accessibility.test.d.ts +0 -1
  75. package/breadcrumbs/Breadcrumbs.accessibility.test.js +0 -96
  76. package/breadcrumbs/Breadcrumbs.d.ts +0 -4
  77. package/breadcrumbs/Breadcrumbs.js +0 -79
  78. package/breadcrumbs/Breadcrumbs.stories.tsx +0 -194
  79. package/breadcrumbs/Breadcrumbs.test.d.ts +0 -1
  80. package/breadcrumbs/Breadcrumbs.test.js +0 -168
  81. package/breadcrumbs/Item.d.ts +0 -4
  82. package/breadcrumbs/Item.js +0 -52
  83. package/breadcrumbs/dropdownTheme.d.ts +0 -53
  84. package/breadcrumbs/dropdownTheme.js +0 -62
  85. package/breadcrumbs/types.d.ts +0 -16
  86. package/breadcrumbs/types.js +0 -5
  87. package/bulleted-list/BulletedList.accessibility.test.d.ts +0 -1
  88. package/bulleted-list/BulletedList.accessibility.test.js +0 -119
  89. package/bulleted-list/BulletedList.d.ts +0 -7
  90. package/bulleted-list/BulletedList.js +0 -92
  91. package/bulleted-list/BulletedList.stories.tsx +0 -115
  92. package/bulleted-list/types.d.ts +0 -38
  93. package/bulleted-list/types.js +0 -5
  94. package/button/Button.accessibility.test.d.ts +0 -1
  95. package/button/Button.accessibility.test.js +0 -127
  96. package/button/Button.d.ts +0 -4
  97. package/button/Button.js +0 -121
  98. package/button/Button.stories.tsx +0 -325
  99. package/button/Button.test.d.ts +0 -1
  100. package/button/Button.test.js +0 -38
  101. package/button/types.d.ts +0 -57
  102. package/button/types.js +0 -5
  103. package/card/Card.accessibility.test.d.ts +0 -1
  104. package/card/Card.accessibility.test.js +0 -36
  105. package/card/Card.d.ts +0 -4
  106. package/card/Card.js +0 -121
  107. package/card/Card.stories.tsx +0 -171
  108. package/card/Card.test.d.ts +0 -1
  109. package/card/Card.test.js +0 -39
  110. package/card/types.d.ts +0 -62
  111. package/card/types.js +0 -5
  112. package/checkbox/Checkbox.accessibility.test.d.ts +0 -1
  113. package/checkbox/Checkbox.accessibility.test.js +0 -87
  114. package/checkbox/Checkbox.d.ts +0 -4
  115. package/checkbox/Checkbox.js +0 -212
  116. package/checkbox/Checkbox.stories.tsx +0 -222
  117. package/checkbox/Checkbox.test.d.ts +0 -1
  118. package/checkbox/Checkbox.test.js +0 -199
  119. package/checkbox/types.d.ts +0 -72
  120. package/checkbox/types.js +0 -5
  121. package/chip/Chip.accessibility.test.d.ts +0 -1
  122. package/chip/Chip.accessibility.test.js +0 -67
  123. package/chip/Chip.d.ts +0 -4
  124. package/chip/Chip.js +0 -126
  125. package/chip/Chip.stories.tsx +0 -195
  126. package/chip/Chip.test.d.ts +0 -1
  127. package/chip/Chip.test.js +0 -41
  128. package/chip/types.d.ts +0 -45
  129. package/chip/types.js +0 -5
  130. package/common/coreTokens.d.ts +0 -237
  131. package/common/coreTokens.js +0 -184
  132. package/common/utils.d.ts +0 -1
  133. package/common/utils.js +0 -16
  134. package/common/variables.d.ts +0 -1392
  135. package/common/variables.js +0 -1264
  136. package/container/Container.d.ts +0 -4
  137. package/container/Container.js +0 -194
  138. package/container/Container.stories.tsx +0 -214
  139. package/container/types.d.ts +0 -74
  140. package/container/types.js +0 -5
  141. package/contextual-menu/ContextualMenu.accessibility.test.d.ts +0 -1
  142. package/contextual-menu/ContextualMenu.accessibility.test.js +0 -98
  143. package/contextual-menu/ContextualMenu.d.ts +0 -5
  144. package/contextual-menu/ContextualMenu.js +0 -108
  145. package/contextual-menu/ContextualMenu.stories.tsx +0 -223
  146. package/contextual-menu/ContextualMenu.test.d.ts +0 -1
  147. package/contextual-menu/ContextualMenu.test.js +0 -247
  148. package/contextual-menu/GroupItem.d.ts +0 -4
  149. package/contextual-menu/GroupItem.js +0 -67
  150. package/contextual-menu/ItemAction.d.ts +0 -4
  151. package/contextual-menu/ItemAction.js +0 -50
  152. package/contextual-menu/MenuItem.d.ts +0 -4
  153. package/contextual-menu/MenuItem.js +0 -29
  154. package/contextual-menu/SingleItem.d.ts +0 -4
  155. package/contextual-menu/SingleItem.js +0 -38
  156. package/contextual-menu/types.d.ts +0 -61
  157. package/contextual-menu/types.js +0 -5
  158. package/date-input/Calendar.d.ts +0 -4
  159. package/date-input/Calendar.js +0 -230
  160. package/date-input/DateInput.accessibility.test.d.ts +0 -1
  161. package/date-input/DateInput.accessibility.test.js +0 -229
  162. package/date-input/DateInput.d.ts +0 -4
  163. package/date-input/DateInput.js +0 -228
  164. package/date-input/DateInput.stories.tsx +0 -291
  165. package/date-input/DateInput.test.d.ts +0 -1
  166. package/date-input/DateInput.test.js +0 -808
  167. package/date-input/DatePicker.d.ts +0 -4
  168. package/date-input/DatePicker.js +0 -121
  169. package/date-input/YearPicker.d.ts +0 -4
  170. package/date-input/YearPicker.js +0 -105
  171. package/date-input/types.d.ts +0 -164
  172. package/date-input/types.js +0 -5
  173. package/dialog/Dialog.accessibility.test.d.ts +0 -1
  174. package/dialog/Dialog.accessibility.test.js +0 -69
  175. package/dialog/Dialog.d.ts +0 -4
  176. package/dialog/Dialog.js +0 -93
  177. package/dialog/Dialog.stories.tsx +0 -369
  178. package/dialog/Dialog.test.d.ts +0 -1
  179. package/dialog/Dialog.test.js +0 -370
  180. package/dialog/types.d.ts +0 -36
  181. package/dialog/types.js +0 -5
  182. package/divider/Divider.accessibility.test.d.ts +0 -1
  183. package/divider/Divider.accessibility.test.js +0 -33
  184. package/divider/Divider.d.ts +0 -4
  185. package/divider/Divider.js +0 -36
  186. package/divider/Divider.stories.tsx +0 -223
  187. package/divider/Divider.test.d.ts +0 -1
  188. package/divider/Divider.test.js +0 -38
  189. package/divider/types.d.ts +0 -21
  190. package/divider/types.js +0 -5
  191. package/dropdown/Dropdown.accessibility.test.d.ts +0 -1
  192. package/dropdown/Dropdown.accessibility.test.js +0 -183
  193. package/dropdown/Dropdown.d.ts +0 -4
  194. package/dropdown/Dropdown.js +0 -320
  195. package/dropdown/Dropdown.stories.tsx +0 -427
  196. package/dropdown/Dropdown.test.d.ts +0 -1
  197. package/dropdown/Dropdown.test.js +0 -628
  198. package/dropdown/DropdownMenu.d.ts +0 -4
  199. package/dropdown/DropdownMenu.js +0 -63
  200. package/dropdown/DropdownMenuItem.d.ts +0 -4
  201. package/dropdown/DropdownMenuItem.js +0 -71
  202. package/dropdown/types.d.ts +0 -96
  203. package/dropdown/types.js +0 -5
  204. package/file-input/FileInput.accessibility.test.d.ts +0 -1
  205. package/file-input/FileInput.accessibility.test.js +0 -167
  206. package/file-input/FileInput.d.ts +0 -4
  207. package/file-input/FileInput.js +0 -438
  208. package/file-input/FileInput.stories.tsx +0 -618
  209. package/file-input/FileInput.test.d.ts +0 -1
  210. package/file-input/FileInput.test.js +0 -404
  211. package/file-input/FileItem.d.ts +0 -4
  212. package/file-input/FileItem.js +0 -125
  213. package/file-input/types.d.ts +0 -125
  214. package/file-input/types.js +0 -5
  215. package/flex/Flex.d.ts +0 -4
  216. package/flex/Flex.js +0 -57
  217. package/flex/Flex.stories.tsx +0 -112
  218. package/flex/types.d.ts +0 -97
  219. package/flex/types.js +0 -5
  220. package/footer/Footer.accessibility.test.d.ts +0 -1
  221. package/footer/Footer.accessibility.test.js +0 -125
  222. package/footer/Footer.d.ts +0 -4
  223. package/footer/Footer.js +0 -140
  224. package/footer/Footer.stories.tsx +0 -208
  225. package/footer/Footer.test.d.ts +0 -1
  226. package/footer/Footer.test.js +0 -85
  227. package/footer/Icons.d.ts +0 -3
  228. package/footer/Icons.js +0 -108
  229. package/footer/types.d.ts +0 -64
  230. package/footer/types.js +0 -5
  231. package/grid/Grid.d.ts +0 -7
  232. package/grid/Grid.js +0 -76
  233. package/grid/Grid.stories.tsx +0 -221
  234. package/grid/types.d.ts +0 -115
  235. package/grid/types.js +0 -5
  236. package/header/Header.accessibility.test.d.ts +0 -1
  237. package/header/Header.accessibility.test.js +0 -94
  238. package/header/Header.d.ts +0 -8
  239. package/header/Header.js +0 -210
  240. package/header/Header.stories.tsx +0 -267
  241. package/header/Header.test.d.ts +0 -1
  242. package/header/Header.test.js +0 -66
  243. package/header/Icons.d.ts +0 -2
  244. package/header/Icons.js +0 -24
  245. package/header/types.d.ts +0 -33
  246. package/header/types.js +0 -5
  247. package/heading/Heading.accessibility.test.d.ts +0 -1
  248. package/heading/Heading.accessibility.test.js +0 -33
  249. package/heading/Heading.d.ts +0 -4
  250. package/heading/Heading.js +0 -137
  251. package/heading/Heading.stories.tsx +0 -54
  252. package/heading/Heading.test.d.ts +0 -1
  253. package/heading/Heading.test.js +0 -156
  254. package/heading/types.d.ts +0 -33
  255. package/heading/types.js +0 -5
  256. package/icon/Icon.accessibility.test.d.ts +0 -1
  257. package/icon/Icon.accessibility.test.js +0 -30
  258. package/icon/Icon.d.ts +0 -4
  259. package/icon/Icon.js +0 -33
  260. package/icon/Icon.stories.tsx +0 -28
  261. package/icon/types.d.ts +0 -4
  262. package/icon/types.js +0 -5
  263. package/image/Image.accessibility.test.d.ts +0 -1
  264. package/image/Image.accessibility.test.js +0 -56
  265. package/image/Image.d.ts +0 -4
  266. package/image/Image.js +0 -70
  267. package/image/Image.stories.tsx +0 -129
  268. package/image/types.d.ts +0 -72
  269. package/image/types.js +0 -5
  270. package/inset/Inset.d.ts +0 -3
  271. package/inset/Inset.js +0 -43
  272. package/inset/Inset.stories.tsx +0 -230
  273. package/inset/types.d.ts +0 -37
  274. package/inset/types.js +0 -5
  275. package/layout/ApplicationLayout.d.ts +0 -20
  276. package/layout/ApplicationLayout.js +0 -137
  277. package/layout/ApplicationLayout.stories.tsx +0 -162
  278. package/layout/Icons.d.ts +0 -7
  279. package/layout/Icons.js +0 -48
  280. package/layout/types.d.ts +0 -41
  281. package/layout/types.js +0 -5
  282. package/link/Link.accessibility.test.d.ts +0 -1
  283. package/link/Link.accessibility.test.js +0 -108
  284. package/link/Link.d.ts +0 -4
  285. package/link/Link.js +0 -117
  286. package/link/Link.stories.tsx +0 -253
  287. package/link/Link.test.d.ts +0 -1
  288. package/link/Link.test.js +0 -63
  289. package/link/types.d.ts +0 -54
  290. package/link/types.js +0 -5
  291. package/main.d.ts +0 -50
  292. package/main.js +0 -364
  293. package/nav-tabs/NavTabs.accessibility.test.d.ts +0 -1
  294. package/nav-tabs/NavTabs.accessibility.test.js +0 -44
  295. package/nav-tabs/NavTabs.d.ts +0 -7
  296. package/nav-tabs/NavTabs.js +0 -108
  297. package/nav-tabs/NavTabs.stories.tsx +0 -294
  298. package/nav-tabs/NavTabs.test.d.ts +0 -1
  299. package/nav-tabs/NavTabs.test.js +0 -77
  300. package/nav-tabs/NavTabsContext.d.ts +0 -3
  301. package/nav-tabs/NavTabsContext.js +0 -8
  302. package/nav-tabs/Tab.d.ts +0 -4
  303. package/nav-tabs/Tab.js +0 -117
  304. package/nav-tabs/types.d.ts +0 -52
  305. package/nav-tabs/types.js +0 -5
  306. package/number-input/NumberInput.accessibility.test.d.ts +0 -1
  307. package/number-input/NumberInput.accessibility.test.js +0 -227
  308. package/number-input/NumberInput.d.ts +0 -4
  309. package/number-input/NumberInput.js +0 -86
  310. package/number-input/NumberInput.stories.tsx +0 -117
  311. package/number-input/NumberInput.test.d.ts +0 -1
  312. package/number-input/NumberInput.test.js +0 -988
  313. package/number-input/NumberInputContext.d.ts +0 -3
  314. package/number-input/NumberInputContext.js +0 -8
  315. package/number-input/types.d.ts +0 -136
  316. package/number-input/types.js +0 -5
  317. package/paginator/Paginator.accessibility.test.d.ts +0 -1
  318. package/paginator/Paginator.accessibility.test.js +0 -78
  319. package/paginator/Paginator.d.ts +0 -4
  320. package/paginator/Paginator.js +0 -138
  321. package/paginator/Paginator.stories.tsx +0 -87
  322. package/paginator/Paginator.test.d.ts +0 -1
  323. package/paginator/Paginator.test.js +0 -334
  324. package/paginator/types.d.ts +0 -38
  325. package/paginator/types.js +0 -5
  326. package/paragraph/Paragraph.accessibility.test.d.ts +0 -1
  327. package/paragraph/Paragraph.accessibility.test.js +0 -28
  328. package/paragraph/Paragraph.d.ts +0 -5
  329. package/paragraph/Paragraph.js +0 -22
  330. package/paragraph/Paragraph.stories.tsx +0 -27
  331. package/password-input/PasswordInput.accessibility.test.d.ts +0 -1
  332. package/password-input/PasswordInput.accessibility.test.js +0 -152
  333. package/password-input/PasswordInput.d.ts +0 -4
  334. package/password-input/PasswordInput.js +0 -97
  335. package/password-input/PasswordInput.stories.tsx +0 -99
  336. package/password-input/PasswordInput.test.d.ts +0 -1
  337. package/password-input/PasswordInput.test.js +0 -197
  338. package/password-input/types.d.ts +0 -111
  339. package/password-input/types.js +0 -5
  340. package/progress-bar/ProgressBar.accessibility.test.d.ts +0 -1
  341. package/progress-bar/ProgressBar.accessibility.test.js +0 -35
  342. package/progress-bar/ProgressBar.d.ts +0 -4
  343. package/progress-bar/ProgressBar.js +0 -146
  344. package/progress-bar/ProgressBar.stories.tsx +0 -93
  345. package/progress-bar/ProgressBar.test.d.ts +0 -1
  346. package/progress-bar/ProgressBar.test.js +0 -93
  347. package/progress-bar/types.d.ts +0 -37
  348. package/progress-bar/types.js +0 -5
  349. package/quick-nav/QuickNav.accessibility.test.d.ts +0 -1
  350. package/quick-nav/QuickNav.accessibility.test.js +0 -57
  351. package/quick-nav/QuickNav.d.ts +0 -4
  352. package/quick-nav/QuickNav.js +0 -94
  353. package/quick-nav/QuickNav.stories.tsx +0 -356
  354. package/quick-nav/types.d.ts +0 -21
  355. package/quick-nav/types.js +0 -5
  356. package/radio-group/Radio.d.ts +0 -4
  357. package/radio-group/Radio.js +0 -121
  358. package/radio-group/RadioGroup.accessibility.test.d.ts +0 -1
  359. package/radio-group/RadioGroup.accessibility.test.js +0 -97
  360. package/radio-group/RadioGroup.d.ts +0 -4
  361. package/radio-group/RadioGroup.js +0 -233
  362. package/radio-group/RadioGroup.stories.tsx +0 -214
  363. package/radio-group/RadioGroup.test.d.ts +0 -1
  364. package/radio-group/RadioGroup.test.js +0 -754
  365. package/radio-group/types.d.ts +0 -114
  366. package/radio-group/types.js +0 -5
  367. package/resultset-table/Icons.d.ts +0 -7
  368. package/resultset-table/Icons.js +0 -47
  369. package/resultset-table/ResultsetTable.accessibility.test.d.ts +0 -1
  370. package/resultset-table/ResultsetTable.accessibility.test.js +0 -284
  371. package/resultset-table/ResultsetTable.d.ts +0 -7
  372. package/resultset-table/ResultsetTable.js +0 -171
  373. package/resultset-table/ResultsetTable.stories.tsx +0 -413
  374. package/resultset-table/ResultsetTable.test.d.ts +0 -1
  375. package/resultset-table/ResultsetTable.test.js +0 -379
  376. package/resultset-table/types.d.ts +0 -100
  377. package/resultset-table/types.js +0 -5
  378. package/select/Listbox.d.ts +0 -4
  379. package/select/Listbox.js +0 -151
  380. package/select/Option.d.ts +0 -4
  381. package/select/Option.js +0 -89
  382. package/select/Select.accessibility.test.d.ts +0 -1
  383. package/select/Select.accessibility.test.js +0 -227
  384. package/select/Select.d.ts +0 -4
  385. package/select/Select.js +0 -600
  386. package/select/Select.stories.tsx +0 -919
  387. package/select/Select.test.d.ts +0 -1
  388. package/select/Select.test.js +0 -2267
  389. package/select/types.d.ts +0 -209
  390. package/select/types.js +0 -5
  391. package/sidenav/Sidenav.accessibility.test.d.ts +0 -1
  392. package/sidenav/Sidenav.accessibility.test.js +0 -59
  393. package/sidenav/Sidenav.d.ts +0 -10
  394. package/sidenav/Sidenav.js +0 -201
  395. package/sidenav/Sidenav.stories.tsx +0 -277
  396. package/sidenav/Sidenav.test.d.ts +0 -1
  397. package/sidenav/Sidenav.test.js +0 -37
  398. package/sidenav/SidenavContext.d.ts +0 -5
  399. package/sidenav/SidenavContext.js +0 -13
  400. package/sidenav/types.d.ts +0 -76
  401. package/sidenav/types.js +0 -5
  402. package/slider/Slider.accessibility.test.d.ts +0 -1
  403. package/slider/Slider.accessibility.test.js +0 -103
  404. package/slider/Slider.d.ts +0 -4
  405. package/slider/Slider.js +0 -283
  406. package/slider/Slider.stories.tsx +0 -180
  407. package/slider/Slider.test.d.ts +0 -1
  408. package/slider/Slider.test.js +0 -256
  409. package/slider/types.d.ts +0 -86
  410. package/slider/types.js +0 -5
  411. package/spinner/Spinner.accessibility.test.d.ts +0 -1
  412. package/spinner/Spinner.accessibility.test.js +0 -96
  413. package/spinner/Spinner.d.ts +0 -4
  414. package/spinner/Spinner.js +0 -210
  415. package/spinner/Spinner.stories.tsx +0 -129
  416. package/spinner/Spinner.test.d.ts +0 -1
  417. package/spinner/Spinner.test.js +0 -55
  418. package/spinner/types.d.ts +0 -32
  419. package/spinner/types.js +0 -5
  420. package/status-light/StatusLight.accessibility.test.d.ts +0 -1
  421. package/status-light/StatusLight.accessibility.test.js +0 -157
  422. package/status-light/StatusLight.d.ts +0 -4
  423. package/status-light/StatusLight.js +0 -51
  424. package/status-light/StatusLight.stories.tsx +0 -74
  425. package/status-light/StatusLight.test.d.ts +0 -1
  426. package/status-light/StatusLight.test.js +0 -25
  427. package/status-light/types.d.ts +0 -17
  428. package/status-light/types.js +0 -5
  429. package/switch/Switch.accessibility.test.d.ts +0 -1
  430. package/switch/Switch.accessibility.test.js +0 -98
  431. package/switch/Switch.d.ts +0 -4
  432. package/switch/Switch.js +0 -211
  433. package/switch/Switch.stories.tsx +0 -149
  434. package/switch/Switch.test.d.ts +0 -1
  435. package/switch/Switch.test.js +0 -180
  436. package/switch/types.d.ts +0 -66
  437. package/switch/types.js +0 -5
  438. package/table/DropdownTheme.js +0 -62
  439. package/table/Table.accessibility.test.d.ts +0 -1
  440. package/table/Table.accessibility.test.js +0 -92
  441. package/table/Table.d.ts +0 -8
  442. package/table/Table.js +0 -161
  443. package/table/Table.stories.tsx +0 -663
  444. package/table/Table.test.d.ts +0 -1
  445. package/table/Table.test.js +0 -111
  446. package/table/types.d.ts +0 -49
  447. package/table/types.js +0 -5
  448. package/tabs/Tab.d.ts +0 -4
  449. package/tabs/Tab.js +0 -117
  450. package/tabs/Tabs.accessibility.test.d.ts +0 -1
  451. package/tabs/Tabs.accessibility.test.js +0 -56
  452. package/tabs/Tabs.d.ts +0 -4
  453. package/tabs/Tabs.js +0 -373
  454. package/tabs/Tabs.stories.tsx +0 -230
  455. package/tabs/Tabs.test.d.ts +0 -1
  456. package/tabs/Tabs.test.js +0 -276
  457. package/tabs/types.d.ts +0 -92
  458. package/tabs/types.js +0 -5
  459. package/tag/Tag.accessibility.test.d.ts +0 -1
  460. package/tag/Tag.accessibility.test.js +0 -69
  461. package/tag/Tag.d.ts +0 -4
  462. package/tag/Tag.js +0 -151
  463. package/tag/Tag.stories.tsx +0 -152
  464. package/tag/Tag.test.d.ts +0 -1
  465. package/tag/Tag.test.js +0 -41
  466. package/tag/types.d.ts +0 -69
  467. package/tag/types.js +0 -5
  468. package/text-input/Suggestion.d.ts +0 -4
  469. package/text-input/Suggestion.js +0 -67
  470. package/text-input/Suggestions.d.ts +0 -4
  471. package/text-input/Suggestions.js +0 -94
  472. package/text-input/TextInput.accessibility.test.d.ts +0 -1
  473. package/text-input/TextInput.accessibility.test.js +0 -320
  474. package/text-input/TextInput.d.ts +0 -4
  475. package/text-input/TextInput.js +0 -569
  476. package/text-input/TextInput.stories.tsx +0 -468
  477. package/text-input/TextInput.test.d.ts +0 -1
  478. package/text-input/TextInput.test.js +0 -1755
  479. package/text-input/types.d.ts +0 -205
  480. package/text-input/types.js +0 -5
  481. package/textarea/Textarea.accessibility.test.d.ts +0 -1
  482. package/textarea/Textarea.accessibility.test.js +0 -155
  483. package/textarea/Textarea.d.ts +0 -4
  484. package/textarea/Textarea.js +0 -235
  485. package/textarea/Textarea.stories.tsx +0 -174
  486. package/textarea/Textarea.test.d.ts +0 -1
  487. package/textarea/Textarea.test.js +0 -406
  488. package/textarea/types.d.ts +0 -141
  489. package/textarea/types.js +0 -5
  490. package/toggle-group/ToggleGroup.accessibility.test.d.ts +0 -1
  491. package/toggle-group/ToggleGroup.accessibility.test.js +0 -107
  492. package/toggle-group/ToggleGroup.d.ts +0 -4
  493. package/toggle-group/ToggleGroup.js +0 -199
  494. package/toggle-group/ToggleGroup.stories.tsx +0 -218
  495. package/toggle-group/ToggleGroup.test.d.ts +0 -1
  496. package/toggle-group/ToggleGroup.test.js +0 -137
  497. package/toggle-group/types.d.ts +0 -114
  498. package/toggle-group/types.js +0 -5
  499. package/typography/Typography.accessibility.test.d.ts +0 -1
  500. package/typography/Typography.accessibility.test.js +0 -339
  501. package/typography/Typography.d.ts +0 -4
  502. package/typography/Typography.js +0 -23
  503. package/typography/Typography.stories.tsx +0 -196
  504. package/typography/types.d.ts +0 -18
  505. package/typography/types.js +0 -5
  506. package/useTheme.d.ts +0 -1145
  507. package/useTheme.js +0 -15
  508. package/useTranslatedLabels.d.ts +0 -85
  509. package/useTranslatedLabels.js +0 -14
  510. package/utils/BaseTypography.d.ts +0 -21
  511. package/utils/BaseTypography.js +0 -94
  512. package/utils/FocusLock.d.ts +0 -13
  513. package/utils/FocusLock.js +0 -125
  514. package/wizard/Wizard.accessibility.test.d.ts +0 -1
  515. package/wizard/Wizard.accessibility.test.js +0 -55
  516. package/wizard/Wizard.d.ts +0 -4
  517. package/wizard/Wizard.js +0 -239
  518. package/wizard/Wizard.stories.tsx +0 -272
  519. package/wizard/Wizard.test.d.ts +0 -1
  520. package/wizard/Wizard.test.js +0 -114
  521. package/wizard/types.d.ts +0 -64
  522. package/wizard/types.js +0 -5
@@ -1,1264 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.spaces = exports.responsiveSizes = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
8
- var _coreTokens = _interopRequireDefault(require("./coreTokens"));
9
- var componentTokens = exports.componentTokens = {
10
- accordion: {
11
- backgroundColor: _coreTokens["default"].color_white,
12
- hoverBackgroundColor: _coreTokens["default"].color_purple_100,
13
- arrowColor: _coreTokens["default"].color_purple_700,
14
- disabledArrowColor: _coreTokens["default"].color_grey_500,
15
- assistiveTextFontFamily: _coreTokens["default"].type_sans,
16
- assistiveTextFontSize: _coreTokens["default"].type_scale_03,
17
- assistiveTextFontWeight: _coreTokens["default"].type_light,
18
- assistiveTextFontStyle: _coreTokens["default"].type_italic,
19
- assistiveTextLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
20
- assistiveTextFontColor: _coreTokens["default"].color_grey_700,
21
- disabledAssistiveTextFontColor: _coreTokens["default"].color_grey_500,
22
- assistiveTextMinWidth: "100px",
23
- assistiveTextPaddingRight: _coreTokens["default"].spacing_24,
24
- assistiveTextPaddingLeft: _coreTokens["default"].spacing_0,
25
- titleLabelFontFamily: _coreTokens["default"].type_sans,
26
- titleLabelFontSize: _coreTokens["default"].type_scale_03,
27
- titleLabelFontWeight: _coreTokens["default"].type_regular,
28
- titleLabelFontStyle: _coreTokens["default"].type_normal,
29
- titleLabelFontColor: _coreTokens["default"].color_black,
30
- disabledTitleLabelFontColor: _coreTokens["default"].color_grey_500,
31
- titleLabelPaddingTop: _coreTokens["default"].spacing_0,
32
- titleLabelPaddingBottom: _coreTokens["default"].spacing_0,
33
- titleLabelPaddingLeft: _coreTokens["default"].spacing_0,
34
- titleLabelPaddingRight: _coreTokens["default"].spacing_16,
35
- focusBorderColor: _coreTokens["default"].color_blue_600,
36
- focusBorderStyle: _coreTokens["default"].border_solid,
37
- focusBorderThickness: "2px",
38
- borderRadius: "4px",
39
- boxShadowOffsetX: "0px",
40
- boxShadowOffsetY: "6px",
41
- boxShadowBlur: "10px",
42
- boxShadowColor: _coreTokens["default"].color_grey_200_a,
43
- iconColor: _coreTokens["default"].color_purple_700,
44
- disabledIconColor: _coreTokens["default"].color_grey_500,
45
- iconSize: "24px",
46
- iconMarginLeft: _coreTokens["default"].spacing_0,
47
- iconMarginRight: _coreTokens["default"].spacing_12,
48
- accordionGroupSeparatorBorderColor: _coreTokens["default"].color_grey_200_a,
49
- accordionGroupSeparatorBorderThickness: "1px",
50
- accordionGroupSeparatorBorderRadius: "0px",
51
- accordionGroupSeparatorBorderStyle: _coreTokens["default"].border_solid
52
- },
53
- alert: {
54
- titleFontFamily: _coreTokens["default"].type_sans,
55
- titleFontColor: _coreTokens["default"].color_black,
56
- titleFontSize: _coreTokens["default"].type_scale_01,
57
- titleFontStyle: _coreTokens["default"].type_normal,
58
- titleFontWeight: _coreTokens["default"].type_bold,
59
- titleTextTransform: _coreTokens["default"].type_uppercase,
60
- titlePaddingRight: _coreTokens["default"].spacing_0,
61
- titlePaddingLeft: _coreTokens["default"].spacing_0,
62
- inlineTextFontFamily: _coreTokens["default"].type_sans,
63
- inlineTextFontColor: _coreTokens["default"].color_black,
64
- inlineTextFontSize: _coreTokens["default"].type_scale_01,
65
- inlineTextFontStyle: _coreTokens["default"].type_normal,
66
- inlineTextFontWeight: _coreTokens["default"].type_regular,
67
- inlineTextPaddingLeft: _coreTokens["default"].spacing_0,
68
- inlineTextPaddingRight: _coreTokens["default"].spacing_0,
69
- contentPaddingLeft: _coreTokens["default"].spacing_0,
70
- contentPaddingRight: _coreTokens["default"].spacing_0,
71
- contentPaddingTop: "20px",
72
- contentPaddingBottom: "30px",
73
- borderRadius: "4px",
74
- borderStyle: _coreTokens["default"].border_solid,
75
- borderThickness: "1px",
76
- infoBorderColor: _coreTokens["default"].color_blue_800,
77
- successBorderColor: _coreTokens["default"].color_green_700,
78
- warningBorderColor: _coreTokens["default"].color_yellow_700,
79
- errorBorderColor: _coreTokens["default"].color_red_700,
80
- iconSize: "24px",
81
- iconPaddingLeft: _coreTokens["default"].spacing_0,
82
- iconPaddingRight: _coreTokens["default"].spacing_0,
83
- infoIconColor: _coreTokens["default"].color_blue_800,
84
- successIconColor: _coreTokens["default"].color_green_700,
85
- warningIconColor: _coreTokens["default"].color_yellow_700,
86
- errorIconColor: _coreTokens["default"].color_red_700,
87
- infoBackgroundColor: _coreTokens["default"].color_blue_100,
88
- successBackgroundColor: _coreTokens["default"].color_green_100,
89
- warningBackgroundColor: _coreTokens["default"].color_yellow_100,
90
- errorBackgroundColor: _coreTokens["default"].color_red_100,
91
- hoverActionBackgroundColor: _coreTokens["default"].color_grey_100_a,
92
- activeActionBackgroundColor: _coreTokens["default"].color_grey_200_a,
93
- focusActionBorderColor: _coreTokens["default"].color_blue_600,
94
- overlayColor: _coreTokens["default"].color_grey_800_a
95
- },
96
- box: {
97
- backgroundColor: _coreTokens["default"].color_white,
98
- borderRadius: _coreTokens["default"].border_radius_medium,
99
- borderThickness: _coreTokens["default"].border_width_0,
100
- borderStyle: _coreTokens["default"].border_none,
101
- borderColor: _coreTokens["default"].color_transparent,
102
- noneShadowDepthShadowOffsetX: "none",
103
- noneShadowDepthShadowOffsetY: "none",
104
- noneShadowDepthShadowBlur: "none",
105
- noneShadowDepthShadowSpread: "none",
106
- noneShadowDepthShadowColor: _coreTokens["default"].color_transparent,
107
- oneShadowDepthShadowOffsetX: "0px",
108
- oneShadowDepthShadowOffsetY: "3px",
109
- oneShadowDepthShadowBlur: "6px",
110
- oneShadowDepthShadowSpread: "0px",
111
- oneShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a,
112
- twoShadowDepthShadowOffsetX: "0px",
113
- twoShadowDepthShadowOffsetY: "3px",
114
- twoShadowDepthShadowBlur: "10px",
115
- twoShadowDepthShadowSpread: "0px",
116
- twoShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a
117
- },
118
- bulletedList: {
119
- fontColor: _coreTokens["default"].color_black,
120
- bulletIconHeight: "1.5rem",
121
- bulletIconWidth: "1.5rem",
122
- bulletHeight: "5px",
123
- bulletWidth: "5px",
124
- bulletMarginRight: _coreTokens["default"].spacing_8
125
- },
126
- button: {
127
- labelFontLineHeight: _coreTokens["default"].type_leading_normal,
128
- labelLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
129
- paddingLeft: _coreTokens["default"].spacing_8,
130
- paddingRight: _coreTokens["default"].spacing_8,
131
- paddingTop: _coreTokens["default"].spacing_8,
132
- paddingBottom: _coreTokens["default"].spacing_8,
133
- focusBorderColor: _coreTokens["default"].color_blue_600,
134
- primaryBackgroundColor: _coreTokens["default"].color_purple_700,
135
- primaryFontColor: _coreTokens["default"].color_white,
136
- primaryHoverBackgroundColor: _coreTokens["default"].color_purple_800,
137
- primaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
138
- primaryDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
139
- primaryDisabledFontColor: _coreTokens["default"].color_grey_500,
140
- primaryBorderThickness: _coreTokens["default"].border_width_0,
141
- primaryBorderStyle: _coreTokens["default"].border_none,
142
- primaryBorderRadius: _coreTokens["default"].border_radius_medium,
143
- primaryFontFamily: _coreTokens["default"].type_sans,
144
- primaryFontSize: _coreTokens["default"].type_scale_03,
145
- primaryFontWeight: _coreTokens["default"].type_regular,
146
- secondaryBackgroundColor: _coreTokens["default"].color_transparent,
147
- secondaryFontColor: _coreTokens["default"].color_purple_700,
148
- secondaryHoverFontColor: _coreTokens["default"].color_white,
149
- secondaryBorderColor: _coreTokens["default"].color_purple_700,
150
- secondaryHoverBackgroundColor: _coreTokens["default"].color_purple_700,
151
- secondaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
152
- secondaryDisabledBackgroundColor: _coreTokens["default"].color_transparent,
153
- secondaryDisabledFontColor: _coreTokens["default"].color_grey_500,
154
- secondaryDisabledBorderColor: _coreTokens["default"].color_grey_500,
155
- secondaryBorderThickness: _coreTokens["default"].border_width_1,
156
- secondaryBorderStyle: _coreTokens["default"].border_solid,
157
- secondaryBorderRadius: _coreTokens["default"].border_radius_medium,
158
- secondaryFontFamily: _coreTokens["default"].type_sans,
159
- secondaryFontSize: _coreTokens["default"].type_scale_03,
160
- secondaryFontWeight: _coreTokens["default"].type_regular,
161
- textBackgroundColor: _coreTokens["default"].color_transparent,
162
- textFontColor: _coreTokens["default"].color_purple_700,
163
- textHoverBackgroundColor: _coreTokens["default"].color_purple_100,
164
- textActiveBackgroundColor: _coreTokens["default"].color_purple_200,
165
- textDisabledBackgroundColor: _coreTokens["default"].color_transparent,
166
- textDisabledFontColor: _coreTokens["default"].color_grey_500,
167
- textBorderThickness: _coreTokens["default"].border_width_0,
168
- textBorderStyle: _coreTokens["default"].border_none,
169
- textBorderRadius: _coreTokens["default"].border_radius_medium,
170
- textFontFamily: _coreTokens["default"].type_sans,
171
- textFontSize: _coreTokens["default"].type_scale_03,
172
- textFontWeight: _coreTokens["default"].type_regular
173
- },
174
- card: {
175
- height: "220px",
176
- width: "400px"
177
- },
178
- checkbox: {
179
- backgroundColorChecked: _coreTokens["default"].color_blue_800,
180
- hoverBackgroundColorChecked: _coreTokens["default"].color_blue_900,
181
- disabledBackgroundColorChecked: _coreTokens["default"].color_grey_500,
182
- readOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_500,
183
- hoverReadOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_600,
184
- borderColor: _coreTokens["default"].color_blue_800,
185
- hoverBorderColor: _coreTokens["default"].color_blue_900,
186
- disabledBorderColor: _coreTokens["default"].color_grey_500,
187
- readOnlyBorderColor: _coreTokens["default"].color_grey_500,
188
- hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
189
- checkColor: _coreTokens["default"].color_white,
190
- disabledCheckColor: _coreTokens["default"].color_white,
191
- readOnlyCheckColor: _coreTokens["default"].color_white,
192
- fontFamily: _coreTokens["default"].type_sans,
193
- fontSize: _coreTokens["default"].type_scale_02,
194
- fontWeight: _coreTokens["default"].type_regular,
195
- fontColor: _coreTokens["default"].color_black,
196
- disabledFontColor: _coreTokens["default"].color_grey_500,
197
- focusColor: _coreTokens["default"].color_blue_600,
198
- checkLabelSpacing: _coreTokens["default"].spacing_8
199
- },
200
- chip: {
201
- backgroundColor: _coreTokens["default"].color_grey_200,
202
- disabledBackgroundColor: _coreTokens["default"].color_grey_100,
203
- fontFamily: _coreTokens["default"].type_sans,
204
- fontSize: _coreTokens["default"].type_scale_03,
205
- fontStyle: _coreTokens["default"].type_normal,
206
- fontWeight: _coreTokens["default"].type_regular,
207
- fontColor: _coreTokens["default"].color_black,
208
- disabledFontColor: _coreTokens["default"].color_grey_500,
209
- borderColor: _coreTokens["default"].color_transparent,
210
- borderRadius: "80px",
211
- borderThickness: _coreTokens["default"].border_width_0,
212
- borderStyle: _coreTokens["default"].border_solid,
213
- contentPaddingLeft: _coreTokens["default"].spacing_16,
214
- contentPaddingRight: _coreTokens["default"].spacing_16,
215
- contentPaddingTop: _coreTokens["default"].spacing_0,
216
- contentPaddingBottom: _coreTokens["default"].spacing_0,
217
- iconSize: "24px",
218
- iconSpacing: _coreTokens["default"].spacing_8,
219
- iconColor: _coreTokens["default"].color_grey_800,
220
- hoverIconColor: _coreTokens["default"].color_grey_900,
221
- activeIconColor: _coreTokens["default"].color_black,
222
- disabledIconColor: _coreTokens["default"].color_grey_500,
223
- focusColor: _coreTokens["default"].color_blue_600,
224
- focusBorderStyle: _coreTokens["default"].border_solid,
225
- focusBorderThickness: _coreTokens["default"].border_width_2,
226
- focusBorderRadius: _coreTokens["default"].border_radius_medium
227
- },
228
- dateInput: {
229
- pickerBackgroundColor: _coreTokens["default"].color_white,
230
- pickerFontColor: _coreTokens["default"].color_black,
231
- pickerBorderColor: _coreTokens["default"].color_grey_400,
232
- pickerSelectedBackgroundColor: _coreTokens["default"].color_purple_700,
233
- pickerSelectedFontColor: _coreTokens["default"].color_white,
234
- pickerHoverBackgroundColor: _coreTokens["default"].color_purple_200,
235
- pickerHoverFontColor: _coreTokens["default"].color_black,
236
- pickerActiveBackgroundColor: _coreTokens["default"].color_purple_800,
237
- pickerActiveFontColor: _coreTokens["default"].color_white,
238
- pickerNonCurrentMonthFontColor: _coreTokens["default"].color_grey_500,
239
- pickerCurrentDateBorderColor: _coreTokens["default"].color_purple_300,
240
- pickerCurrentDateFontColor: _coreTokens["default"].color_black,
241
- pickerCurrentYearFontColor: _coreTokens["default"].color_purple_700,
242
- pickerHeaderBackgroundColor: _coreTokens["default"].color_transparent,
243
- pickerHeaderFontColor: _coreTokens["default"].color_black,
244
- pickerHeaderHoverBackgroundColor: _coreTokens["default"].color_purple_200,
245
- pickerHeaderHoverFontColor: _coreTokens["default"].color_black,
246
- pickerHeaderActiveBackgroundColor: _coreTokens["default"].color_purple_800,
247
- pickerHeaderActiveFontColor: _coreTokens["default"].color_white,
248
- pickerFocusColor: _coreTokens["default"].color_blue_600,
249
- pickerBorderWidth: _coreTokens["default"].border_width_1,
250
- pickerBorderStyle: _coreTokens["default"].border_solid,
251
- pickerFocusWidth: _coreTokens["default"].border_width_2,
252
- pickerCurrentDateBorderWidth: _coreTokens["default"].border_width_1,
253
- pickerFontFamily: _coreTokens["default"].type_sans,
254
- pickerFontSize: _coreTokens["default"].type_scale_02,
255
- pickerFontWeight: _coreTokens["default"].type_regular,
256
- pickerInteractedYearFontSize: _coreTokens["default"].type_scale_05,
257
- pickerHeaderFontSize: _coreTokens["default"].type_scale_02
258
- },
259
- dialog: {
260
- overlayColor: _coreTokens["default"].color_grey_800_a,
261
- backgroundColor: _coreTokens["default"].color_white,
262
- closeIconSize: "24px",
263
- closeIconTopPosition: "20px",
264
- closeIconRightPosition: "20px",
265
- closeIconBackgroundColor: _coreTokens["default"].color_transparent,
266
- closeIconBorderColor: _coreTokens["default"].border_none,
267
- closeIconColor: _coreTokens["default"].color_black,
268
- closeIconBorderThickness: _coreTokens["default"].border_width_0,
269
- closeIconBorderStyle: _coreTokens["default"].border_solid,
270
- closeIconBorderRadius: "2px",
271
- boxShadowOffsetX: "0px",
272
- boxShadowOffsetY: "1px",
273
- boxShadowBlur: "3px",
274
- boxShadowColor: _coreTokens["default"].color_grey_300_a
275
- },
276
- dropdown: {
277
- buttonBackgroundColor: _coreTokens["default"].color_white,
278
- hoverButtonBackgroundColor: _coreTokens["default"].color_grey_100,
279
- activeButtonBackgroundColor: _coreTokens["default"].color_grey_300,
280
- buttonFontFamily: _coreTokens["default"].type_sans,
281
- buttonFontSize: _coreTokens["default"].type_scale_03,
282
- buttonFontStyle: _coreTokens["default"].type_normal,
283
- buttonFontWeight: _coreTokens["default"].type_regular,
284
- buttonFontColor: _coreTokens["default"].color_black,
285
- buttonIconSize: "20px",
286
- buttonIconSpacing: "10px",
287
- buttonIconColor: _coreTokens["default"].color_black,
288
- buttonPaddingTop: _coreTokens["default"].spacing_0,
289
- buttonPaddingBottom: _coreTokens["default"].spacing_0,
290
- buttonPaddingLeft: _coreTokens["default"].spacing_16,
291
- buttonPaddingRight: _coreTokens["default"].spacing_16,
292
- buttonHeight: "40px",
293
- buttonBorderRadius: "4px",
294
- buttonBorderStyle: _coreTokens["default"].border_none,
295
- buttonBorderThickness: _coreTokens["default"].border_width_0,
296
- buttonBorderColor: _coreTokens["default"].color_transparent,
297
- disabledColor: _coreTokens["default"].color_grey_500,
298
- disabledButtonBackgroundColor: _coreTokens["default"].color_transparent,
299
- disabledButtonBorderColor: _coreTokens["default"].color_transparent,
300
- optionBackgroundColor: _coreTokens["default"].color_white,
301
- hoverOptionBackgroundColor: _coreTokens["default"].color_grey_100,
302
- activeOptionBackgroundColor: _coreTokens["default"].color_grey_300,
303
- optionFontFamily: _coreTokens["default"].type_sans,
304
- optionFontSize: _coreTokens["default"].type_scale_root,
305
- optionFontStyle: _coreTokens["default"].type_normal,
306
- optionFontWeight: _coreTokens["default"].type_regular,
307
- optionFontColor: _coreTokens["default"].color_black,
308
- optionIconSize: "20px",
309
- optionIconSpacing: "10px",
310
- optionIconColor: _coreTokens["default"].color_black,
311
- optionPaddingTop: "6px",
312
- optionPaddingBottom: "6px",
313
- optionPaddingLeft: _coreTokens["default"].spacing_16,
314
- optionPaddingRight: _coreTokens["default"].spacing_16,
315
- caretIconSize: "24px",
316
- caretIconColor: _coreTokens["default"].color_black,
317
- caretIconSpacing: _coreTokens["default"].spacing_12,
318
- borderRadius: "4px",
319
- borderStyle: _coreTokens["default"].border_none,
320
- borderThickness: _coreTokens["default"].border_width_0,
321
- borderColor: _coreTokens["default"].color_transparent,
322
- scrollBarThumbColor: _coreTokens["default"].color_grey_700,
323
- scrollBarTrackColor: _coreTokens["default"].color_grey_300,
324
- focusColor: _coreTokens["default"].color_blue_600
325
- },
326
- fileInput: {
327
- dropBorderColor: _coreTokens["default"].color_black,
328
- fileItemBorderColor: _coreTokens["default"].color_grey_300,
329
- fileNameFontColor: _coreTokens["default"].color_black,
330
- labelFontColor: _coreTokens["default"].color_black,
331
- helperTextFontColor: _coreTokens["default"].color_black,
332
- dropLabelFontColor: _coreTokens["default"].color_black,
333
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
334
- disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
335
- disabledDropLabelFontColor: _coreTokens["default"].color_grey_500,
336
- focusDropBorderColor: _coreTokens["default"].color_blue_600,
337
- disabledDropBorderColor: _coreTokens["default"].color_grey_500,
338
- dragoverDropBackgroundColor: _coreTokens["default"].color_blue_50,
339
- errorFileItemBorderColor: _coreTokens["default"].color_red_700,
340
- errorFileItemBackgroundColor: _coreTokens["default"].color_red_50,
341
- errorFilePreviewBackgroundColor: _coreTokens["default"].color_red_200,
342
- errorFileItemIconColor: _coreTokens["default"].color_red_700,
343
- fileItemIconBackgroundColor: _coreTokens["default"].color_grey_100,
344
- deleteFileItemColor: _coreTokens["default"].color_black,
345
- errorMessageFontColor: _coreTokens["default"].color_red_700,
346
- labelFontFamily: _coreTokens["default"].type_sans,
347
- labelFontSize: _coreTokens["default"].type_scale_02,
348
- labelFontWeight: _coreTokens["default"].type_semibold,
349
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
350
- fileItemFontFamily: _coreTokens["default"].type_sans,
351
- fileItemFontSize: _coreTokens["default"].type_scale_02,
352
- fileItemFontWeight: _coreTokens["default"].type_regular,
353
- fileItemLineHeight: _coreTokens["default"].type_leading_normal,
354
- helperTextFontFamily: _coreTokens["default"].type_sans,
355
- helperTextFontSize: _coreTokens["default"].type_scale_01,
356
- helperTextFontWeight: _coreTokens["default"].type_regular,
357
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
358
- dropLabelFontFamily: _coreTokens["default"].type_sans,
359
- dropLabelFontSize: _coreTokens["default"].type_scale_03,
360
- dropLabelFontWeight: _coreTokens["default"].type_regular,
361
- errorMessageFontFamily: _coreTokens["default"].type_sans,
362
- errorMessageFontSize: _coreTokens["default"].type_scale_01,
363
- errorMessageFontWeight: _coreTokens["default"].type_regular,
364
- errorMessageLineHeight: _coreTokens["default"].type_leading_normal,
365
- dropBorderThickness: _coreTokens["default"].border_width_1,
366
- dropBorderStyle: _coreTokens["default"].border_dashed,
367
- dropBorderRadius: _coreTokens["default"].border_radius_large,
368
- fileItemBorderThickness: _coreTokens["default"].border_width_1,
369
- fileItemBorderStyle: _coreTokens["default"].border_solid,
370
- fileItemBorderRadius: _coreTokens["default"].border_radius_medium,
371
- hoverDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_100_a,
372
- activeDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_300_a,
373
- focusDeleteFileItemBorderColor: _coreTokens["default"].color_blue_600,
374
- filePreviewBackgroundColor: _coreTokens["default"].color_grey_100,
375
- filePreviewIconColor: _coreTokens["default"].color_grey_600,
376
- errorFilePreviewIconColor: _coreTokens["default"].color_red_700
377
- },
378
- footer: {
379
- height: "124px",
380
- backgroundColor: _coreTokens["default"].color_black,
381
- bottomLinksDividerColor: _coreTokens["default"].color_blue_600,
382
- bottomLinksDividerThickness: "1px",
383
- bottomLinksDividerStyle: _coreTokens["default"].border_solid,
384
- bottomLinksDividerSpacing: _coreTokens["default"].spacing_8,
385
- bottomLinksFontFamily: _coreTokens["default"].type_sans,
386
- bottomLinksFontSize: _coreTokens["default"].type_scale_01,
387
- bottomLinksFontStyle: _coreTokens["default"].type_normal,
388
- bottomLinksFontWeight: _coreTokens["default"].type_regular,
389
- bottomLinksFontColor: _coreTokens["default"].color_white,
390
- bottomLinksTextDecoration: _coreTokens["default"].type_no_line,
391
- copyrightFontFamily: _coreTokens["default"].type_sans,
392
- copyrightFontSize: _coreTokens["default"].type_scale_01,
393
- copyrightFontStyle: _coreTokens["default"].type_normal,
394
- copyrightFontWeight: _coreTokens["default"].type_regular,
395
- copyrightFontColor: _coreTokens["default"].color_white,
396
- logo: "",
397
- logoHeight: "32px",
398
- logoWidth: "auto",
399
- socialLinksSize: "24px",
400
- socialLinksGutter: _coreTokens["default"].spacing_16,
401
- socialLinksColor: _coreTokens["default"].color_white
402
- },
403
- header: {
404
- backgroundColor: _coreTokens["default"].color_white,
405
- hamburguerFocusColor: _coreTokens["default"].color_blue_600,
406
- hamburguerFontFamily: _coreTokens["default"].type_sans,
407
- hamburguerFontStyle: _coreTokens["default"].type_normal,
408
- hamburguerFontColor: _coreTokens["default"].color_black,
409
- hamburguerFontSize: "10px",
410
- hamburguerFontWeight: _coreTokens["default"].type_semibold,
411
- hamburguerTextTransform: _coreTokens["default"].type_uppercase,
412
- hamburguerIconColor: _coreTokens["default"].color_black,
413
- hamburguerHoverColor: _coreTokens["default"].color_grey_200,
414
- logo: "",
415
- logoResponsive: "",
416
- logoHeight: "40px",
417
- logoWidth: "auto",
418
- menuBackgroundColor: _coreTokens["default"].color_white,
419
- menuZindex: "2000",
420
- menuTabletWidth: "60vw",
421
- menuMobileWidth: "100vw",
422
- minHeight: "64px",
423
- overlayColor: _coreTokens["default"].color_grey_800_a,
424
- overlayOpacity: "0.7",
425
- overlayZindex: "1600",
426
- paddingTop: _coreTokens["default"].spacing_0,
427
- paddingBottom: _coreTokens["default"].spacing_0,
428
- paddingRight: _coreTokens["default"].spacing_24,
429
- paddingLeft: _coreTokens["default"].spacing_24,
430
- underlinedColor: _coreTokens["default"].color_black,
431
- underlinedThickness: "2px",
432
- underlinedStyle: _coreTokens["default"].border_solid,
433
- contentColor: _coreTokens["default"].color_black
434
- },
435
- heading: {
436
- level1FontColor: _coreTokens["default"].inherit,
437
- level1FontFamily: _coreTokens["default"].type_sans,
438
- level1FontSize: _coreTokens["default"].type_scale_07,
439
- level1FontStyle: _coreTokens["default"].type_normal,
440
- level1FontWeight: _coreTokens["default"].type_semibold,
441
- level1LineHeight: _coreTokens["default"].type_leading_compact_01,
442
- level1LetterSpacing: _coreTokens["default"].type_spacing_tight_01,
443
- level2FontColor: _coreTokens["default"].inherit,
444
- level2FontFamily: _coreTokens["default"].type_sans,
445
- level2FontSize: _coreTokens["default"].type_scale_05,
446
- level2FontStyle: _coreTokens["default"].type_normal,
447
- level2FontWeight: _coreTokens["default"].type_semibold,
448
- level2LineHeight: _coreTokens["default"].type_leading_normal,
449
- level2LetterSpacing: _coreTokens["default"].type_spacing_normal,
450
- level3FontColor: _coreTokens["default"].inherit,
451
- level3FontFamily: _coreTokens["default"].type_sans,
452
- level3FontSize: _coreTokens["default"].type_scale_04,
453
- level3FontStyle: _coreTokens["default"].type_normal,
454
- level3FontWeight: _coreTokens["default"].type_semibold,
455
- level3LineHeight: _coreTokens["default"].type_leading_compact_01,
456
- level3LetterSpacing: _coreTokens["default"].type_spacing_wide_01,
457
- level4FontColor: _coreTokens["default"].inherit,
458
- level4FontFamily: _coreTokens["default"].type_sans,
459
- level4FontSize: _coreTokens["default"].type_scale_03,
460
- level4FontStyle: _coreTokens["default"].type_normal,
461
- level4FontWeight: _coreTokens["default"].type_semibold,
462
- level4LineHeight: _coreTokens["default"].type_leading_normal,
463
- level4LetterSpacing: _coreTokens["default"].type_spacing_normal,
464
- level5FontColor: _coreTokens["default"].inherit,
465
- level5FontFamily: _coreTokens["default"].type_sans,
466
- level5FontSize: _coreTokens["default"].type_scale_02,
467
- level5FontStyle: _coreTokens["default"].type_normal,
468
- level5FontWeight: _coreTokens["default"].type_semibold,
469
- level5LineHeight: _coreTokens["default"].type_leading_normal,
470
- level5LetterSpacing: _coreTokens["default"].type_spacing_wide_01
471
- },
472
- image: {
473
- captionFontColor: _coreTokens["default"].color_grey_900,
474
- captionFontFamily: _coreTokens["default"].type_sans,
475
- captionFontSize: _coreTokens["default"].type_scale_02,
476
- captionFontStyle: _coreTokens["default"].type_normal,
477
- captionFontWeight: _coreTokens["default"].type_regular,
478
- captionLineHeight: _coreTokens["default"].type_leading_normal
479
- },
480
- link: {
481
- fontColor: _coreTokens["default"].color_blue_800,
482
- fontFamily: _coreTokens["default"].inherit,
483
- fontSize: _coreTokens["default"].inherit,
484
- fontStyle: _coreTokens["default"].type_normal,
485
- fontWeight: _coreTokens["default"].type_regular,
486
- iconSize: "16px",
487
- iconSpacing: _coreTokens["default"].spacing_4,
488
- underlineSpacing: _coreTokens["default"].spacing_0,
489
- underlineStyle: _coreTokens["default"].border_solid,
490
- underlineThickness: "1px",
491
- disabledFontColor: _coreTokens["default"].color_grey_500,
492
- hoverFontColor: _coreTokens["default"].color_blue_800,
493
- hoverUnderlineColor: _coreTokens["default"].color_blue_800,
494
- visitedFontColor: _coreTokens["default"].color_purple_700,
495
- visitedUnderlineColor: _coreTokens["default"].color_purple_700,
496
- activeFontColor: _coreTokens["default"].color_black,
497
- activeUnderlineColor: _coreTokens["default"].color_black,
498
- focusColor: _coreTokens["default"].color_blue_600
499
- },
500
- navTabs: {
501
- selectedBackgroundColor: _coreTokens["default"].color_white,
502
- unselectedBackgroundColor: _coreTokens["default"].color_white,
503
- hoverBackgroundColor: _coreTokens["default"].color_grey_100,
504
- pressedBackgroundColor: _coreTokens["default"].color_grey_200,
505
- selectedFontColor: _coreTokens["default"].color_grey_700,
506
- unselectedFontColor: _coreTokens["default"].color_grey_700,
507
- disabledFontColor: _coreTokens["default"].color_grey_500,
508
- focusOutline: _coreTokens["default"].color_blue_600,
509
- selectedUnderlineColor: _coreTokens["default"].color_purple_700,
510
- dividerColor: _coreTokens["default"].color_grey_400,
511
- fontFamily: _coreTokens["default"].type_sans,
512
- fontSize: _coreTokens["default"].type_scale_03,
513
- fontStyle: _coreTokens["default"].type_normal,
514
- fontWeight: _coreTokens["default"].type_regular,
515
- selectedIconColor: _coreTokens["default"].color_grey_700,
516
- unselectedIconColor: _coreTokens["default"].color_grey_700,
517
- disabledIconColor: _coreTokens["default"].color_grey_500
518
- },
519
- paginator: {
520
- backgroundColor: _coreTokens["default"].color_grey_100,
521
- fontColor: _coreTokens["default"].color_black,
522
- fontFamily: _coreTokens["default"].type_sans,
523
- fontSize: _coreTokens["default"].type_scale_02,
524
- fontStyle: _coreTokens["default"].type_normal,
525
- fontWeight: _coreTokens["default"].type_regular,
526
- fontTextTransform: "none",
527
- verticalPadding: _coreTokens["default"].spacing_12,
528
- horizontalPadding: _coreTokens["default"].spacing_32,
529
- marginRight: _coreTokens["default"].spacing_40,
530
- marginLeft: "20px",
531
- itemsPerPageSelectorMarginLeft: _coreTokens["default"].spacing_0,
532
- itemsPerPageSelectorMarginRight: _coreTokens["default"].spacing_8,
533
- pageSelectorMarginRight: "30px",
534
- pageSelectorMarginLeft: _coreTokens["default"].spacing_0,
535
- totalItemsContainerMarginRight: _coreTokens["default"].spacing_40,
536
- totalItemsContainerMarginLeft: _coreTokens["default"].spacing_0
537
- },
538
- paragraph: {
539
- display: "block",
540
- fontColor: _coreTokens["default"].color_black,
541
- fontSize: _coreTokens["default"].type_scale_03,
542
- fontWeight: _coreTokens["default"].type_regular
543
- },
544
- progressBar: {
545
- trackLineColor: _coreTokens["default"].color_purple_700,
546
- totalLineColor: _coreTokens["default"].color_grey_200,
547
- labelFontFamily: _coreTokens["default"].type_sans,
548
- labelFontSize: _coreTokens["default"].type_scale_01,
549
- labelFontStyle: _coreTokens["default"].type_normal,
550
- labelFontWeight: _coreTokens["default"].type_regular,
551
- labelFontColor: _coreTokens["default"].color_black,
552
- labelFontTextTransform: _coreTokens["default"].type_uppercase,
553
- valueFontFamily: _coreTokens["default"].type_sans,
554
- valueFontSize: _coreTokens["default"].type_scale_01,
555
- valueFontStyle: _coreTokens["default"].type_normal,
556
- valueFontWeight: _coreTokens["default"].type_regular,
557
- valueFontColor: _coreTokens["default"].color_black,
558
- valueFontTextTransform: _coreTokens["default"].type_uppercase,
559
- helperTextFontColor: _coreTokens["default"].color_black,
560
- helperTextFontSize: _coreTokens["default"].type_scale_01,
561
- helperTextFontStyle: _coreTokens["default"].type_normal,
562
- helperTextFontWeight: _coreTokens["default"].type_regular,
563
- helperTextFontFamily: _coreTokens["default"].type_sans,
564
- thickness: "9px",
565
- borderRadius: "5px",
566
- overlayColor: _coreTokens["default"].color_grey_800_a,
567
- overlayFontColor: _coreTokens["default"].color_white
568
- },
569
- quickNav: {
570
- fontColor: _coreTokens["default"].color_grey_700,
571
- hoverFontColor: _coreTokens["default"].color_purple_600,
572
- dividerBorderColor: _coreTokens["default"].color_grey_400,
573
- focusBorderColor: _coreTokens["default"].color_blue_600,
574
- focusBorderStyle: _coreTokens["default"].border_solid,
575
- focusBorderThickness: _coreTokens["default"].border_width_2,
576
- focusBorderRadius: _coreTokens["default"].border_width_2,
577
- paddingTop: _coreTokens["default"].spacing_8,
578
- paddingBottom: _coreTokens["default"].spacing_8,
579
- paddingLeft: _coreTokens["default"].spacing_16,
580
- paddingRight: _coreTokens["default"].spacing_16,
581
- fontFamily: _coreTokens["default"].type_sans,
582
- fontSize: _coreTokens["default"].type_scale_02,
583
- fontStyle: _coreTokens["default"].type_normal,
584
- fontWeight: _coreTokens["default"].type_regular
585
- },
586
- radioGroup: {
587
- fontFamily: _coreTokens["default"].type_sans,
588
- radioInputColor: _coreTokens["default"].color_blue_700,
589
- hoverRadioInputColor: _coreTokens["default"].color_blue_800,
590
- focusBorderColor: _coreTokens["default"].color_blue_600,
591
- activeRadioInputColor: _coreTokens["default"].color_blue_900,
592
- errorRadioInputColor: _coreTokens["default"].color_red_700,
593
- hoverErrorRadioInputColor: _coreTokens["default"].color_red_800,
594
- activeErrorRadioInputColor: _coreTokens["default"].color_red_900,
595
- readOnlyRadioInputColor: _coreTokens["default"].color_grey_500,
596
- hoverReadOnlyRadioInputColor: _coreTokens["default"].color_grey_600,
597
- activeReadOnlyRadioInputColor: _coreTokens["default"].color_grey_700,
598
- disabledRadioInputColor: _coreTokens["default"].color_grey_500,
599
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
600
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
601
- disabledRadioInputLabelFontColor: _coreTokens["default"].color_grey_500,
602
- errorMessageColor: _coreTokens["default"].color_red_700,
603
- labelFontColor: _coreTokens["default"].color_black,
604
- labelFontSize: _coreTokens["default"].type_scale_02,
605
- labelFontStyle: _coreTokens["default"].type_normal,
606
- labelFontWeight: _coreTokens["default"].type_semibold,
607
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
608
- optionalLabelFontWeight: _coreTokens["default"].type_regular,
609
- helperTextFontColor: _coreTokens["default"].color_black,
610
- helperTextFontSize: _coreTokens["default"].type_scale_01,
611
- helperTextFontStyle: _coreTokens["default"].type_normal,
612
- helperTextFontWeight: _coreTokens["default"].type_regular,
613
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
614
- radioInputLabelFontColor: _coreTokens["default"].color_black,
615
- radioInputLabelFontSize: _coreTokens["default"].type_scale_02,
616
- radioInputLabelFontStyle: _coreTokens["default"].type_normal,
617
- radioInputLabelFontWeight: _coreTokens["default"].type_regular,
618
- radioInputLabelLineHeight: _coreTokens["default"].type_leading_loose_01,
619
- groupLabelMargin: _coreTokens["default"].spacing_8,
620
- radioInputLabelMargin: _coreTokens["default"].spacing_8,
621
- groupVerticalGutter: _coreTokens["default"].spacing_4,
622
- groupHorizontalGutter: _coreTokens["default"].spacing_32
623
- },
624
- select: {
625
- fontFamily: _coreTokens["default"].type_sans,
626
- disabledColor: _coreTokens["default"].color_grey_500,
627
- enabledInputBorderColor: _coreTokens["default"].color_black,
628
- hoverInputBorderColor: _coreTokens["default"].color_purple_500,
629
- focusInputBorderColor: _coreTokens["default"].color_blue_600,
630
- errorInputBorderColor: _coreTokens["default"].color_red_700,
631
- hoverInputErrorBorderColor: _coreTokens["default"].color_red_600,
632
- disabledInputBorderColor: _coreTokens["default"].color_grey_500,
633
- disabledInputBackgroundColor: _coreTokens["default"].color_grey_100,
634
- inputMarginTop: _coreTokens["default"].spacing_4,
635
- inputMarginBottom: _coreTokens["default"].spacing_4,
636
- errorMessageColor: _coreTokens["default"].color_red_700,
637
- errorIconColor: _coreTokens["default"].color_red_700,
638
- labelFontColor: _coreTokens["default"].color_black,
639
- labelFontSize: _coreTokens["default"].type_scale_02,
640
- labelFontStyle: _coreTokens["default"].type_normal,
641
- labelFontWeight: _coreTokens["default"].type_semibold,
642
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
643
- optionalLabelFontWeight: _coreTokens["default"].type_regular,
644
- helperTextFontColor: _coreTokens["default"].color_black,
645
- helperTextFontSize: _coreTokens["default"].type_scale_01,
646
- helperTextFontStyle: _coreTokens["default"].type_normal,
647
- helperTextFontWeight: _coreTokens["default"].type_regular,
648
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
649
- placeholderFontColor: _coreTokens["default"].color_grey_800_a,
650
- valueFontColor: _coreTokens["default"].color_black,
651
- valueFontSize: _coreTokens["default"].type_scale_03,
652
- valueFontStyle: _coreTokens["default"].type_normal,
653
- valueFontWeight: _coreTokens["default"].type_regular,
654
- actionIconColor: _coreTokens["default"].color_black,
655
- hoverActionIconColor: _coreTokens["default"].color_black,
656
- activeActionIconColor: _coreTokens["default"].color_black,
657
- actionBackgroundColor: _coreTokens["default"].color_transparent,
658
- hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
659
- activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
660
- listOptionFontColor: _coreTokens["default"].color_black,
661
- listOptionFontSize: _coreTokens["default"].type_scale_02,
662
- listOptionFontStyle: _coreTokens["default"].type_normal,
663
- listOptionFontWeight: _coreTokens["default"].type_regular,
664
- listOptionIconColor: _coreTokens["default"].color_black,
665
- listOptionDividerColor: _coreTokens["default"].color_grey_200,
666
- listGroupLabelFontWeight: _coreTokens["default"].type_semibold,
667
- focusListOptionBorderColor: _coreTokens["default"].color_blue_600,
668
- systemMessageFontColor: _coreTokens["default"].color_grey_700,
669
- collapseIndicatorColor: _coreTokens["default"].color_black,
670
- listDialogBackgroundColor: _coreTokens["default"].color_white,
671
- listDialogBorderColor: _coreTokens["default"].color_grey_400,
672
- selectedListOptionBackgroundColor: _coreTokens["default"].color_blue_100,
673
- selectedHoverListOptionBackgroundColor: _coreTokens["default"].color_blue_200,
674
- selectedActiveListOptionBackgroundColor: _coreTokens["default"].color_blue_300,
675
- selectedListOptionIconColor: _coreTokens["default"].color_blue_900,
676
- unselectedHoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
677
- unselectedActiveListOptionBackgroundColor: _coreTokens["default"].color_grey_200,
678
- selectionIndicatorFontColor: _coreTokens["default"].color_black,
679
- selectionIndicatorFontSize: _coreTokens["default"].type_scale_01,
680
- selectionIndicatorFontStyle: _coreTokens["default"].type_regular,
681
- selectionIndicatorFontWeight: _coreTokens["default"].type_normal,
682
- selectionIndicatorBorderColor: _coreTokens["default"].color_grey_400,
683
- selectionIndicatorBackgroundColor: _coreTokens["default"].color_grey_50,
684
- enabledSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_transparent,
685
- enabledSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
686
- hoverSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_100,
687
- hoverSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
688
- activeSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_300,
689
- activeSelectionIndicatorActionIconColor: _coreTokens["default"].color_black
690
- },
691
- sidenav: {
692
- backgroundColor: _coreTokens["default"].color_grey_100,
693
- titleFontFamily: _coreTokens["default"].type_sans,
694
- titleFontSize: _coreTokens["default"].type_scale_04,
695
- titleFontStyle: _coreTokens["default"].type_normal,
696
- titleFontWeight: _coreTokens["default"].type_semibold,
697
- titleFontColor: _coreTokens["default"].color_grey_800,
698
- titleFontTextTransform: "none",
699
- titleFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
700
- groupTitleFontFamily: _coreTokens["default"].type_sans,
701
- groupTitleFontSize: _coreTokens["default"].type_scale_02,
702
- groupTitleFontStyle: _coreTokens["default"].type_normal,
703
- groupTitleFontWeight: _coreTokens["default"].type_semibold,
704
- groupTitleFontColor: _coreTokens["default"].color_black,
705
- groupTitleHoverBackgroundColor: _coreTokens["default"].color_grey_200,
706
- groupTitleActiveBackgroundColor: _coreTokens["default"].color_grey_800,
707
- groupTitleSelectedFontColor: _coreTokens["default"].color_white,
708
- groupTitleSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
709
- groupTitleSelectedHoverFontColor: _coreTokens["default"].color_white,
710
- groupTitleSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
711
- groupTitleFontTextTransform: _coreTokens["default"].type_uppercase,
712
- groupTitleFontLetterSpacing: _coreTokens["default"].type_spacing_wide_02,
713
- linkFontFamily: _coreTokens["default"].type_sans,
714
- linkFontSize: _coreTokens["default"].type_scale_02,
715
- linkFontStyle: _coreTokens["default"].type_normal,
716
- linkFontWeight: _coreTokens["default"].type_regular,
717
- linkFontColor: _coreTokens["default"].color_grey_800,
718
- linkHoverBackgroundColor: _coreTokens["default"].color_grey_200,
719
- linkSelectedFontColor: _coreTokens["default"].color_white,
720
- linkSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
721
- linkSelectedHoverFontColor: _coreTokens["default"].color_white,
722
- linkSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
723
- linkFontTextTransform: "none",
724
- linkFontLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
725
- linkTextDecoration: _coreTokens["default"].type_no_line,
726
- linkMarginTop: _coreTokens["default"].spacing_4,
727
- linkMarginBottom: _coreTokens["default"].spacing_4,
728
- linkMarginRight: _coreTokens["default"].spacing_16,
729
- linkMarginLeft: _coreTokens["default"].spacing_16,
730
- linkFocusColor: _coreTokens["default"].color_blue_600,
731
- scrollBarThumbColor: _coreTokens["default"].color_grey_200_a,
732
- scrollBarTrackColor: _coreTokens["default"].color_transparent
733
- },
734
- slider: {
735
- fontFamily: _coreTokens["default"].type_sans,
736
- limitValuesFontColor: _coreTokens["default"].color_black,
737
- limitValuesFontSize: _coreTokens["default"].type_scale_03,
738
- limitValuesFontStyle: _coreTokens["default"].type_normal,
739
- limitValuesFontWeight: _coreTokens["default"].type_regular,
740
- limitValuesFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
741
- disabledLimitValuesFontColor: _coreTokens["default"].color_grey_500,
742
- labelFontFamily: _coreTokens["default"].type_sans,
743
- labelFontSize: _coreTokens["default"].type_scale_02,
744
- labelFontStyle: _coreTokens["default"].type_normal,
745
- labelFontWeight: _coreTokens["default"].type_semibold,
746
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
747
- helperTextFontFamily: _coreTokens["default"].type_sans,
748
- helperTextFontSize: _coreTokens["default"].type_scale_01,
749
- helperTextFontStyle: _coreTokens["default"].type_normal,
750
- helperTextFontWeight: _coreTokens["default"].type_regular,
751
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
752
- fontColor: _coreTokens["default"].color_black,
753
- labelFontColor: _coreTokens["default"].color_black,
754
- helperTextFontColor: _coreTokens["default"].color_black,
755
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
756
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
757
- thumbHeight: "12px",
758
- thumbWidth: "12px",
759
- hoverThumbHeight: "14px",
760
- hoverThumbWidth: "14px",
761
- thumbVerticalPosition: "12px",
762
- hoverThumbVerticalPosition: "11px",
763
- thumbBackgroundColor: _coreTokens["default"].color_blue_800,
764
- hoverThumbScale: "1.166666",
765
- hoverThumbBackgroundColor: _coreTokens["default"].color_blue_900,
766
- activeThumbScale: "1.166666",
767
- activeThumbBackgroundColor: _coreTokens["default"].color_blue_900,
768
- focusThumbBackgroundColor: _coreTokens["default"].color_blue_800,
769
- tickHeight: "4px",
770
- tickWidth: "4px",
771
- tickVerticalPosition: "11px",
772
- tickBackgroundColor: _coreTokens["default"].color_blue_800,
773
- trackLineThickness: "2px",
774
- trackLineVerticalPosition: "50%",
775
- trackLineColor: _coreTokens["default"].color_blue_800,
776
- totalLineThickness: "2px",
777
- totalLineVerticalPosition: "50%",
778
- totalLineColor: _coreTokens["default"].color_grey_200_a,
779
- disabledThumbVerticalPosition: "10px",
780
- disabledThumbBackgroundColor: _coreTokens["default"].color_grey_500,
781
- disabledTickVerticalPosition: "11px",
782
- disabledTickBackgroundColor: _coreTokens["default"].color_grey_500,
783
- disabledTrackLineColor: _coreTokens["default"].color_grey_500,
784
- disabledTotalLineColor: _coreTokens["default"].color_grey_100,
785
- focusColor: _coreTokens["default"].color_blue_600,
786
- floorLabelMarginRight: _coreTokens["default"].type_scale_03,
787
- ceilLabelMarginLeft: _coreTokens["default"].type_scale_03,
788
- inputMarginLeft: _coreTokens["default"].type_scale_06
789
- },
790
- spinner: {
791
- trackCircleColor: _coreTokens["default"].color_purple_700,
792
- trackCircleColorOverlay: _coreTokens["default"].color_purple_500,
793
- totalCircleColor: _coreTokens["default"].color_white,
794
- labelFontFamily: _coreTokens["default"].type_sans,
795
- labelFontSize: _coreTokens["default"].type_scale_02,
796
- labelFontStyle: _coreTokens["default"].type_normal,
797
- labelFontWeight: _coreTokens["default"].type_regular,
798
- labelFontColor: _coreTokens["default"].color_black,
799
- labelTextAlign: "center",
800
- progressValueFontFamily: _coreTokens["default"].type_sans,
801
- progressValueFontSize: _coreTokens["default"].type_scale_02,
802
- progressValueFontStyle: _coreTokens["default"].type_normal,
803
- progressValueFontWeight: _coreTokens["default"].type_bold,
804
- progressValueFontColor: _coreTokens["default"].inherit,
805
- progressValueTextAlign: "center",
806
- overlayBackgroundColor: _coreTokens["default"].color_black,
807
- overlayOpacity: "0.8",
808
- overlayLabelFontFamily: _coreTokens["default"].type_sans,
809
- overlayLabelFontSize: _coreTokens["default"].type_scale_02,
810
- overlayLabelFontStyle: _coreTokens["default"].type_normal,
811
- overlayLabelFontWeight: _coreTokens["default"].type_regular,
812
- overlayLabelFontColor: _coreTokens["default"].color_white,
813
- overlayLabelTextAlign: "center",
814
- overlayProgressValueFontFamily: _coreTokens["default"].type_sans,
815
- overlayProgressValueFontSize: _coreTokens["default"].type_scale_02,
816
- overlayProgressValueFontStyle: _coreTokens["default"].type_normal,
817
- overlayProgressValueFontWeight: _coreTokens["default"].type_bold,
818
- overlayProgressValueFontColor: _coreTokens["default"].color_white,
819
- overlayProgressValueTextAlign: "center"
820
- },
821
- "switch": {
822
- checkedTrackBackgroundColor: _coreTokens["default"].color_purple_700,
823
- checkedThumbBackgroundColor: _coreTokens["default"].color_white,
824
- uncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_400,
825
- uncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
826
- disabledCheckedTrackBackgroundColor: _coreTokens["default"].color_purple_100,
827
- disabledCheckedThumbBackgroundColor: _coreTokens["default"].color_white,
828
- disabledUncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_100,
829
- disabledUncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
830
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
831
- disabledLabelFontStyle: _coreTokens["default"].type_normal,
832
- labelFontFamily: _coreTokens["default"].type_sans,
833
- labelFontSize: _coreTokens["default"].type_scale_root,
834
- labelFontStyle: _coreTokens["default"].type_normal,
835
- labelFontWeight: _coreTokens["default"].type_regular,
836
- labelFontColor: _coreTokens["default"].color_black,
837
- thumbFocusColor: _coreTokens["default"].color_blue_600,
838
- thumbHeight: "24px",
839
- thumbWidth: "24px",
840
- thumbShift: "1.25rem",
841
- trackHeight: "12px",
842
- trackWidth: "36px",
843
- spaceBetweenLabelSwitch: _coreTokens["default"].spacing_8
844
- },
845
- table: {
846
- rowSeparatorThickness: "1px",
847
- rowSeparatorStyle: _coreTokens["default"].border_solid,
848
- rowSeparatorColor: _coreTokens["default"].color_grey_300,
849
- dataBackgroundColor: _coreTokens["default"].color_white,
850
- dataFontFamily: _coreTokens["default"].type_sans,
851
- dataFontSize: _coreTokens["default"].type_scale_02,
852
- dataFontStyle: _coreTokens["default"].type_normal,
853
- dataFontWeight: _coreTokens["default"].type_regular,
854
- dataFontColor: _coreTokens["default"].color_black,
855
- dataFontTextTransform: "none",
856
- dataPaddingTop: _coreTokens["default"].spacing_16,
857
- dataPaddingBottom: _coreTokens["default"].spacing_16,
858
- dataPaddingRight: "20px",
859
- dataPaddingLeft: "20px",
860
- dataPaddingTopReduced: _coreTokens["default"].spacing_8,
861
- dataPaddingBottomReduced: _coreTokens["default"].spacing_8,
862
- dataPaddingRightReduced: _coreTokens["default"].spacing_16,
863
- dataPaddingLeftReduced: _coreTokens["default"].spacing_16,
864
- dataTextAlign: "left",
865
- dataTextLineHeight: "normal",
866
- firstChildPaddingLeft: _coreTokens["default"].spacing_24,
867
- lastChildPaddingRight: _coreTokens["default"].spacing_24,
868
- firstChildPaddingLeftReduced: "20px",
869
- lastChildPaddingRightReduced: "20px",
870
- headerBackgroundColor: _coreTokens["default"].color_purple_700,
871
- headerBorderRadius: "4px",
872
- headerFontFamily: _coreTokens["default"].type_sans,
873
- headerFontSize: _coreTokens["default"].type_scale_02,
874
- headerFontStyle: _coreTokens["default"].type_normal,
875
- headerFontWeight: _coreTokens["default"].type_regular,
876
- headerFontColor: _coreTokens["default"].color_white,
877
- headerFontTextTransform: "none",
878
- headerPaddingTop: _coreTokens["default"].spacing_16,
879
- headerPaddingBottom: _coreTokens["default"].spacing_16,
880
- headerPaddingRight: "20px",
881
- headerPaddingLeft: "20px",
882
- headerPaddingTopReduced: _coreTokens["default"].spacing_8,
883
- headerPaddingBottomReduced: _coreTokens["default"].spacing_8,
884
- headerPaddingRightReduced: _coreTokens["default"].spacing_16,
885
- headerPaddingLeftReduced: _coreTokens["default"].spacing_16,
886
- headerTextAlign: "left",
887
- headerTextLineHeight: "normal",
888
- scrollBarThumbColor: _coreTokens["default"].color_grey_700,
889
- scrollBarTrackColor: _coreTokens["default"].color_grey_300,
890
- sortIconColor: _coreTokens["default"].color_white,
891
- actionIconColor: _coreTokens["default"].color_purple_700,
892
- disabledActionIconColor: _coreTokens["default"].color_grey_500,
893
- hoverActionIconColor: _coreTokens["default"].color_purple_700,
894
- focusActionIconColor: _coreTokens["default"].color_purple_700,
895
- activeActionIconColor: _coreTokens["default"].color_purple_700,
896
- actionBackgroundColor: _coreTokens["default"].color_transparent,
897
- disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
898
- hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
899
- focusActionBorderColor: _coreTokens["default"].color_blue_600,
900
- activeActionBackgroundColor: _coreTokens["default"].color_grey_300
901
- },
902
- tabs: {
903
- fontFamily: _coreTokens["default"].type_sans,
904
- fontSize: _coreTokens["default"].type_scale_03,
905
- fontStyle: _coreTokens["default"].type_normal,
906
- fontWeight: _coreTokens["default"].type_semibold,
907
- fontTextTransform: "none",
908
- selectedBackgroundColor: _coreTokens["default"].color_white,
909
- selectedFontColor: _coreTokens["default"].color_purple_700,
910
- selectedIconColor: _coreTokens["default"].color_purple_700,
911
- selectedUnderlineColor: _coreTokens["default"].color_purple_700,
912
- selectedUnderlineThickness: "2px",
913
- unselectedBackgroundColor: _coreTokens["default"].color_white,
914
- unselectedFontColor: _coreTokens["default"].color_grey_700,
915
- unselectedIconColor: _coreTokens["default"].color_grey_700,
916
- disabledFontColor: _coreTokens["default"].color_grey_500,
917
- disabledIconColor: _coreTokens["default"].color_grey_500,
918
- disabledFontStyle: _coreTokens["default"].type_normal,
919
- hoverBackgroundColor: _coreTokens["default"].color_purple_100,
920
- pressedBackgroundColor: _coreTokens["default"].color_purple_200,
921
- pressedFontWeight: _coreTokens["default"].type_semibold,
922
- dividerColor: _coreTokens["default"].color_grey_400,
923
- dividerThickness: "1px",
924
- focusOutline: _coreTokens["default"].color_purple_700,
925
- scrollButtonsWidth: "48px"
926
- },
927
- tag: {
928
- fontFamily: _coreTokens["default"].type_sans,
929
- fontColor: _coreTokens["default"].color_black,
930
- fontSize: _coreTokens["default"].type_scale_02,
931
- fontStyle: _coreTokens["default"].type_normal,
932
- fontWeight: _coreTokens["default"].type_regular,
933
- labelPaddingTop: _coreTokens["default"].spacing_0,
934
- labelPaddingBottom: _coreTokens["default"].spacing_0,
935
- labelPaddingLeft: _coreTokens["default"].spacing_16,
936
- labelPaddingRight: _coreTokens["default"].spacing_16,
937
- height: "40px",
938
- iconColor: _coreTokens["default"].color_white,
939
- iconSectionWidth: "40px",
940
- iconHeight: "24px",
941
- iconWidth: "auto",
942
- focusColor: _coreTokens["default"].color_blue_600
943
- },
944
- textarea: {
945
- fontFamily: _coreTokens["default"].type_sans,
946
- enabledBorderColor: _coreTokens["default"].color_black,
947
- hoverBorderColor: _coreTokens["default"].color_purple_500,
948
- focusBorderColor: _coreTokens["default"].color_blue_600,
949
- disabledBorderColor: _coreTokens["default"].color_grey_500,
950
- disabledContainerFillColor: _coreTokens["default"].color_grey_100,
951
- readOnlyBorderColor: _coreTokens["default"].color_grey_500,
952
- hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
953
- errorBorderColor: _coreTokens["default"].color_red_700,
954
- hoverErrorBorderColor: _coreTokens["default"].color_red_600,
955
- inputMarginTop: _coreTokens["default"].spacing_4,
956
- inputMarginBottom: _coreTokens["default"].spacing_4,
957
- errorMessageColor: _coreTokens["default"].color_red_700,
958
- labelFontColor: _coreTokens["default"].color_black,
959
- labelFontSize: _coreTokens["default"].type_scale_02,
960
- labelFontStyle: _coreTokens["default"].type_normal,
961
- labelFontWeight: _coreTokens["default"].type_semibold,
962
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
963
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
964
- optionalLabelFontWeight: _coreTokens["default"].type_regular,
965
- helperTextFontColor: _coreTokens["default"].color_black,
966
- helperTextFontSize: _coreTokens["default"].type_scale_01,
967
- helperTextFontStyle: _coreTokens["default"].type_normal,
968
- helperTextFontWeight: _coreTokens["default"].type_regular,
969
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
970
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
971
- placeholderFontColor: _coreTokens["default"].color_grey_800_a,
972
- disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
973
- valueFontColor: _coreTokens["default"].color_black,
974
- valueFontSize: _coreTokens["default"].type_scale_03,
975
- valueFontStyle: _coreTokens["default"].type_normal,
976
- valueFontWeight: _coreTokens["default"].type_regular,
977
- disabledValueFontColor: _coreTokens["default"].color_grey_500
978
- },
979
- textInput: {
980
- fontFamily: _coreTokens["default"].type_sans,
981
- enabledBorderColor: _coreTokens["default"].color_black,
982
- hoverBorderColor: _coreTokens["default"].color_purple_500,
983
- focusBorderColor: _coreTokens["default"].color_blue_600,
984
- disabledBorderColor: _coreTokens["default"].color_grey_500,
985
- disabledContainerFillColor: _coreTokens["default"].color_grey_100,
986
- readOnlyBorderColor: _coreTokens["default"].color_grey_500,
987
- hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
988
- errorBorderColor: _coreTokens["default"].color_red_700,
989
- hoverErrorBorderColor: _coreTokens["default"].color_red_600,
990
- inputMarginTop: _coreTokens["default"].spacing_4,
991
- inputMarginBottom: _coreTokens["default"].spacing_4,
992
- errorMessageColor: _coreTokens["default"].color_red_700,
993
- errorIconColor: _coreTokens["default"].color_red_700,
994
- labelFontColor: _coreTokens["default"].color_black,
995
- labelFontSize: _coreTokens["default"].type_scale_02,
996
- labelFontStyle: _coreTokens["default"].type_normal,
997
- labelFontWeight: _coreTokens["default"].type_semibold,
998
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
999
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1000
- optionalLabelFontWeight: _coreTokens["default"].type_regular,
1001
- helperTextFontColor: _coreTokens["default"].color_black,
1002
- helperTextFontSize: _coreTokens["default"].type_scale_01,
1003
- helperTextFontStyle: _coreTokens["default"].type_normal,
1004
- helperTextFontWeight: _coreTokens["default"].type_regular,
1005
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
1006
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
1007
- prefixColor: _coreTokens["default"].color_grey_700,
1008
- suffixColor: _coreTokens["default"].color_grey_700,
1009
- disabledPrefixColor: _coreTokens["default"].color_grey_400,
1010
- disabledSuffixColor: _coreTokens["default"].color_grey_400,
1011
- placeholderFontColor: _coreTokens["default"].color_grey_800_a,
1012
- disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
1013
- valueFontColor: _coreTokens["default"].color_black,
1014
- valueFontSize: _coreTokens["default"].type_scale_03,
1015
- valueFontStyle: _coreTokens["default"].type_normal,
1016
- valueFontWeight: _coreTokens["default"].type_regular,
1017
- disabledValueFontColor: _coreTokens["default"].color_grey_500,
1018
- actionIconColor: _coreTokens["default"].color_black,
1019
- disabledActionIconColor: _coreTokens["default"].color_grey_500,
1020
- hoverActionIconColor: _coreTokens["default"].color_black,
1021
- focusActionIconColor: _coreTokens["default"].color_black,
1022
- activeActionIconColor: _coreTokens["default"].color_black,
1023
- actionBackgroundColor: _coreTokens["default"].color_transparent,
1024
- disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
1025
- hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
1026
- focusActionBorderColor: _coreTokens["default"].color_blue_600,
1027
- activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
1028
- listDialogBackgroundColor: _coreTokens["default"].color_white,
1029
- listDialogBorderColor: _coreTokens["default"].color_grey_400,
1030
- listOptionDividerColor: _coreTokens["default"].color_grey_200,
1031
- listOptionFontColor: _coreTokens["default"].color_black,
1032
- listOptionFontSize: _coreTokens["default"].type_scale_02,
1033
- listOptionFontStyle: _coreTokens["default"].type_normal,
1034
- listOptionFontWeight: _coreTokens["default"].type_regular,
1035
- systemMessageFontColor: _coreTokens["default"].color_grey_700,
1036
- errorListDialogFontColor: _coreTokens["default"].color_black,
1037
- errorListDialogBackgroundColor: _coreTokens["default"].color_red_50,
1038
- errorListDialogBorderColor: _coreTokens["default"].color_red_700,
1039
- hoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
1040
- activeListOptionBackgroundColor: _coreTokens["default"].color_grey_200,
1041
- focusListOptionBorderColor: _coreTokens["default"].color_blue_600
1042
- },
1043
- toggleGroup: {
1044
- containerBackgroundColor: _coreTokens["default"].color_grey_50,
1045
- containerBorderColor: _coreTokens["default"].color_grey_500,
1046
- labelFontColor: _coreTokens["default"].color_black,
1047
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1048
- helperTextFontColor: _coreTokens["default"].color_black,
1049
- disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
1050
- unselectedBackgroundColor: _coreTokens["default"].color_grey_200,
1051
- unselectedHoverBackgroundColor: _coreTokens["default"].color_grey_300,
1052
- unselectedActiveBackgroundColor: _coreTokens["default"].color_purple_700,
1053
- unselectedDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
1054
- unselectedFontColor: _coreTokens["default"].color_black,
1055
- unselectedDisabledFontColor: _coreTokens["default"].color_grey_500,
1056
- selectedBackgroundColor: _coreTokens["default"].color_purple_700,
1057
- selectedHoverBackgroundColor: _coreTokens["default"].color_purple_800,
1058
- selectedActiveBackgroundColor: _coreTokens["default"].color_purple_900,
1059
- selectedDisabledBackgroundColor: _coreTokens["default"].color_purple_100,
1060
- selectedFontColor: _coreTokens["default"].color_white,
1061
- selectedDisabledFontColor: _coreTokens["default"].color_purple_300,
1062
- focusColor: _coreTokens["default"].color_blue_600,
1063
- labelFontFamily: _coreTokens["default"].type_sans,
1064
- labelFontSize: _coreTokens["default"].type_scale_02,
1065
- labelFontStyle: _coreTokens["default"].type_normal,
1066
- labelFontWeight: _coreTokens["default"].type_semibold,
1067
- labelLineHeight: _coreTokens["default"].type_leading_loose_01,
1068
- helperTextFontFamily: _coreTokens["default"].type_sans,
1069
- helperTextFontSize: _coreTokens["default"].type_scale_01,
1070
- helperTextFontStyle: _coreTokens["default"].type_normal,
1071
- helperTextFontWeight: _coreTokens["default"].type_regular,
1072
- helperTextLineHeight: _coreTokens["default"].type_leading_normal,
1073
- optionLabelFontFamily: _coreTokens["default"].type_sans,
1074
- optionLabelFontSize: _coreTokens["default"].type_scale_03,
1075
- optionLabelFontStyle: _coreTokens["default"].type_normal,
1076
- optionLabelFontWeight: _coreTokens["default"].type_regular,
1077
- iconPaddingRight: _coreTokens["default"].spacing_8,
1078
- iconPaddingLeft: _coreTokens["default"].spacing_8,
1079
- labelPaddingLeft: _coreTokens["default"].spacing_24,
1080
- labelPaddingRight: _coreTokens["default"].spacing_24,
1081
- iconMarginRight: _coreTokens["default"].spacing_8,
1082
- containerMarginTop: _coreTokens["default"].spacing_4,
1083
- optionBorderThickness: _coreTokens["default"].border_width_0,
1084
- optionBorderStyle: _coreTokens["default"].border_none,
1085
- optionBorderRadius: _coreTokens["default"].border_radius_medium,
1086
- containerBorderThickness: _coreTokens["default"].border_width_1,
1087
- containerBorderStyle: _coreTokens["default"].border_solid,
1088
- containerBorderRadius: _coreTokens["default"].border_radius_large,
1089
- optionFocusBorderThickness: _coreTokens["default"].border_width_2
1090
- },
1091
- wizard: {
1092
- visitedStepFontColor: _coreTokens["default"].color_black,
1093
- visitedStepBackgroundColor: _coreTokens["default"].color_white,
1094
- visitedStepBorderColor: _coreTokens["default"].color_black,
1095
- unvisitedStepFontColor: _coreTokens["default"].color_grey_700,
1096
- unvisitedLabelFontColor: _coreTokens["default"].color_grey_700,
1097
- unvisitedHelperTextFontColor: _coreTokens["default"].color_grey_700,
1098
- unvisitedStepBackgroundColor: _coreTokens["default"].color_transparent,
1099
- unvisitedStepBorderColor: _coreTokens["default"].color_grey_700,
1100
- selectedStepFontColor: _coreTokens["default"].color_white,
1101
- selectedStepBackgroundColor: _coreTokens["default"].color_purple_700,
1102
- selectedStepBorderColor: _coreTokens["default"].color_purple_700,
1103
- selectedLabelFontColor: _coreTokens["default"].color_black,
1104
- selectedHelperTextFontColor: _coreTokens["default"].color_black,
1105
- selectedStepWidth: "32px",
1106
- selectedStepHeight: "32px",
1107
- selectedStepBorderThickness: "2px",
1108
- selectedStepBorderStyle: _coreTokens["default"].border_solid,
1109
- selectedStepBorderRadius: "45px",
1110
- stepFontSize: _coreTokens["default"].type_scale_03,
1111
- stepFontFamily: _coreTokens["default"].type_sans,
1112
- stepFontStyle: _coreTokens["default"].type_normal,
1113
- stepFontWeight: _coreTokens["default"].type_regular,
1114
- stepFontTracking: _coreTokens["default"].type_spacing_wide_02,
1115
- stepIconSize: "20px",
1116
- stepWidth: "32px",
1117
- stepHeight: "32px",
1118
- stepBorderThickness: "2px",
1119
- stepBorderStyle: _coreTokens["default"].border_solid,
1120
- stepBorderRadius: "45px",
1121
- visitedLabelFontColor: _coreTokens["default"].color_black,
1122
- labelFontSize: _coreTokens["default"].type_scale_03,
1123
- labelFontFamily: _coreTokens["default"].type_sans,
1124
- labelFontStyle: _coreTokens["default"].type_normal,
1125
- labelFontWeight: _coreTokens["default"].type_regular,
1126
- labelFontTracking: _coreTokens["default"].type_spacing_normal,
1127
- labelFontTextTransform: "none",
1128
- labelTextAlign: "left",
1129
- helperTextFontSize: _coreTokens["default"].type_scale_02,
1130
- helperTextFontFamily: _coreTokens["default"].type_sans,
1131
- helperTextFontStyle: _coreTokens["default"].type_normal,
1132
- helperTextFontWeight: _coreTokens["default"].type_regular,
1133
- helperTextFontTracking: _coreTokens["default"].type_spacing_normal,
1134
- helperTextFontTextTransform: "none",
1135
- visitedHelperTextFontColor: _coreTokens["default"].color_black,
1136
- helperTextTextAlign: "left",
1137
- disabledStepBackgroundColor: _coreTokens["default"].color_grey_100,
1138
- disabledStepFontColor: _coreTokens["default"].color_grey_500,
1139
- disabledLabelFontColor: _coreTokens["default"].color_grey_500,
1140
- disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
1141
- disabledStepBorderColor: _coreTokens["default"].color_grey_100,
1142
- disabledStepWidth: "32px",
1143
- disabledStepHeight: "32px",
1144
- disabledStepBorderThickness: "2px",
1145
- disabledStepBorderStyle: _coreTokens["default"].border_solid,
1146
- disabledStepBorderRadius: "45px",
1147
- separatorBorderThickness: "1px",
1148
- separatorBorderStyle: _coreTokens["default"].border_solid,
1149
- separatorColor: _coreTokens["default"].color_grey_700,
1150
- focusColor: _coreTokens["default"].color_blue_600
1151
- }
1152
- };
1153
- var spaces = exports.spaces = {
1154
- xxsmall: _coreTokens["default"].spacing_4,
1155
- xsmall: _coreTokens["default"].spacing_8,
1156
- small: _coreTokens["default"].spacing_12,
1157
- medium: _coreTokens["default"].spacing_16,
1158
- large: _coreTokens["default"].spacing_24,
1159
- xlarge: _coreTokens["default"].spacing_32,
1160
- xxlarge: _coreTokens["default"].spacing_48
1161
- };
1162
- var responsiveSizes = exports.responsiveSizes = {
1163
- xsmall: "20",
1164
- small: "30",
1165
- medium: "45",
1166
- large: "66",
1167
- xlarge: "90"
1168
- };
1169
- var defaultTranslatedComponentLabels = exports.defaultTranslatedComponentLabels = {
1170
- formFields: {
1171
- optionalLabel: "(Optional)",
1172
- requiredSelectionErrorMessage: "This field is required. Please, choose an option.",
1173
- requiredValueErrorMessage: "This field is required. Please, enter a value.",
1174
- formatRequestedErrorMessage: "Please match the format requested.",
1175
- lengthErrorMessage: function lengthErrorMessage(minLength, maxLength) {
1176
- return "Min length ".concat(minLength, ", max length ").concat(maxLength, ".");
1177
- },
1178
- logoAlternativeText: "Logo"
1179
- },
1180
- applicationLayout: {
1181
- visibilityToggleTitle: "Toggle visibility sidenav"
1182
- },
1183
- alert: {
1184
- infoTitleText: "information",
1185
- successTitleText: "success",
1186
- warningTitleText: "warning",
1187
- errorTitleText: "error"
1188
- },
1189
- dateInput: {
1190
- invalidDateErrorMessage: "Invalid date."
1191
- },
1192
- dialog: {
1193
- closeIconAriaLabel: "Close dialog"
1194
- },
1195
- fileInput: {
1196
- fileSizeGreaterThanErrorMessage: "File size must be greater than min size.",
1197
- fileSizeLessThanErrorMessage: "File size must be less than max size.",
1198
- multipleButtonLabelDefault: "Select files",
1199
- singleButtonLabelDefault: "Select file",
1200
- dropAreaButtonLabelDefault: "Select",
1201
- multipleDropAreaLabelDefault: "or drop files",
1202
- singleDropAreaLabelDefault: "or drop a file",
1203
- deleteFileActionTitle: "Remove file"
1204
- },
1205
- footer: {
1206
- copyrightText: function copyrightText(year) {
1207
- return "\xA9 DXC Technology ".concat(year, ". All rights reserved.");
1208
- }
1209
- },
1210
- header: {
1211
- closeIcon: "Close menu",
1212
- hamburguerTitle: "Menu"
1213
- },
1214
- numberInput: {
1215
- valueGreaterThanOrEqualToErrorMessage: function valueGreaterThanOrEqualToErrorMessage(value) {
1216
- return "Value must be greater than or equal to ".concat(value, ".");
1217
- },
1218
- valueLessThanOrEqualToErrorMessage: function valueLessThanOrEqualToErrorMessage(value) {
1219
- return "Value must be less than or equal to ".concat(value, ".");
1220
- },
1221
- decrementValueTitle: "Decrement value",
1222
- incrementValueTitle: "Increment value"
1223
- },
1224
- paginator: {
1225
- itemsPerPageText: "Items per page: ",
1226
- minToMaxOfText: function minToMaxOfText(minNumberOfItems, maxNumberOfItems, totalItems) {
1227
- return "".concat(minNumberOfItems, " to ").concat(maxNumberOfItems, " of ").concat(totalItems);
1228
- },
1229
- goToPageText: "Go to page:",
1230
- pageOfText: function pageOfText(pageNumber, totalPagesNumber) {
1231
- return "Page: ".concat(pageNumber, " of ").concat(totalPagesNumber);
1232
- }
1233
- },
1234
- passwordInput: {
1235
- inputShowPasswordTitle: "Show password",
1236
- inputHidePasswordTitle: "Hide password"
1237
- },
1238
- quickNav: {
1239
- contentTitle: "Contents"
1240
- },
1241
- radioGroup: {
1242
- optionalItemLabelDefault: "N/A"
1243
- },
1244
- select: {
1245
- noMatchesErrorMessage: "No matches found",
1246
- actionClearSelectionTitle: "Clear selection",
1247
- actionClearSearchTitle: "Clear search"
1248
- },
1249
- tabs: {
1250
- scrollLeft: "Scroll left",
1251
- scrollRight: "Scroll right"
1252
- },
1253
- textInput: {
1254
- clearFieldActionTitle: "Clear field",
1255
- searchingMessage: "Searching...",
1256
- fetchingDataErrorMessage: "Error fetching data"
1257
- },
1258
- calendar: {
1259
- daysShort: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
1260
- months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
1261
- previousMonthTitle: "Previous month",
1262
- nextMonthTitle: "Next month"
1263
- }
1264
- };