@dxc-technology/halstack-react 0.0.0-5a1e592 → 0.0.0-5a7a613

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 (466) hide show
  1. package/BackgroundColorContext.d.ts +1 -10
  2. package/BackgroundColorContext.js +4 -21
  3. package/HalstackContext.d.ts +74 -144
  4. package/HalstackContext.js +35 -50
  5. package/accordion/Accordion.accessibility.test.d.ts +1 -0
  6. package/accordion/Accordion.accessibility.test.js +71 -0
  7. package/accordion/Accordion.js +33 -87
  8. package/accordion/Accordion.stories.tsx +8 -64
  9. package/accordion/Accordion.test.d.ts +1 -0
  10. package/accordion/Accordion.test.js +19 -34
  11. package/accordion/types.d.ts +6 -6
  12. package/accordion-group/AccordionGroup.accessibility.test.d.ts +1 -0
  13. package/accordion-group/AccordionGroup.accessibility.test.js +82 -0
  14. package/accordion-group/AccordionGroup.d.ts +2 -3
  15. package/accordion-group/AccordionGroup.js +17 -44
  16. package/accordion-group/AccordionGroup.stories.tsx +24 -24
  17. package/accordion-group/AccordionGroup.test.d.ts +1 -0
  18. package/accordion-group/AccordionGroup.test.js +41 -63
  19. package/accordion-group/AccordionGroupAccordion.js +11 -23
  20. package/accordion-group/AccordionGroupContext.d.ts +3 -0
  21. package/accordion-group/AccordionGroupContext.js +8 -0
  22. package/accordion-group/types.d.ts +7 -7
  23. package/action-icon/ActionIcon.accessibility.test.d.ts +1 -0
  24. package/action-icon/ActionIcon.accessibility.test.js +63 -0
  25. package/action-icon/ActionIcon.d.ts +4 -0
  26. package/action-icon/ActionIcon.js +48 -0
  27. package/action-icon/ActionIcon.stories.tsx +41 -0
  28. package/action-icon/ActionIcon.test.d.ts +1 -0
  29. package/action-icon/ActionIcon.test.js +64 -0
  30. package/action-icon/types.d.ts +26 -0
  31. package/alert/Alert.accessibility.test.d.ts +1 -0
  32. package/alert/Alert.accessibility.test.js +95 -0
  33. package/alert/Alert.js +34 -120
  34. package/alert/Alert.test.d.ts +1 -0
  35. package/alert/Alert.test.js +29 -46
  36. package/alert/types.d.ts +5 -5
  37. package/badge/Badge.accessibility.test.d.ts +1 -0
  38. package/badge/Badge.accessibility.test.js +129 -0
  39. package/badge/Badge.d.ts +1 -1
  40. package/badge/Badge.js +142 -42
  41. package/badge/Badge.stories.tsx +210 -0
  42. package/badge/Badge.test.d.ts +1 -0
  43. package/badge/Badge.test.js +30 -0
  44. package/badge/types.d.ts +52 -3
  45. package/bar-chart/BarChart.d.ts +4 -0
  46. package/bar-chart/BarChart.js +157 -0
  47. package/bar-chart/BarChart.stories.tsx +281 -0
  48. package/bar-chart/BarChart.test.d.ts +1 -0
  49. package/bar-chart/BarChart.test.js +194 -0
  50. package/bar-chart/theme.d.ts +3 -0
  51. package/bar-chart/theme.js +31 -0
  52. package/bar-chart/types.d.ts +137 -0
  53. package/bar-chart/types.js +5 -0
  54. package/bleed/Bleed.js +13 -21
  55. package/bleed/Bleed.stories.tsx +0 -1
  56. package/bleed/types.d.ts +2 -2
  57. package/box/Box.accessibility.test.d.ts +1 -0
  58. package/box/Box.accessibility.test.js +33 -0
  59. package/box/Box.js +11 -33
  60. package/box/Box.test.d.ts +1 -0
  61. package/box/Box.test.js +2 -7
  62. package/box/types.d.ts +3 -3
  63. package/breadcrumbs/Breadcrumbs.accessibility.test.d.ts +1 -0
  64. package/breadcrumbs/Breadcrumbs.accessibility.test.js +96 -0
  65. package/breadcrumbs/Breadcrumbs.d.ts +4 -0
  66. package/breadcrumbs/Breadcrumbs.js +79 -0
  67. package/breadcrumbs/Breadcrumbs.stories.tsx +194 -0
  68. package/breadcrumbs/Breadcrumbs.test.d.ts +1 -0
  69. package/breadcrumbs/Breadcrumbs.test.js +168 -0
  70. package/breadcrumbs/Item.d.ts +4 -0
  71. package/breadcrumbs/Item.js +52 -0
  72. package/breadcrumbs/dropdownTheme.d.ts +53 -0
  73. package/breadcrumbs/dropdownTheme.js +62 -0
  74. package/breadcrumbs/types.d.ts +40 -0
  75. package/breadcrumbs/types.js +5 -0
  76. package/bulleted-list/BulletedList.accessibility.test.d.ts +1 -0
  77. package/bulleted-list/BulletedList.accessibility.test.js +119 -0
  78. package/bulleted-list/BulletedList.js +22 -55
  79. package/bulleted-list/BulletedList.stories.tsx +2 -93
  80. package/bulleted-list/types.d.ts +5 -5
  81. package/button/Button.accessibility.test.d.ts +1 -0
  82. package/button/Button.accessibility.test.js +127 -0
  83. package/button/Button.js +36 -59
  84. package/button/Button.stories.tsx +35 -135
  85. package/button/Button.test.d.ts +1 -0
  86. package/button/Button.test.js +14 -22
  87. package/button/types.d.ts +5 -5
  88. package/card/Card.accessibility.test.d.ts +1 -0
  89. package/card/Card.accessibility.test.js +36 -0
  90. package/card/Card.js +23 -45
  91. package/card/Card.stories.tsx +1 -1
  92. package/card/Card.test.d.ts +1 -0
  93. package/card/Card.test.js +11 -22
  94. package/card/types.d.ts +5 -5
  95. package/checkbox/Checkbox.accessibility.test.d.ts +1 -0
  96. package/checkbox/Checkbox.accessibility.test.js +87 -0
  97. package/checkbox/Checkbox.js +59 -116
  98. package/checkbox/Checkbox.stories.tsx +0 -54
  99. package/checkbox/Checkbox.test.d.ts +1 -0
  100. package/checkbox/Checkbox.test.js +80 -109
  101. package/checkbox/types.d.ts +4 -4
  102. package/chip/Chip.accessibility.test.d.ts +1 -0
  103. package/chip/Chip.accessibility.test.js +67 -0
  104. package/chip/Chip.js +22 -36
  105. package/chip/Chip.stories.tsx +6 -25
  106. package/chip/Chip.test.d.ts +1 -0
  107. package/chip/Chip.test.js +18 -31
  108. package/chip/types.d.ts +4 -4
  109. package/common/coreTokens.d.ts +105 -15
  110. package/common/coreTokens.js +40 -24
  111. package/common/utils.js +2 -8
  112. package/common/variables.d.ts +80 -141
  113. package/common/variables.js +150 -224
  114. package/container/Container.d.ts +4 -0
  115. package/container/Container.js +194 -0
  116. package/container/Container.stories.tsx +215 -0
  117. package/container/types.d.ts +176 -0
  118. package/container/types.js +5 -0
  119. package/contextual-menu/ContextualMenu.accessibility.test.d.ts +1 -0
  120. package/contextual-menu/ContextualMenu.accessibility.test.js +98 -0
  121. package/contextual-menu/ContextualMenu.d.ts +5 -0
  122. package/contextual-menu/ContextualMenu.js +136 -0
  123. package/contextual-menu/ContextualMenu.stories.tsx +231 -0
  124. package/contextual-menu/ContextualMenu.test.d.ts +1 -0
  125. package/contextual-menu/ContextualMenu.test.js +247 -0
  126. package/contextual-menu/GroupItem.d.ts +4 -0
  127. package/contextual-menu/GroupItem.js +67 -0
  128. package/contextual-menu/ItemAction.d.ts +4 -0
  129. package/contextual-menu/ItemAction.js +88 -0
  130. package/contextual-menu/MenuItem.d.ts +4 -0
  131. package/contextual-menu/MenuItem.js +29 -0
  132. package/contextual-menu/SingleItem.d.ts +4 -0
  133. package/contextual-menu/SingleItem.js +38 -0
  134. package/contextual-menu/types.d.ts +65 -0
  135. package/contextual-menu/types.js +5 -0
  136. package/date-input/Calendar.js +59 -87
  137. package/date-input/DateInput.accessibility.test.d.ts +1 -0
  138. package/date-input/DateInput.accessibility.test.js +229 -0
  139. package/date-input/DateInput.js +170 -130
  140. package/date-input/DateInput.stories.tsx +32 -50
  141. package/date-input/DateInput.test.d.ts +1 -0
  142. package/date-input/DateInput.test.js +668 -709
  143. package/date-input/DatePicker.js +26 -51
  144. package/date-input/YearPicker.js +17 -38
  145. package/date-input/types.d.ts +28 -26
  146. package/dialog/Dialog.accessibility.test.d.ts +1 -0
  147. package/dialog/Dialog.accessibility.test.js +69 -0
  148. package/dialog/Dialog.js +21 -59
  149. package/dialog/Dialog.stories.tsx +174 -0
  150. package/dialog/Dialog.test.d.ts +1 -0
  151. package/dialog/Dialog.test.js +216 -215
  152. package/dialog/types.d.ts +18 -13
  153. package/divider/Divider.accessibility.test.d.ts +1 -0
  154. package/divider/Divider.accessibility.test.js +33 -0
  155. package/divider/Divider.d.ts +4 -0
  156. package/divider/Divider.js +36 -0
  157. package/divider/Divider.stories.tsx +224 -0
  158. package/divider/Divider.test.d.ts +1 -0
  159. package/divider/Divider.test.js +38 -0
  160. package/divider/types.d.ts +21 -0
  161. package/divider/types.js +5 -0
  162. package/dropdown/Dropdown.accessibility.test.d.ts +1 -0
  163. package/dropdown/Dropdown.accessibility.test.js +183 -0
  164. package/dropdown/Dropdown.js +66 -153
  165. package/dropdown/Dropdown.stories.tsx +16 -27
  166. package/dropdown/Dropdown.test.d.ts +1 -0
  167. package/dropdown/Dropdown.test.js +434 -392
  168. package/dropdown/DropdownMenu.js +12 -23
  169. package/dropdown/DropdownMenuItem.js +13 -21
  170. package/dropdown/types.d.ts +20 -24
  171. package/file-input/FileInput.accessibility.test.d.ts +1 -0
  172. package/file-input/FileInput.accessibility.test.js +167 -0
  173. package/file-input/FileInput.js +177 -286
  174. package/file-input/FileInput.stories.tsx +1 -1
  175. package/file-input/FileInput.test.d.ts +1 -0
  176. package/file-input/FileInput.test.js +303 -356
  177. package/file-input/FileItem.js +29 -66
  178. package/file-input/types.d.ts +9 -13
  179. package/flex/Flex.js +25 -39
  180. package/flex/types.d.ts +6 -6
  181. package/footer/Footer.accessibility.test.d.ts +1 -0
  182. package/footer/Footer.accessibility.test.js +125 -0
  183. package/footer/Footer.d.ts +1 -1
  184. package/footer/Footer.js +43 -68
  185. package/footer/Footer.stories.tsx +58 -2
  186. package/footer/Footer.test.d.ts +1 -0
  187. package/footer/Footer.test.js +19 -33
  188. package/footer/Icons.d.ts +3 -2
  189. package/footer/Icons.js +53 -22
  190. package/footer/types.d.ts +17 -17
  191. package/grid/Grid.js +1 -16
  192. package/grid/Grid.stories.tsx +3 -1
  193. package/grid/types.d.ts +10 -10
  194. package/header/Header.accessibility.test.d.ts +1 -0
  195. package/header/Header.accessibility.test.js +94 -0
  196. package/header/Header.d.ts +1 -1
  197. package/header/Header.js +38 -104
  198. package/header/Header.stories.tsx +17 -1
  199. package/header/Header.test.d.ts +1 -0
  200. package/header/Header.test.js +13 -26
  201. package/header/Icons.d.ts +2 -2
  202. package/header/Icons.js +3 -13
  203. package/header/types.d.ts +7 -8
  204. package/heading/Heading.accessibility.test.d.ts +1 -0
  205. package/heading/Heading.accessibility.test.js +33 -0
  206. package/heading/Heading.js +9 -31
  207. package/heading/Heading.test.d.ts +1 -0
  208. package/heading/Heading.test.js +65 -95
  209. package/heading/types.d.ts +7 -7
  210. package/icon/Icon.accessibility.test.d.ts +1 -0
  211. package/icon/Icon.accessibility.test.js +30 -0
  212. package/icon/Icon.d.ts +4 -0
  213. package/icon/Icon.js +33 -0
  214. package/icon/Icon.stories.tsx +28 -0
  215. package/icon/types.d.ts +4 -0
  216. package/icon/types.js +5 -0
  217. package/image/Image.accessibility.test.d.ts +1 -0
  218. package/image/Image.accessibility.test.js +56 -0
  219. package/image/Image.d.ts +2 -2
  220. package/image/Image.js +17 -32
  221. package/image/Image.stories.tsx +3 -1
  222. package/image/types.d.ts +2 -2
  223. package/inset/Inset.js +13 -21
  224. package/inset/types.d.ts +2 -2
  225. package/layout/ApplicationLayout.d.ts +2 -2
  226. package/layout/ApplicationLayout.js +23 -60
  227. package/layout/Icons.d.ts +4 -5
  228. package/layout/Icons.js +2 -16
  229. package/layout/types.d.ts +3 -3
  230. package/link/Link.accessibility.test.d.ts +1 -0
  231. package/link/Link.accessibility.test.js +108 -0
  232. package/link/Link.js +28 -47
  233. package/link/Link.stories.tsx +4 -4
  234. package/link/Link.test.d.ts +1 -0
  235. package/link/Link.test.js +24 -42
  236. package/link/types.d.ts +14 -14
  237. package/main.d.ts +10 -4
  238. package/main.js +53 -60
  239. package/nav-tabs/NavTabs.accessibility.test.d.ts +1 -0
  240. package/nav-tabs/NavTabs.accessibility.test.js +44 -0
  241. package/nav-tabs/NavTabs.d.ts +1 -2
  242. package/nav-tabs/NavTabs.js +34 -48
  243. package/nav-tabs/NavTabs.stories.tsx +45 -25
  244. package/nav-tabs/NavTabs.test.d.ts +1 -0
  245. package/nav-tabs/NavTabs.test.js +46 -51
  246. package/nav-tabs/NavTabsContext.d.ts +3 -0
  247. package/nav-tabs/NavTabsContext.js +8 -0
  248. package/nav-tabs/Tab.js +38 -67
  249. package/nav-tabs/types.d.ts +10 -10
  250. package/number-input/NumberInput.accessibility.test.d.ts +1 -0
  251. package/number-input/NumberInput.accessibility.test.js +227 -0
  252. package/number-input/NumberInput.d.ts +0 -7
  253. package/number-input/NumberInput.js +51 -40
  254. package/number-input/NumberInput.stories.tsx +37 -26
  255. package/number-input/NumberInput.test.d.ts +1 -0
  256. package/number-input/NumberInput.test.js +839 -576
  257. package/number-input/NumberInputContext.d.ts +3 -0
  258. package/number-input/NumberInputContext.js +8 -0
  259. package/number-input/types.d.ts +17 -5
  260. package/package.json +49 -41
  261. package/paginator/Paginator.accessibility.test.d.ts +1 -0
  262. package/paginator/Paginator.accessibility.test.js +78 -0
  263. package/paginator/Paginator.js +27 -52
  264. package/paginator/Paginator.test.d.ts +1 -0
  265. package/paginator/Paginator.test.js +226 -210
  266. package/paginator/types.d.ts +3 -3
  267. package/paragraph/Paragraph.accessibility.test.d.ts +1 -0
  268. package/paragraph/Paragraph.accessibility.test.js +28 -0
  269. package/paragraph/Paragraph.js +3 -19
  270. package/paragraph/Paragraph.stories.tsx +0 -17
  271. package/password-input/PasswordInput.accessibility.test.d.ts +1 -0
  272. package/password-input/PasswordInput.accessibility.test.js +152 -0
  273. package/password-input/PasswordInput.js +36 -55
  274. package/password-input/PasswordInput.stories.tsx +11 -35
  275. package/password-input/PasswordInput.test.d.ts +1 -0
  276. package/password-input/PasswordInput.test.js +153 -130
  277. package/password-input/types.d.ts +8 -7
  278. package/progress-bar/ProgressBar.accessibility.test.d.ts +1 -0
  279. package/progress-bar/ProgressBar.accessibility.test.js +35 -0
  280. package/progress-bar/ProgressBar.js +26 -56
  281. package/progress-bar/{ProgressBar.stories.jsx → ProgressBar.stories.tsx} +1 -1
  282. package/progress-bar/ProgressBar.test.d.ts +1 -0
  283. package/progress-bar/ProgressBar.test.js +36 -53
  284. package/progress-bar/types.d.ts +3 -3
  285. package/quick-nav/QuickNav.accessibility.test.d.ts +1 -0
  286. package/quick-nav/QuickNav.accessibility.test.js +57 -0
  287. package/quick-nav/QuickNav.js +4 -27
  288. package/quick-nav/QuickNav.stories.tsx +1 -1
  289. package/quick-nav/types.d.ts +10 -10
  290. package/radio-group/Radio.js +15 -50
  291. package/radio-group/RadioGroup.accessibility.test.d.ts +1 -0
  292. package/radio-group/RadioGroup.accessibility.test.js +97 -0
  293. package/radio-group/RadioGroup.js +37 -85
  294. package/radio-group/RadioGroup.test.d.ts +1 -0
  295. package/radio-group/RadioGroup.test.js +505 -500
  296. package/radio-group/types.d.ts +5 -5
  297. package/resultset-table/Icons.d.ts +7 -0
  298. package/{resultsetTable → resultset-table}/Icons.js +1 -5
  299. package/resultset-table/ResultsetTable.accessibility.test.d.ts +1 -0
  300. package/resultset-table/ResultsetTable.accessibility.test.js +284 -0
  301. package/resultset-table/ResultsetTable.d.ts +7 -0
  302. package/{resultsetTable → resultset-table}/ResultsetTable.js +79 -76
  303. package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +119 -6
  304. package/resultset-table/ResultsetTable.test.d.ts +1 -0
  305. package/resultset-table/ResultsetTable.test.js +450 -0
  306. package/{resultsetTable → resultset-table}/types.d.ts +47 -13
  307. package/resultset-table/types.js +5 -0
  308. package/select/Listbox.d.ts +3 -3
  309. package/select/Listbox.js +44 -66
  310. package/select/Option.d.ts +3 -3
  311. package/select/Option.js +36 -40
  312. package/select/Select.accessibility.test.d.ts +1 -0
  313. package/select/Select.accessibility.test.js +227 -0
  314. package/select/Select.js +127 -310
  315. package/select/Select.stories.tsx +74 -117
  316. package/select/Select.test.d.ts +1 -0
  317. package/select/Select.test.js +1913 -1973
  318. package/select/selectUtils.d.ts +41 -0
  319. package/select/selectUtils.js +129 -0
  320. package/select/types.d.ts +15 -16
  321. package/sidenav/Sidenav.accessibility.test.d.ts +1 -0
  322. package/sidenav/Sidenav.accessibility.test.js +59 -0
  323. package/sidenav/Sidenav.js +44 -81
  324. package/sidenav/Sidenav.stories.tsx +5 -10
  325. package/sidenav/Sidenav.test.d.ts +1 -0
  326. package/sidenav/Sidenav.test.js +4 -11
  327. package/{layout → sidenav}/SidenavContext.d.ts +1 -1
  328. package/{layout → sidenav}/SidenavContext.js +3 -9
  329. package/sidenav/types.d.ts +20 -20
  330. package/slider/Slider.accessibility.test.d.ts +1 -0
  331. package/slider/Slider.accessibility.test.js +103 -0
  332. package/slider/Slider.js +66 -125
  333. package/slider/Slider.stories.tsx +0 -60
  334. package/slider/Slider.test.d.ts +1 -0
  335. package/slider/Slider.test.js +118 -112
  336. package/slider/types.d.ts +4 -4
  337. package/spinner/Spinner.accessibility.test.d.ts +1 -0
  338. package/spinner/Spinner.accessibility.test.js +96 -0
  339. package/spinner/Spinner.d.ts +1 -1
  340. package/spinner/Spinner.js +43 -96
  341. package/spinner/Spinner.test.d.ts +1 -0
  342. package/spinner/Spinner.test.js +26 -35
  343. package/spinner/types.d.ts +3 -3
  344. package/status-light/StatusLight.accessibility.test.d.ts +1 -0
  345. package/status-light/StatusLight.accessibility.test.js +157 -0
  346. package/status-light/StatusLight.d.ts +4 -0
  347. package/status-light/StatusLight.js +51 -0
  348. package/status-light/StatusLight.stories.tsx +74 -0
  349. package/status-light/StatusLight.test.d.ts +1 -0
  350. package/status-light/StatusLight.test.js +25 -0
  351. package/status-light/types.d.ts +17 -0
  352. package/status-light/types.js +5 -0
  353. package/switch/Switch.accessibility.test.d.ts +1 -0
  354. package/switch/Switch.accessibility.test.js +98 -0
  355. package/switch/Switch.js +49 -100
  356. package/switch/Switch.stories.tsx +12 -34
  357. package/switch/Switch.test.d.ts +1 -0
  358. package/switch/Switch.test.js +52 -97
  359. package/switch/types.d.ts +4 -4
  360. package/table/DropdownTheme.js +62 -0
  361. package/table/Table.accessibility.test.d.ts +1 -0
  362. package/table/Table.accessibility.test.js +92 -0
  363. package/table/Table.d.ts +6 -2
  364. package/table/Table.js +76 -33
  365. package/table/{Table.stories.jsx → Table.stories.tsx} +309 -2
  366. package/table/Table.test.d.ts +1 -0
  367. package/table/Table.test.js +92 -7
  368. package/table/types.d.ts +34 -6
  369. package/tabs/Tab.js +22 -37
  370. package/tabs/Tabs.accessibility.test.d.ts +1 -0
  371. package/tabs/Tabs.accessibility.test.js +56 -0
  372. package/tabs/Tabs.js +59 -147
  373. package/tabs/Tabs.stories.tsx +8 -4
  374. package/tabs/Tabs.test.d.ts +1 -0
  375. package/tabs/Tabs.test.js +58 -132
  376. package/tabs/types.d.ts +21 -21
  377. package/tag/Tag.accessibility.test.d.ts +1 -0
  378. package/tag/Tag.accessibility.test.js +69 -0
  379. package/tag/Tag.js +27 -57
  380. package/tag/Tag.stories.tsx +5 -8
  381. package/tag/Tag.test.d.ts +1 -0
  382. package/tag/Tag.test.js +18 -37
  383. package/tag/types.d.ts +9 -9
  384. package/text-input/Suggestion.js +9 -26
  385. package/text-input/Suggestions.d.ts +1 -1
  386. package/text-input/Suggestions.js +30 -70
  387. package/text-input/TextInput.accessibility.test.d.ts +1 -0
  388. package/text-input/TextInput.accessibility.test.js +320 -0
  389. package/text-input/TextInput.js +190 -301
  390. package/text-input/TextInput.stories.tsx +29 -160
  391. package/text-input/TextInput.test.d.ts +1 -0
  392. package/text-input/TextInput.test.js +1226 -1283
  393. package/text-input/types.d.ts +21 -17
  394. package/textarea/Textarea.accessibility.test.d.ts +1 -0
  395. package/textarea/Textarea.accessibility.test.js +155 -0
  396. package/textarea/Textarea.js +60 -103
  397. package/textarea/{Textarea.stories.jsx → Textarea.stories.tsx} +58 -108
  398. package/textarea/Textarea.test.d.ts +1 -0
  399. package/textarea/Textarea.test.js +136 -209
  400. package/textarea/types.d.ts +5 -5
  401. package/toggle-group/ToggleGroup.accessibility.test.d.ts +1 -0
  402. package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
  403. package/toggle-group/ToggleGroup.js +25 -67
  404. package/toggle-group/ToggleGroup.stories.tsx +5 -5
  405. package/toggle-group/ToggleGroup.test.d.ts +1 -0
  406. package/toggle-group/ToggleGroup.test.js +49 -82
  407. package/toggle-group/types.d.ts +12 -12
  408. package/tooltip/Tooltip.accessibility.test.d.ts +1 -0
  409. package/tooltip/Tooltip.accessibility.test.js +144 -0
  410. package/tooltip/Tooltip.d.ts +4 -0
  411. package/tooltip/Tooltip.js +50 -0
  412. package/tooltip/Tooltip.stories.tsx +111 -0
  413. package/tooltip/Tooltip.test.d.ts +1 -0
  414. package/tooltip/Tooltip.test.js +112 -0
  415. package/tooltip/types.d.ts +16 -0
  416. package/tooltip/types.js +5 -0
  417. package/typography/Typography.accessibility.test.d.ts +1 -0
  418. package/typography/Typography.accessibility.test.js +339 -0
  419. package/typography/Typography.js +4 -13
  420. package/typography/Typography.stories.tsx +1 -3
  421. package/typography/Typography.test.js +23 -0
  422. package/typography/types.d.ts +1 -1
  423. package/useTheme.d.ts +60 -138
  424. package/useTheme.js +1 -8
  425. package/useTranslatedLabels.d.ts +11 -0
  426. package/useTranslatedLabels.js +1 -7
  427. package/utils/BaseTypography.d.ts +2 -2
  428. package/utils/BaseTypography.js +60 -70
  429. package/utils/FocusLock.js +26 -39
  430. package/utils/useWidth.d.ts +2 -0
  431. package/utils/useWidth.js +30 -0
  432. package/wizard/Wizard.accessibility.test.d.ts +1 -0
  433. package/wizard/Wizard.accessibility.test.js +55 -0
  434. package/wizard/Wizard.js +27 -73
  435. package/wizard/Wizard.stories.tsx +20 -1
  436. package/wizard/Wizard.test.d.ts +1 -0
  437. package/wizard/Wizard.test.js +54 -81
  438. package/wizard/types.d.ts +8 -8
  439. package/common/OpenSans.css +0 -69
  440. package/common/fonts/OpenSans-Bold.ttf +0 -0
  441. package/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  442. package/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  443. package/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  444. package/common/fonts/OpenSans-Italic.ttf +0 -0
  445. package/common/fonts/OpenSans-Light.ttf +0 -0
  446. package/common/fonts/OpenSans-LightItalic.ttf +0 -0
  447. package/common/fonts/OpenSans-Regular.ttf +0 -0
  448. package/common/fonts/OpenSans-SemiBold.ttf +0 -0
  449. package/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  450. package/date-input/Icons.d.ts +0 -6
  451. package/date-input/Icons.js +0 -75
  452. package/paginator/Icons.d.ts +0 -5
  453. package/paginator/Icons.js +0 -54
  454. package/password-input/Icons.d.ts +0 -6
  455. package/password-input/Icons.js +0 -39
  456. package/resultsetTable/Icons.d.ts +0 -7
  457. package/resultsetTable/ResultsetTable.d.ts +0 -4
  458. package/resultsetTable/ResultsetTable.test.js +0 -325
  459. package/select/Icons.d.ts +0 -10
  460. package/select/Icons.js +0 -93
  461. package/sidenav/Icons.d.ts +0 -7
  462. package/sidenav/Icons.js +0 -51
  463. package/text-input/Icons.d.ts +0 -8
  464. package/text-input/Icons.js +0 -60
  465. /package/{resultsetTable → action-icon}/types.js +0 -0
  466. /package/spinner/{Spinner.stories.jsx → Spinner.stories.tsx} +0 -0
@@ -1,10 +1 @@
1
- import React from "react";
2
- export declare type BackgroundColors = "dark" | "light";
3
- declare const BackgroundColorContext: React.Context<BackgroundColors>;
4
- declare type BackgroundColorProviderPropsType = {
5
- color: string;
6
- children: React.ReactNode;
7
- };
8
- declare const BackgroundColorProvider: ({ color, children }: BackgroundColorProviderPropsType) => JSX.Element;
9
- export default BackgroundColorContext;
10
- export { BackgroundColorProvider };
1
+ export {};
@@ -1,24 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = exports.BackgroundColorProvider = void 0;
11
-
12
5
  var _react = _interopRequireWildcard(require("react"));
13
-
14
6
  var _color = _interopRequireDefault(require("color"));
15
-
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
-
7
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
8
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
9
  var BackgroundColorContext = /*#__PURE__*/_react["default"].createContext(null);
21
-
22
10
  var getColorType = function getColorType(hexColor) {
23
11
  try {
24
12
  if (hexColor) {
@@ -30,18 +18,13 @@ var getColorType = function getColorType(hexColor) {
30
18
  return "light";
31
19
  }
32
20
  };
33
-
34
21
  var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
35
22
  var color = _ref.color,
36
- children = _ref.children;
23
+ children = _ref.children;
37
24
  var colorType = (0, _react.useMemo)(function () {
38
25
  return getColorType(color);
39
26
  }, [color]);
40
27
  return /*#__PURE__*/_react["default"].createElement(BackgroundColorContext.Provider, {
41
28
  value: colorType
42
29
  }, children);
43
- };
44
-
45
- exports.BackgroundColorProvider = BackgroundColorProvider;
46
- var _default = BackgroundColorContext;
47
- exports["default"] = _default;
30
+ };
@@ -38,7 +38,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
38
38
  disabledIconColor: string;
39
39
  iconSize: string;
40
40
  iconMarginLeft: string;
41
- iconMarginRigth: string;
41
+ iconMarginRight: string;
42
42
  accordionGroupSeparatorBorderColor: string;
43
43
  accordionGroupSeparatorBorderThickness: string;
44
44
  accordionGroupSeparatorBorderRadius: string;
@@ -111,7 +111,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
111
111
  };
112
112
  bulletedList: {
113
113
  fontColor: string;
114
- fontColorOnDark: string;
115
114
  bulletIconHeight: string;
116
115
  bulletIconWidth: string;
117
116
  bulletHeight: string;
@@ -126,19 +125,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
126
125
  paddingTop: string;
127
126
  paddingBottom: string;
128
127
  focusBorderColor: string;
129
- focusBorderColorOnDark: string;
130
128
  primaryBackgroundColor: string;
131
- primaryBackgroundColorOnDark: string;
132
129
  primaryFontColor: string;
133
- primaryFontColorOnDark: string;
134
130
  primaryHoverBackgroundColor: string;
135
- primaryHoverBackgroundColorOnDark: string;
136
131
  primaryActiveBackgroundColor: string;
137
- primaryActiveBackgroundColorOnDark: string;
138
132
  primaryDisabledBackgroundColor: string;
139
- primaryDisabledBackgroundColorOnDark: string;
140
133
  primaryDisabledFontColor: string;
141
- primaryDisabledFontColorOnDark: string;
142
134
  primaryBorderThickness: string;
143
135
  primaryBorderStyle: string;
144
136
  primaryBorderRadius: string;
@@ -146,23 +138,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
146
138
  primaryFontSize: string;
147
139
  primaryFontWeight: string;
148
140
  secondaryBackgroundColor: string;
149
- secondaryBackgroundColorOnDark: string;
150
141
  secondaryFontColor: string;
151
- secondaryFontColorOnDark: string;
152
142
  secondaryHoverFontColor: string;
153
- secondaryHoverFontColorOnDark: string;
154
143
  secondaryBorderColor: string;
155
- secondaryBorderColorOnDark: string;
156
144
  secondaryHoverBackgroundColor: string;
157
- secondaryHoverBackgroundColorOnDark: string;
158
145
  secondaryActiveBackgroundColor: string;
159
- secondaryActiveBackgroundColorOnDark: string;
160
146
  secondaryDisabledBackgroundColor: string;
161
- secondaryDisabledBackgroundColorOnDark: string;
162
147
  secondaryDisabledFontColor: string;
163
- secondaryDisabledFontColorOnDark: string;
164
148
  secondaryDisabledBorderColor: string;
165
- secondaryDisabledBorderColorOnDark: string;
166
149
  secondaryBorderThickness: string;
167
150
  secondaryBorderStyle: string;
168
151
  secondaryBorderRadius: string;
@@ -170,17 +153,11 @@ declare const HalstackContext: React.Context<DeepPartial<{
170
153
  secondaryFontSize: string;
171
154
  secondaryFontWeight: string;
172
155
  textBackgroundColor: string;
173
- textBackgroundColorOnDark: string;
174
156
  textFontColor: string;
175
- textFontColorOnDark: string;
176
157
  textHoverBackgroundColor: string;
177
- textHoverBackgroundColorOnDark: string;
178
158
  textActiveBackgroundColor: string;
179
- textActiveBackgroundColorOnDark: string;
180
159
  textDisabledBackgroundColor: string;
181
- textDisabledBackgroundColorOnDark: string;
182
160
  textDisabledFontColor: string;
183
- textDisabledFontColorOnDark: string;
184
161
  textBorderThickness: string;
185
162
  textBorderStyle: string;
186
163
  textBorderRadius: string;
@@ -194,35 +171,24 @@ declare const HalstackContext: React.Context<DeepPartial<{
194
171
  };
195
172
  checkbox: {
196
173
  backgroundColorChecked: string;
197
- backgroundColorCheckedOnDark: string;
198
174
  hoverBackgroundColorChecked: string;
199
- hoverBackgroundColorCheckedOnDark: string;
200
175
  disabledBackgroundColorChecked: string;
201
- disabledBackgroundColorCheckedOnDark: string;
202
176
  readOnlyBackgroundColorChecked: string;
203
177
  hoverReadOnlyBackgroundColorChecked: string;
204
178
  borderColor: string;
205
- borderColorOnDark: string;
206
179
  hoverBorderColor: string;
207
- hoverBorderColorOnDark: string;
208
180
  disabledBorderColor: string;
209
- disabledBorderColorOnDark: string;
210
181
  readOnlyBorderColor: string;
211
182
  hoverReadOnlyBorderColor: string;
212
183
  checkColor: string;
213
- checkColorOnDark: string;
214
184
  disabledCheckColor: string;
215
- disabledCheckColorOnDark: string;
216
185
  readOnlyCheckColor: string;
217
186
  fontFamily: string;
218
187
  fontSize: string;
219
188
  fontWeight: string;
220
189
  fontColor: string;
221
- fontColorOnDark: string;
222
190
  disabledFontColor: string;
223
- disabledFontColorOnDark: string;
224
191
  focusColor: string;
225
- focusColorOnDark: string;
226
192
  checkLabelSpacing: string;
227
193
  };
228
194
  chip: {
@@ -253,6 +219,29 @@ declare const HalstackContext: React.Context<DeepPartial<{
253
219
  focusBorderThickness: string;
254
220
  focusBorderRadius: string;
255
221
  };
222
+ contextualMenu: {
223
+ fontFamily: string;
224
+ backgroundColor: string;
225
+ borderColor: string;
226
+ menuItemFontColor: string;
227
+ menuItemFontSize: string;
228
+ menuItemFontStyle: string;
229
+ menuItemFontWeight: string;
230
+ menuItemLineHeight: string;
231
+ hoverMenuItemBackgroundColor: string;
232
+ activeMenuItemBackgroundColor: string;
233
+ selectedMenuItemBackgroundColor: string;
234
+ hoverSelectedMenuItemBackgroundColor: string;
235
+ activeSelectedMenuItemBackgroundColor: string;
236
+ selectedMenuItemFontWeight: string;
237
+ sectionTitleFontColor: string;
238
+ sectionTitleFontSize: string;
239
+ sectionTitleFontStyle: string;
240
+ sectionTitleFontWeight: string;
241
+ sectionTitleLineHeight: string;
242
+ iconColor: string;
243
+ iconSize: string;
244
+ };
256
245
  dateInput: {
257
246
  pickerBackgroundColor: string;
258
247
  pickerFontColor: string;
@@ -287,8 +276,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
287
276
  dialog: {
288
277
  overlayColor: string;
289
278
  backgroundColor: string;
290
- closeIconWidth: string;
291
- closeIconHeight: string;
279
+ closeIconSize: string;
292
280
  closeIconTopPosition: string;
293
281
  closeIconRightPosition: string;
294
282
  closeIconBackgroundColor: string;
@@ -318,9 +306,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
318
306
  buttonPaddingBottom: string;
319
307
  buttonPaddingLeft: string;
320
308
  buttonPaddingRight: string;
309
+ buttonHeight: string;
310
+ buttonBorderRadius: string;
311
+ buttonBorderStyle: string;
312
+ buttonBorderThickness: string;
313
+ buttonBorderColor: string;
321
314
  disabledColor: string;
322
315
  disabledButtonBackgroundColor: string;
323
- disabledBorderColor: string;
316
+ disabledButtonBorderColor: string;
324
317
  optionBackgroundColor: string;
325
318
  hoverOptionBackgroundColor: string;
326
319
  activeOptionBackgroundColor: string;
@@ -360,7 +353,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
360
353
  focusDropBorderColor: string;
361
354
  disabledDropBorderColor: string;
362
355
  dragoverDropBackgroundColor: string;
363
- activeFileItemIconBackgrounColor: string;
364
356
  errorFileItemBorderColor: string;
365
357
  errorFileItemBackgroundColor: string;
366
358
  errorFilePreviewBackgroundColor: string;
@@ -456,7 +448,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
456
448
  underlinedThickness: string;
457
449
  underlinedStyle: string;
458
450
  contentColor: string;
459
- contentColorOnDark: string;
460
451
  };
461
452
  heading: {
462
453
  level1FontColor: string;
@@ -527,10 +518,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
527
518
  selectedBackgroundColor: string;
528
519
  unselectedBackgroundColor: string;
529
520
  hoverBackgroundColor: string;
530
- pressedBackgroundColor: string; /**
531
- * This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
532
- * This is an extension of the already existing Partial type, which only allows one level of partiality.
533
- */
521
+ pressedBackgroundColor: string;
534
522
  selectedFontColor: string;
535
523
  unselectedFontColor: string;
536
524
  disabledFontColor: string;
@@ -565,32 +553,27 @@ declare const HalstackContext: React.Context<DeepPartial<{
565
553
  totalItemsContainerMarginLeft: string;
566
554
  };
567
555
  paragraph: {
568
- fontColor: string;
569
- fontColorOnDark: string;
570
556
  display: string;
557
+ fontColor: string;
571
558
  fontSize: string;
572
559
  fontWeight: string;
573
560
  };
574
561
  progressBar: {
575
562
  trackLineColor: string;
576
- trackLineColorOnDark: string;
577
563
  totalLineColor: string;
578
564
  labelFontFamily: string;
579
565
  labelFontSize: string;
580
566
  labelFontStyle: string;
581
567
  labelFontWeight: string;
582
568
  labelFontColor: string;
583
- labelFontColorOnDark: string;
584
569
  labelFontTextTransform: string;
585
570
  valueFontFamily: string;
586
571
  valueFontSize: string;
587
572
  valueFontStyle: string;
588
573
  valueFontWeight: string;
589
574
  valueFontColor: string;
590
- valueFontColorOnDark: string;
591
575
  valueFontTextTransform: string;
592
576
  helperTextFontColor: string;
593
- helperTextFontColorOnDark: string;
594
577
  helperTextFontSize: string;
595
578
  helperTextFontStyle: string;
596
579
  helperTextFontWeight: string;
@@ -768,7 +751,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
768
751
  slider: {
769
752
  fontFamily: string;
770
753
  limitValuesFontColor: string;
771
- limitValuesFontColorOnDark: string;
772
754
  limitValuesFontSize: string;
773
755
  limitValuesFontStyle: string;
774
756
  limitValuesFontWeight: string;
@@ -785,15 +767,10 @@ declare const HalstackContext: React.Context<DeepPartial<{
785
767
  helperTextFontWeight: string;
786
768
  helperTextLineHeight: string;
787
769
  fontColor: string;
788
- fontColorOnDark: string;
789
770
  labelFontColor: string;
790
- labelFontColorOnDark: string;
791
771
  helperTextFontColor: string;
792
- helperTextFontColorOnDark: string;
793
772
  disabledLabelFontColor: string;
794
- disabledLabelFontColorOnDark: string;
795
773
  disabledHelperTextFontColor: string;
796
- disabledHelperTextFontColorOnDark: string;
797
774
  thumbHeight: string;
798
775
  thumbWidth: string;
799
776
  hoverThumbHeight: string;
@@ -801,40 +778,28 @@ declare const HalstackContext: React.Context<DeepPartial<{
801
778
  thumbVerticalPosition: string;
802
779
  hoverThumbVerticalPosition: string;
803
780
  thumbBackgroundColor: string;
804
- thumbBackgroundColorOnDark: string;
805
781
  hoverThumbScale: string;
806
782
  hoverThumbBackgroundColor: string;
807
- hoverThumbBackgroundColorOnDark: string;
808
783
  activeThumbScale: string;
809
784
  activeThumbBackgroundColor: string;
810
- activeThumbBackgroundColorOnDark: string;
811
785
  focusThumbBackgroundColor: string;
812
- focusThumbBackgroundColorOnDark: string;
813
786
  tickHeight: string;
814
787
  tickWidth: string;
815
788
  tickVerticalPosition: string;
816
789
  tickBackgroundColor: string;
817
- tickBackgroundColorOnDark: string;
818
790
  trackLineThickness: string;
819
791
  trackLineVerticalPosition: string;
820
792
  trackLineColor: string;
821
- trackLineColorOnDark: string;
822
793
  totalLineThickness: string;
823
794
  totalLineVerticalPosition: string;
824
795
  totalLineColor: string;
825
- totalLineColorOnDark: string;
826
796
  disabledThumbVerticalPosition: string;
827
797
  disabledThumbBackgroundColor: string;
828
- disabledThumbBackgroundColorOnDark: string;
829
798
  disabledTickVerticalPosition: string;
830
799
  disabledTickBackgroundColor: string;
831
- disabledTickBackgroundColorOnDark: string;
832
800
  disabledTrackLineColor: string;
833
- disabledTrackLineColorOnDark: string;
834
801
  disabledTotalLineColor: string;
835
- disabledTotalLineColorOnDark: string;
836
802
  focusColor: string;
837
- focusColorOnDark: string;
838
803
  floorLabelMarginRight: string;
839
804
  ceilLabelMarginLeft: string;
840
805
  inputMarginLeft: string;
@@ -848,14 +813,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
848
813
  labelFontStyle: string;
849
814
  labelFontWeight: string;
850
815
  labelFontColor: string;
851
- labelFontColorOnDark: string;
852
816
  labelTextAlign: string;
853
817
  progressValueFontFamily: string;
854
818
  progressValueFontSize: string;
855
819
  progressValueFontStyle: string;
856
820
  progressValueFontWeight: string;
857
821
  progressValueFontColor: string;
858
- progressValueFontColorOnDark: string;
859
822
  progressValueTextAlign: string;
860
823
  overlayBackgroundColor: string;
861
824
  overlayOpacity: string;
@@ -874,32 +837,21 @@ declare const HalstackContext: React.Context<DeepPartial<{
874
837
  };
875
838
  switch: {
876
839
  checkedTrackBackgroundColor: string;
877
- checkedTrackBackgroundColorOnDark: string;
878
840
  checkedThumbBackgroundColor: string;
879
- checkedThumbBackgroundColorOnDark: string;
880
841
  uncheckedTrackBackgroundColor: string;
881
- uncheckedTrackBackgroundColorOnDark: string;
882
842
  uncheckedThumbBackgroundColor: string;
883
- uncheckedThumbBackgroundColorOnDark: string;
884
843
  disabledCheckedTrackBackgroundColor: string;
885
- disabledCheckedTrackBackgroundColorOnDark: string;
886
844
  disabledCheckedThumbBackgroundColor: string;
887
- disabledCheckedThumbBackgroundColorOnDark: string;
888
845
  disabledUncheckedTrackBackgroundColor: string;
889
- disabledUncheckedTrackBackgroundColorOnDark: string;
890
846
  disabledUncheckedThumbBackgroundColor: string;
891
- disabledUncheckedThumbBackgroundColorOnDark: string;
892
847
  disabledLabelFontColor: string;
893
- disabledLabelFontColorOnDark: string;
894
848
  disabledLabelFontStyle: string;
895
849
  labelFontFamily: string;
896
850
  labelFontSize: string;
897
851
  labelFontStyle: string;
898
852
  labelFontWeight: string;
899
853
  labelFontColor: string;
900
- labelFontColorOnDark: string;
901
854
  thumbFocusColor: string;
902
- thumbFocusColorOnDark: string;
903
855
  thumbHeight: string;
904
856
  thumbWidth: string;
905
857
  thumbShift: string;
@@ -922,8 +874,16 @@ declare const HalstackContext: React.Context<DeepPartial<{
922
874
  dataPaddingBottom: string;
923
875
  dataPaddingRight: string;
924
876
  dataPaddingLeft: string;
877
+ dataPaddingTopReduced: string;
878
+ dataPaddingBottomReduced: string;
879
+ dataPaddingRightReduced: string;
880
+ dataPaddingLeftReduced: string;
925
881
  dataTextAlign: string;
926
882
  dataTextLineHeight: string;
883
+ firstChildPaddingLeft: string;
884
+ lastChildPaddingRight: string;
885
+ firstChildPaddingLeftReduced: string;
886
+ lastChildPaddingRightReduced: string;
927
887
  headerBackgroundColor: string;
928
888
  headerBorderRadius: string;
929
889
  headerFontFamily: string;
@@ -936,11 +896,25 @@ declare const HalstackContext: React.Context<DeepPartial<{
936
896
  headerPaddingBottom: string;
937
897
  headerPaddingRight: string;
938
898
  headerPaddingLeft: string;
899
+ headerPaddingTopReduced: string;
900
+ headerPaddingBottomReduced: string;
901
+ headerPaddingRightReduced: string;
902
+ headerPaddingLeftReduced: string;
939
903
  headerTextAlign: string;
940
904
  headerTextLineHeight: string;
941
905
  scrollBarThumbColor: string;
942
906
  scrollBarTrackColor: string;
943
907
  sortIconColor: string;
908
+ actionIconColor: string;
909
+ disabledActionIconColor: string;
910
+ hoverActionIconColor: string;
911
+ focusActionIconColor: string;
912
+ activeActionIconColor: string;
913
+ actionBackgroundColor: string;
914
+ disabledActionBackgroundColor: string;
915
+ hoverActionBackgroundColor: string;
916
+ focusActionBorderColor: string;
917
+ activeActionBackgroundColor: string;
944
918
  };
945
919
  tabs: {
946
920
  fontFamily: string;
@@ -959,7 +933,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
959
933
  disabledFontColor: string;
960
934
  disabledIconColor: string;
961
935
  disabledFontStyle: string;
962
- disabledBadgeBackgroundColor: string;
963
936
  hoverBackgroundColor: string;
964
937
  pressedBackgroundColor: string;
965
938
  pressedFontWeight: string;
@@ -967,19 +940,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
967
940
  dividerThickness: string;
968
941
  focusOutline: string;
969
942
  scrollButtonsWidth: string;
970
- badgeBackgroundColor: string;
971
- badgeFontFamily: string;
972
- badgeFontSize: string;
973
- badgeFontStyle: string;
974
- badgeFontWeight: string;
975
- badgeFontColor: string;
976
- badgeLetterSpacing: string;
977
- badgeWidth: string;
978
- badgeHeight: string;
979
- badgeRadius: string;
980
- badgeWidthWithNotificationNumber: string;
981
- badgeHeightWithNotificationNumber: string;
982
- badgeRadiusWithNotificationNumber: string;
983
943
  };
984
944
  tag: {
985
945
  fontFamily: string;
@@ -1001,134 +961,93 @@ declare const HalstackContext: React.Context<DeepPartial<{
1001
961
  textarea: {
1002
962
  fontFamily: string;
1003
963
  enabledBorderColor: string;
1004
- enabledBorderColorOnDark: string;
1005
964
  hoverBorderColor: string;
1006
- hoverBorderColorOnDark: string;
1007
965
  focusBorderColor: string;
1008
- focusBorderColorOnDark: string;
1009
966
  disabledBorderColor: string;
1010
- disabledBorderColorOnDark: string;
1011
967
  disabledContainerFillColor: string;
1012
- disabledContainerFillColorOnDark: string;
1013
968
  readOnlyBorderColor: string;
1014
969
  hoverReadOnlyBorderColor: string;
1015
970
  errorBorderColor: string;
1016
- errorBorderColorOnDark: string;
1017
971
  hoverErrorBorderColor: string;
1018
- hoverErrorBorderColorOnDark: string;
1019
972
  inputMarginTop: string;
1020
973
  inputMarginBottom: string;
1021
974
  errorMessageColor: string;
1022
- errorMessageColorOnDark: string;
1023
975
  labelFontColor: string;
1024
- labelFontColorOnDark: string;
1025
976
  labelFontSize: string;
1026
977
  labelFontStyle: string;
1027
978
  labelFontWeight: string;
1028
979
  labelLineHeight: string;
1029
980
  disabledLabelFontColor: string;
1030
- disabledLabelFontColorOnDark: string;
1031
981
  optionalLabelFontWeight: string;
1032
982
  helperTextFontColor: string;
1033
- helperTextFontColorOnDark: string;
1034
983
  helperTextFontSize: string;
1035
984
  helperTextFontStyle: string;
1036
985
  helperTextFontWeight: string;
1037
986
  helperTextLineHeight: string;
1038
987
  disabledHelperTextFontColor: string;
1039
- disabledHelperTextFontColorOnDark: string;
1040
988
  placeholderFontColor: string;
1041
- placeholderFontColorOnDark: string;
1042
989
  disabledPlaceholderFontColor: string;
1043
- disabledPlaceholderFontColorOnDark: string;
1044
990
  valueFontColor: string;
1045
- valueFontColorOnDark: string;
1046
991
  valueFontSize: string;
1047
992
  valueFontStyle: string;
1048
993
  valueFontWeight: string;
1049
994
  disabledValueFontColor: string;
1050
- disabledValueFontColorOnDark: string;
1051
995
  };
1052
996
  textInput: {
1053
997
  fontFamily: string;
1054
998
  enabledBorderColor: string;
1055
- enabledBorderColorOnDark: string;
1056
999
  hoverBorderColor: string;
1057
- hoverBorderColorOnDark: string;
1058
1000
  focusBorderColor: string;
1059
- focusBorderColorOnDark: string;
1060
1001
  disabledBorderColor: string;
1061
- disabledBorderColorOnDark: string;
1062
1002
  disabledContainerFillColor: string;
1063
- disabledContainerFillColorOnDark: string;
1064
1003
  readOnlyBorderColor: string;
1065
1004
  hoverReadOnlyBorderColor: string;
1066
1005
  errorBorderColor: string;
1067
- errorBorderColorOnDark: string;
1068
1006
  hoverErrorBorderColor: string;
1069
- hoverErrorBorderColorOnDark: string;
1070
1007
  inputMarginTop: string;
1071
1008
  inputMarginBottom: string;
1072
1009
  errorMessageColor: string;
1073
- errorMessageColorOnDark: string;
1074
1010
  errorIconColor: string;
1075
- errorIconColorOnDark: string;
1076
1011
  labelFontColor: string;
1077
- labelFontColorOnDark: string;
1078
1012
  labelFontSize: string;
1079
1013
  labelFontStyle: string;
1080
1014
  labelFontWeight: string;
1081
1015
  labelLineHeight: string;
1082
1016
  disabledLabelFontColor: string;
1083
- disabledLabelFontColorOnDark: string;
1084
1017
  optionalLabelFontWeight: string;
1085
1018
  helperTextFontColor: string;
1086
- helperTextFontColorOnDark: string;
1087
1019
  helperTextFontSize: string;
1088
1020
  helperTextFontStyle: string;
1089
1021
  helperTextFontWeight: string;
1090
1022
  helperTextLineHeight: string;
1091
1023
  disabledHelperTextFontColor: string;
1092
- disabledHelperTextFontColorOnDark: string;
1093
1024
  prefixColor: string;
1094
- prefixColorOnDark: string;
1025
+ prefixDividerBorderWidth: string;
1026
+ prefixDividerBorderStyle: string;
1027
+ prefixDividerPaddingRight: string;
1095
1028
  suffixColor: string;
1096
- suffixColorOnDark: string;
1029
+ suffixDividerBorderStyle: string;
1030
+ suffixDividerBorderWidth: string;
1031
+ suffixDividerPaddingLeft: string;
1097
1032
  disabledPrefixColor: string;
1098
1033
  disabledSuffixColor: string;
1099
- disabledPrefixColorOnDark: string;
1100
- disabledSuffixColorOnDark: string;
1101
1034
  placeholderFontColor: string;
1102
- placeholderFontColorOnDark: string;
1103
1035
  disabledPlaceholderFontColor: string;
1104
- disabledPlaceholderFontColorOnDark: string;
1105
1036
  valueFontColor: string;
1106
- valueFontColorOnDark: string;
1107
1037
  valueFontSize: string;
1108
1038
  valueFontStyle: string;
1109
1039
  valueFontWeight: string;
1110
1040
  disabledValueFontColor: string;
1111
- disabledValueFontColorOnDark: string;
1112
1041
  actionIconColor: string;
1113
- actionIconColorOnDark: string;
1114
1042
  disabledActionIconColor: string;
1115
- disabledActionIconColorOnDark: string;
1116
1043
  hoverActionIconColor: string;
1117
- hoverActionIconColorOnDark: string;
1118
1044
  focusActionIconColor: string;
1119
- focusActionIconColorOnDark: string;
1120
1045
  activeActionIconColor: string;
1121
- activeActionIconColorOnDark: string;
1122
1046
  actionBackgroundColor: string;
1123
- actionBackgroundColorOnDark: string;
1124
1047
  disabledActionBackgroundColor: string;
1125
- disabledActionBackgroundColorOnDark: string;
1126
1048
  hoverActionBackgroundColor: string;
1127
- hoverActionBackgroundColorOnDark: string;
1128
1049
  focusActionBorderColor: string;
1129
- focusActionBorderColorOnDark: string;
1130
1050
  activeActionBackgroundColor: string;
1131
- activeActionBackgroundColorOnDark: string;
1132
1051
  listDialogBackgroundColor: string;
1133
1052
  listDialogBorderColor: string;
1134
1053
  listOptionDividerColor: string;
@@ -1272,6 +1191,17 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
1272
1191
  warningTitleText: string;
1273
1192
  errorTitleText: string;
1274
1193
  };
1194
+ barChart: {
1195
+ ariaLabel: string;
1196
+ filterLabel: string;
1197
+ filterPlaceholder: string;
1198
+ loadingDataMessage: string;
1199
+ noDataMessageBody: string;
1200
+ noDataMessageTitle: string;
1201
+ noMatchesMessageBody: string;
1202
+ noMatchesMessageTitle: string;
1203
+ retryButtonLabel: string;
1204
+ };
1275
1205
  dateInput: {
1276
1206
  invalidDateErrorMessage: string;
1277
1207
  };
@@ -1342,10 +1272,10 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
1342
1272
  * This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
1343
1273
  * This is an extension of the already existing Partial type, which only allows one level of partiality.
1344
1274
  */
1345
- declare type DeepPartial<T> = {
1275
+ type DeepPartial<T> = {
1346
1276
  [P in keyof T]?: Partial<T[P]>;
1347
1277
  };
1348
- declare type HalstackProviderPropsType = {
1278
+ type HalstackProviderPropsType = {
1349
1279
  theme?: DeepPartial<OpinionatedTheme>;
1350
1280
  advancedTheme?: DeepPartial<AdvancedTheme>;
1351
1281
  labels?: DeepPartial<TranslatedLabels>;