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