@dxc-technology/halstack-react 0.0.0-4bc8a44 → 0.0.0-4c0fd86

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 (460) hide show
  1. package/BackgroundColorContext.d.ts +1 -10
  2. package/BackgroundColorContext.js +4 -21
  3. package/HalstackContext.d.ts +77 -144
  4. package/HalstackContext.js +41 -56
  5. package/README.md +47 -0
  6. package/accordion/Accordion.accessibility.test.d.ts +1 -0
  7. package/accordion/Accordion.accessibility.test.js +71 -0
  8. package/accordion/Accordion.d.ts +1 -1
  9. package/accordion/Accordion.js +35 -101
  10. package/accordion/Accordion.stories.tsx +8 -162
  11. package/accordion/Accordion.test.d.ts +1 -0
  12. package/accordion/Accordion.test.js +19 -34
  13. package/accordion/types.d.ts +6 -18
  14. package/accordion-group/AccordionGroup.accessibility.test.d.ts +1 -0
  15. package/accordion-group/AccordionGroup.accessibility.test.js +82 -0
  16. package/accordion-group/AccordionGroup.d.ts +2 -2
  17. package/accordion-group/AccordionGroup.js +27 -75
  18. package/accordion-group/AccordionGroup.stories.tsx +78 -77
  19. package/accordion-group/AccordionGroup.test.d.ts +1 -0
  20. package/accordion-group/AccordionGroup.test.js +42 -74
  21. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  22. package/accordion-group/AccordionGroupAccordion.js +31 -0
  23. package/accordion-group/AccordionGroupContext.d.ts +3 -0
  24. package/accordion-group/AccordionGroupContext.js +8 -0
  25. package/accordion-group/types.d.ts +7 -19
  26. package/action-icon/ActionIcon.accessibility.test.d.ts +1 -0
  27. package/action-icon/ActionIcon.accessibility.test.js +63 -0
  28. package/action-icon/ActionIcon.d.ts +4 -0
  29. package/action-icon/ActionIcon.js +48 -0
  30. package/action-icon/ActionIcon.stories.tsx +41 -0
  31. package/action-icon/ActionIcon.test.d.ts +1 -0
  32. package/action-icon/ActionIcon.test.js +64 -0
  33. package/action-icon/types.d.ts +26 -0
  34. package/alert/Alert.accessibility.test.d.ts +1 -0
  35. package/alert/Alert.accessibility.test.js +95 -0
  36. package/alert/Alert.js +34 -120
  37. package/alert/Alert.test.d.ts +1 -0
  38. package/alert/Alert.test.js +29 -46
  39. package/alert/types.d.ts +5 -5
  40. package/badge/Badge.accessibility.test.d.ts +1 -0
  41. package/badge/Badge.accessibility.test.js +129 -0
  42. package/badge/Badge.d.ts +1 -1
  43. package/badge/Badge.js +142 -42
  44. package/badge/Badge.stories.tsx +210 -0
  45. package/badge/Badge.test.d.ts +1 -0
  46. package/badge/Badge.test.js +30 -0
  47. package/badge/types.d.ts +52 -3
  48. package/bleed/Bleed.js +13 -21
  49. package/bleed/types.d.ts +2 -2
  50. package/box/Box.accessibility.test.d.ts +1 -0
  51. package/box/Box.accessibility.test.js +33 -0
  52. package/box/Box.d.ts +1 -1
  53. package/box/Box.js +16 -55
  54. package/box/Box.stories.tsx +25 -53
  55. package/box/Box.test.d.ts +1 -0
  56. package/box/Box.test.js +2 -7
  57. package/box/types.d.ts +3 -15
  58. package/breadcrumbs/Breadcrumbs.accessibility.test.d.ts +1 -0
  59. package/breadcrumbs/Breadcrumbs.accessibility.test.js +96 -0
  60. package/breadcrumbs/Breadcrumbs.d.ts +4 -0
  61. package/breadcrumbs/Breadcrumbs.js +79 -0
  62. package/breadcrumbs/Breadcrumbs.stories.tsx +194 -0
  63. package/breadcrumbs/Breadcrumbs.test.d.ts +1 -0
  64. package/breadcrumbs/Breadcrumbs.test.js +168 -0
  65. package/breadcrumbs/Item.d.ts +4 -0
  66. package/breadcrumbs/Item.js +52 -0
  67. package/breadcrumbs/dropdownTheme.d.ts +53 -0
  68. package/breadcrumbs/dropdownTheme.js +62 -0
  69. package/breadcrumbs/types.d.ts +40 -0
  70. package/bulleted-list/BulletedList.accessibility.test.d.ts +1 -0
  71. package/bulleted-list/BulletedList.accessibility.test.js +119 -0
  72. package/bulleted-list/BulletedList.js +22 -55
  73. package/bulleted-list/BulletedList.stories.tsx +2 -93
  74. package/bulleted-list/types.d.ts +5 -5
  75. package/button/Button.accessibility.test.d.ts +1 -0
  76. package/button/Button.accessibility.test.js +127 -0
  77. package/button/Button.d.ts +1 -1
  78. package/button/Button.js +68 -100
  79. package/button/Button.stories.tsx +35 -135
  80. package/button/Button.test.d.ts +1 -0
  81. package/button/Button.test.js +20 -17
  82. package/button/types.d.ts +9 -5
  83. package/card/Card.accessibility.test.d.ts +1 -0
  84. package/card/Card.accessibility.test.js +36 -0
  85. package/card/Card.d.ts +1 -1
  86. package/card/Card.js +40 -79
  87. package/card/Card.stories.tsx +1 -30
  88. package/card/Card.test.d.ts +1 -0
  89. package/card/Card.test.js +11 -22
  90. package/card/types.d.ts +6 -12
  91. package/checkbox/Checkbox.accessibility.test.d.ts +1 -0
  92. package/checkbox/Checkbox.accessibility.test.js +87 -0
  93. package/checkbox/Checkbox.js +88 -126
  94. package/checkbox/Checkbox.stories.tsx +16 -54
  95. package/checkbox/Checkbox.test.d.ts +1 -0
  96. package/checkbox/Checkbox.test.js +108 -64
  97. package/checkbox/types.d.ts +8 -4
  98. package/chip/Chip.accessibility.test.d.ts +1 -0
  99. package/chip/Chip.accessibility.test.js +67 -0
  100. package/chip/Chip.js +22 -36
  101. package/chip/Chip.stories.tsx +6 -25
  102. package/chip/Chip.test.d.ts +1 -0
  103. package/chip/Chip.test.js +18 -31
  104. package/chip/types.d.ts +4 -4
  105. package/common/coreTokens.d.ts +105 -15
  106. package/common/coreTokens.js +41 -25
  107. package/common/utils.js +2 -8
  108. package/common/variables.d.ts +83 -144
  109. package/common/variables.js +153 -227
  110. package/container/Container.d.ts +4 -0
  111. package/container/Container.js +194 -0
  112. package/container/Container.stories.tsx +214 -0
  113. package/container/types.d.ts +176 -0
  114. package/container/types.js +5 -0
  115. package/contextual-menu/ContextualMenu.accessibility.test.d.ts +1 -0
  116. package/contextual-menu/ContextualMenu.accessibility.test.js +98 -0
  117. package/contextual-menu/ContextualMenu.d.ts +5 -0
  118. package/contextual-menu/ContextualMenu.js +136 -0
  119. package/contextual-menu/ContextualMenu.stories.tsx +231 -0
  120. package/contextual-menu/ContextualMenu.test.d.ts +1 -0
  121. package/contextual-menu/ContextualMenu.test.js +247 -0
  122. package/contextual-menu/GroupItem.d.ts +4 -0
  123. package/contextual-menu/GroupItem.js +67 -0
  124. package/contextual-menu/ItemAction.d.ts +4 -0
  125. package/contextual-menu/ItemAction.js +88 -0
  126. package/contextual-menu/MenuItem.d.ts +4 -0
  127. package/contextual-menu/MenuItem.js +29 -0
  128. package/contextual-menu/SingleItem.d.ts +4 -0
  129. package/contextual-menu/SingleItem.js +38 -0
  130. package/contextual-menu/types.d.ts +65 -0
  131. package/contextual-menu/types.js +5 -0
  132. package/date-input/Calendar.js +59 -87
  133. package/date-input/DateInput.accessibility.test.d.ts +1 -0
  134. package/date-input/DateInput.accessibility.test.js +229 -0
  135. package/date-input/DateInput.js +70 -111
  136. package/date-input/DateInput.stories.tsx +22 -35
  137. package/date-input/DateInput.test.d.ts +1 -0
  138. package/date-input/DateInput.test.js +675 -702
  139. package/date-input/DatePicker.js +23 -48
  140. package/date-input/YearPicker.js +17 -38
  141. package/date-input/types.d.ts +28 -22
  142. package/dialog/Dialog.accessibility.test.d.ts +1 -0
  143. package/dialog/Dialog.accessibility.test.js +69 -0
  144. package/dialog/Dialog.d.ts +1 -1
  145. package/dialog/Dialog.js +23 -79
  146. package/dialog/Dialog.stories.tsx +219 -169
  147. package/dialog/Dialog.test.d.ts +1 -0
  148. package/dialog/Dialog.test.js +216 -215
  149. package/dialog/types.d.ts +18 -26
  150. package/divider/Divider.accessibility.test.d.ts +1 -0
  151. package/divider/Divider.accessibility.test.js +33 -0
  152. package/divider/Divider.d.ts +4 -0
  153. package/divider/Divider.js +36 -0
  154. package/divider/Divider.stories.tsx +224 -0
  155. package/divider/Divider.test.d.ts +1 -0
  156. package/divider/Divider.test.js +38 -0
  157. package/divider/types.d.ts +21 -0
  158. package/divider/types.js +5 -0
  159. package/dropdown/Dropdown.accessibility.test.d.ts +1 -0
  160. package/dropdown/Dropdown.accessibility.test.js +183 -0
  161. package/dropdown/Dropdown.js +67 -135
  162. package/dropdown/Dropdown.stories.tsx +16 -27
  163. package/dropdown/Dropdown.test.d.ts +1 -0
  164. package/dropdown/Dropdown.test.js +434 -392
  165. package/dropdown/DropdownMenu.js +12 -23
  166. package/dropdown/DropdownMenuItem.js +13 -21
  167. package/dropdown/types.d.ts +20 -24
  168. package/file-input/FileInput.accessibility.test.d.ts +1 -0
  169. package/file-input/FileInput.accessibility.test.js +167 -0
  170. package/file-input/FileInput.js +177 -286
  171. package/file-input/FileInput.stories.tsx +1 -1
  172. package/file-input/FileInput.test.d.ts +1 -0
  173. package/file-input/FileInput.test.js +303 -356
  174. package/file-input/FileItem.js +30 -67
  175. package/file-input/types.d.ts +9 -13
  176. package/flex/Flex.js +25 -39
  177. package/flex/types.d.ts +6 -6
  178. package/footer/Footer.accessibility.test.d.ts +1 -0
  179. package/footer/Footer.accessibility.test.js +125 -0
  180. package/footer/Footer.d.ts +1 -1
  181. package/footer/Footer.js +72 -115
  182. package/footer/Footer.stories.tsx +77 -97
  183. package/footer/Footer.test.d.ts +1 -0
  184. package/footer/Footer.test.js +22 -34
  185. package/footer/Icons.d.ts +3 -2
  186. package/footer/Icons.js +53 -22
  187. package/footer/types.d.ts +26 -28
  188. package/grid/Grid.d.ts +1 -1
  189. package/grid/Grid.js +2 -17
  190. package/grid/Grid.stories.tsx +41 -39
  191. package/grid/types.d.ts +10 -10
  192. package/header/Header.accessibility.test.d.ts +1 -0
  193. package/header/Header.accessibility.test.js +94 -0
  194. package/header/Header.d.ts +2 -2
  195. package/header/Header.js +41 -134
  196. package/header/Header.stories.tsx +24 -72
  197. package/header/Header.test.d.ts +1 -0
  198. package/header/Header.test.js +13 -26
  199. package/header/Icons.d.ts +2 -2
  200. package/header/Icons.js +3 -13
  201. package/header/types.d.ts +7 -22
  202. package/heading/Heading.accessibility.test.d.ts +1 -0
  203. package/heading/Heading.accessibility.test.js +33 -0
  204. package/heading/Heading.js +9 -31
  205. package/heading/Heading.test.d.ts +1 -0
  206. package/heading/Heading.test.js +65 -95
  207. package/heading/types.d.ts +7 -7
  208. package/icon/Icon.accessibility.test.d.ts +1 -0
  209. package/icon/Icon.accessibility.test.js +30 -0
  210. package/icon/Icon.d.ts +4 -0
  211. package/icon/Icon.js +33 -0
  212. package/icon/Icon.stories.tsx +28 -0
  213. package/icon/types.d.ts +4 -0
  214. package/icon/types.js +5 -0
  215. package/image/Image.accessibility.test.d.ts +1 -0
  216. package/image/Image.accessibility.test.js +56 -0
  217. package/image/Image.d.ts +4 -0
  218. package/image/Image.js +70 -0
  219. package/image/Image.stories.tsx +129 -0
  220. package/image/types.d.ts +72 -0
  221. package/image/types.js +5 -0
  222. package/inset/Inset.js +13 -21
  223. package/inset/types.d.ts +2 -2
  224. package/layout/ApplicationLayout.d.ts +3 -3
  225. package/layout/ApplicationLayout.js +35 -69
  226. package/layout/ApplicationLayout.stories.tsx +1 -1
  227. package/layout/Icons.d.ts +7 -5
  228. package/layout/Icons.js +41 -59
  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 +9 -4
  238. package/main.js +46 -59
  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 +2 -3
  242. package/nav-tabs/NavTabs.js +39 -56
  243. package/nav-tabs/NavTabs.stories.tsx +57 -23
  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 +53 -86
  249. package/nav-tabs/types.d.ts +15 -16
  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.js +50 -37
  253. package/number-input/NumberInput.stories.tsx +37 -26
  254. package/number-input/NumberInput.test.d.ts +1 -0
  255. package/number-input/NumberInput.test.js +859 -413
  256. package/number-input/NumberInputContext.d.ts +3 -4
  257. package/number-input/NumberInputContext.js +3 -14
  258. package/number-input/types.d.ts +17 -5
  259. package/package.json +48 -41
  260. package/paginator/Paginator.accessibility.test.d.ts +1 -0
  261. package/paginator/Paginator.accessibility.test.js +78 -0
  262. package/paginator/Paginator.js +28 -53
  263. package/paginator/Paginator.test.d.ts +1 -0
  264. package/paginator/Paginator.test.js +231 -202
  265. package/paginator/types.d.ts +3 -3
  266. package/paragraph/Paragraph.accessibility.test.d.ts +1 -0
  267. package/paragraph/Paragraph.accessibility.test.js +28 -0
  268. package/paragraph/Paragraph.js +3 -19
  269. package/paragraph/Paragraph.stories.tsx +0 -17
  270. package/password-input/PasswordInput.accessibility.test.d.ts +1 -0
  271. package/password-input/PasswordInput.accessibility.test.js +152 -0
  272. package/password-input/PasswordInput.js +62 -128
  273. package/password-input/PasswordInput.stories.tsx +11 -34
  274. package/password-input/PasswordInput.test.d.ts +1 -0
  275. package/password-input/PasswordInput.test.js +157 -141
  276. package/password-input/types.d.ts +8 -7
  277. package/progress-bar/ProgressBar.accessibility.test.d.ts +1 -0
  278. package/progress-bar/ProgressBar.accessibility.test.js +35 -0
  279. package/progress-bar/ProgressBar.js +26 -56
  280. package/progress-bar/{ProgressBar.stories.jsx → ProgressBar.stories.tsx} +1 -1
  281. package/progress-bar/ProgressBar.test.d.ts +1 -0
  282. package/progress-bar/ProgressBar.test.js +36 -53
  283. package/progress-bar/types.d.ts +3 -3
  284. package/quick-nav/QuickNav.accessibility.test.d.ts +1 -0
  285. package/quick-nav/QuickNav.accessibility.test.js +57 -0
  286. package/quick-nav/QuickNav.js +4 -27
  287. package/quick-nav/QuickNav.stories.tsx +1 -1
  288. package/quick-nav/types.d.ts +10 -10
  289. package/radio-group/Radio.d.ts +1 -1
  290. package/radio-group/Radio.js +31 -66
  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 +48 -98
  294. package/radio-group/RadioGroup.stories.tsx +10 -10
  295. package/radio-group/RadioGroup.test.d.ts +1 -0
  296. package/radio-group/RadioGroup.test.js +505 -473
  297. package/radio-group/types.d.ts +8 -8
  298. package/resultset-table/Icons.d.ts +7 -0
  299. package/{resultsetTable → resultset-table}/Icons.js +1 -5
  300. package/resultset-table/ResultsetTable.accessibility.test.d.ts +1 -0
  301. package/resultset-table/ResultsetTable.accessibility.test.js +284 -0
  302. package/resultset-table/ResultsetTable.d.ts +7 -0
  303. package/{resultsetTable → resultset-table}/ResultsetTable.js +74 -74
  304. package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +119 -6
  305. package/resultset-table/ResultsetTable.test.d.ts +1 -0
  306. package/resultset-table/ResultsetTable.test.js +450 -0
  307. package/{resultsetTable → resultset-table}/types.d.ts +44 -11
  308. package/resultset-table/types.js +5 -0
  309. package/select/Listbox.js +36 -54
  310. package/select/Option.js +28 -36
  311. package/select/Select.accessibility.test.d.ts +1 -0
  312. package/select/Select.accessibility.test.js +227 -0
  313. package/select/Select.js +114 -178
  314. package/select/Select.stories.tsx +70 -113
  315. package/select/Select.test.d.ts +1 -0
  316. package/select/Select.test.js +1900 -1861
  317. package/select/types.d.ts +15 -16
  318. package/sidenav/Sidenav.accessibility.test.d.ts +1 -0
  319. package/sidenav/Sidenav.accessibility.test.js +59 -0
  320. package/sidenav/Sidenav.js +44 -81
  321. package/sidenav/Sidenav.stories.tsx +5 -10
  322. package/sidenav/Sidenav.test.d.ts +1 -0
  323. package/sidenav/Sidenav.test.js +4 -11
  324. package/{layout → sidenav}/SidenavContext.d.ts +1 -1
  325. package/{layout → sidenav}/SidenavContext.js +3 -9
  326. package/sidenav/types.d.ts +20 -20
  327. package/slider/Slider.accessibility.test.d.ts +1 -0
  328. package/slider/Slider.accessibility.test.js +103 -0
  329. package/slider/Slider.js +66 -125
  330. package/slider/Slider.stories.tsx +0 -60
  331. package/slider/Slider.test.d.ts +1 -0
  332. package/slider/Slider.test.js +118 -112
  333. package/slider/types.d.ts +4 -4
  334. package/spinner/Spinner.accessibility.test.d.ts +1 -0
  335. package/spinner/Spinner.accessibility.test.js +96 -0
  336. package/spinner/Spinner.js +21 -55
  337. package/spinner/Spinner.test.d.ts +1 -0
  338. package/spinner/Spinner.test.js +26 -35
  339. package/spinner/types.d.ts +3 -3
  340. package/status-light/StatusLight.accessibility.test.d.ts +1 -0
  341. package/status-light/StatusLight.accessibility.test.js +157 -0
  342. package/status-light/StatusLight.d.ts +4 -0
  343. package/status-light/StatusLight.js +51 -0
  344. package/status-light/StatusLight.stories.tsx +74 -0
  345. package/status-light/StatusLight.test.d.ts +1 -0
  346. package/status-light/StatusLight.test.js +25 -0
  347. package/status-light/types.d.ts +17 -0
  348. package/status-light/types.js +5 -0
  349. package/switch/Switch.accessibility.test.d.ts +1 -0
  350. package/switch/Switch.accessibility.test.js +98 -0
  351. package/switch/Switch.js +49 -100
  352. package/switch/Switch.stories.tsx +12 -34
  353. package/switch/Switch.test.d.ts +1 -0
  354. package/switch/Switch.test.js +52 -97
  355. package/switch/types.d.ts +4 -4
  356. package/table/DropdownTheme.js +62 -0
  357. package/table/Table.accessibility.test.d.ts +1 -0
  358. package/table/Table.accessibility.test.js +92 -0
  359. package/table/Table.d.ts +6 -2
  360. package/table/Table.js +76 -33
  361. package/table/{Table.stories.jsx → Table.stories.tsx} +309 -2
  362. package/table/Table.test.d.ts +1 -0
  363. package/table/Table.test.js +92 -7
  364. package/table/types.d.ts +34 -6
  365. package/tabs/Tab.js +22 -37
  366. package/tabs/Tabs.accessibility.test.d.ts +1 -0
  367. package/tabs/Tabs.accessibility.test.js +56 -0
  368. package/tabs/Tabs.js +59 -147
  369. package/tabs/Tabs.stories.tsx +8 -4
  370. package/tabs/Tabs.test.d.ts +1 -0
  371. package/tabs/Tabs.test.js +58 -132
  372. package/tabs/types.d.ts +21 -21
  373. package/tag/Tag.accessibility.test.d.ts +1 -0
  374. package/tag/Tag.accessibility.test.js +69 -0
  375. package/tag/Tag.js +27 -57
  376. package/tag/Tag.stories.tsx +5 -8
  377. package/tag/Tag.test.d.ts +1 -0
  378. package/tag/Tag.test.js +18 -37
  379. package/tag/types.d.ts +9 -9
  380. package/text-input/Suggestion.js +9 -26
  381. package/text-input/Suggestions.d.ts +1 -1
  382. package/text-input/Suggestions.js +30 -70
  383. package/text-input/TextInput.accessibility.test.d.ts +1 -0
  384. package/text-input/TextInput.accessibility.test.js +320 -0
  385. package/text-input/TextInput.js +224 -326
  386. package/text-input/TextInput.stories.tsx +68 -160
  387. package/text-input/TextInput.test.d.ts +1 -0
  388. package/text-input/TextInput.test.js +1227 -1195
  389. package/text-input/types.d.ts +25 -17
  390. package/textarea/Textarea.accessibility.test.d.ts +1 -0
  391. package/textarea/Textarea.accessibility.test.js +155 -0
  392. package/textarea/Textarea.js +64 -105
  393. package/textarea/{Textarea.stories.jsx → Textarea.stories.tsx} +58 -100
  394. package/textarea/Textarea.test.d.ts +1 -0
  395. package/textarea/Textarea.test.js +151 -180
  396. package/textarea/types.d.ts +9 -5
  397. package/toggle-group/ToggleGroup.accessibility.test.d.ts +1 -0
  398. package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
  399. package/toggle-group/ToggleGroup.js +90 -109
  400. package/toggle-group/ToggleGroup.stories.tsx +11 -8
  401. package/toggle-group/ToggleGroup.test.d.ts +1 -0
  402. package/toggle-group/ToggleGroup.test.js +69 -88
  403. package/toggle-group/types.d.ts +28 -19
  404. package/tooltip/Tooltip.accessibility.test.d.ts +1 -0
  405. package/tooltip/Tooltip.accessibility.test.js +144 -0
  406. package/tooltip/Tooltip.d.ts +4 -0
  407. package/tooltip/Tooltip.js +50 -0
  408. package/tooltip/Tooltip.stories.tsx +111 -0
  409. package/tooltip/Tooltip.test.d.ts +1 -0
  410. package/tooltip/Tooltip.test.js +112 -0
  411. package/tooltip/types.d.ts +16 -0
  412. package/tooltip/types.js +5 -0
  413. package/typography/Typography.accessibility.test.d.ts +1 -0
  414. package/typography/Typography.accessibility.test.js +339 -0
  415. package/typography/Typography.js +4 -13
  416. package/typography/Typography.stories.tsx +1 -3
  417. package/typography/Typography.test.js +23 -0
  418. package/typography/types.d.ts +1 -1
  419. package/useTheme.d.ts +74 -141
  420. package/useTheme.js +1 -8
  421. package/useTranslatedLabels.js +1 -7
  422. package/utils/BaseTypography.d.ts +2 -2
  423. package/utils/BaseTypography.js +60 -70
  424. package/utils/FocusLock.js +26 -39
  425. package/wizard/Wizard.accessibility.test.d.ts +1 -0
  426. package/wizard/Wizard.accessibility.test.js +55 -0
  427. package/wizard/Wizard.js +27 -73
  428. package/wizard/Wizard.stories.tsx +20 -1
  429. package/wizard/Wizard.test.d.ts +1 -0
  430. package/wizard/Wizard.test.js +54 -81
  431. package/wizard/types.d.ts +8 -8
  432. package/card/ice-cream.jpg +0 -0
  433. package/common/OpenSans.css +0 -69
  434. package/common/fonts/OpenSans-Bold.ttf +0 -0
  435. package/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  436. package/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  437. package/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  438. package/common/fonts/OpenSans-Italic.ttf +0 -0
  439. package/common/fonts/OpenSans-Light.ttf +0 -0
  440. package/common/fonts/OpenSans-LightItalic.ttf +0 -0
  441. package/common/fonts/OpenSans-Regular.ttf +0 -0
  442. package/common/fonts/OpenSans-SemiBold.ttf +0 -0
  443. package/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  444. package/date-input/Icons.d.ts +0 -6
  445. package/date-input/Icons.js +0 -75
  446. package/number-input/numberInputContextTypes.d.ts +0 -19
  447. package/paginator/Icons.d.ts +0 -5
  448. package/paginator/Icons.js +0 -54
  449. package/resultsetTable/Icons.d.ts +0 -7
  450. package/resultsetTable/ResultsetTable.d.ts +0 -4
  451. package/resultsetTable/ResultsetTable.test.js +0 -325
  452. package/select/Icons.d.ts +0 -10
  453. package/select/Icons.js +0 -93
  454. package/sidenav/Icons.d.ts +0 -7
  455. package/sidenav/Icons.js +0 -51
  456. package/text-input/Icons.d.ts +0 -8
  457. package/text-input/Icons.js +0 -60
  458. /package/{resultsetTable → action-icon}/types.js +0 -0
  459. /package/{number-input/numberInputContextTypes.js → breadcrumbs/types.js} +0 -0
  460. /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,30 +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;
176
+ readOnlyBackgroundColorChecked: string;
177
+ hoverReadOnlyBackgroundColorChecked: string;
202
178
  borderColor: string;
203
- borderColorOnDark: string;
204
179
  hoverBorderColor: string;
205
- hoverBorderColorOnDark: string;
206
180
  disabledBorderColor: string;
207
- disabledBorderColorOnDark: string;
181
+ readOnlyBorderColor: string;
182
+ hoverReadOnlyBorderColor: string;
208
183
  checkColor: string;
209
- checkColorOnDark: string;
210
184
  disabledCheckColor: string;
211
- disabledCheckColorOnDark: string;
185
+ readOnlyCheckColor: string;
212
186
  fontFamily: string;
213
187
  fontSize: string;
214
188
  fontWeight: string;
215
189
  fontColor: string;
216
- fontColorOnDark: string;
217
190
  disabledFontColor: string;
218
- disabledFontColorOnDark: string;
219
191
  focusColor: string;
220
- focusColorOnDark: string;
221
192
  checkLabelSpacing: string;
222
193
  };
223
194
  chip: {
@@ -248,6 +219,29 @@ declare const HalstackContext: React.Context<DeepPartial<{
248
219
  focusBorderThickness: string;
249
220
  focusBorderRadius: string;
250
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
+ };
251
245
  dateInput: {
252
246
  pickerBackgroundColor: string;
253
247
  pickerFontColor: string;
@@ -282,8 +276,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
282
276
  dialog: {
283
277
  overlayColor: string;
284
278
  backgroundColor: string;
285
- closeIconWidth: string;
286
- closeIconHeight: string;
279
+ closeIconSize: string;
287
280
  closeIconTopPosition: string;
288
281
  closeIconRightPosition: string;
289
282
  closeIconBackgroundColor: string;
@@ -313,9 +306,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
313
306
  buttonPaddingBottom: string;
314
307
  buttonPaddingLeft: string;
315
308
  buttonPaddingRight: string;
309
+ buttonHeight: string;
310
+ buttonBorderRadius: string;
311
+ buttonBorderStyle: string;
312
+ buttonBorderThickness: string;
313
+ buttonBorderColor: string;
316
314
  disabledColor: string;
317
315
  disabledButtonBackgroundColor: string;
318
- disabledBorderColor: string;
316
+ disabledButtonBorderColor: string;
319
317
  optionBackgroundColor: string;
320
318
  hoverOptionBackgroundColor: string;
321
319
  activeOptionBackgroundColor: string;
@@ -355,7 +353,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
355
353
  focusDropBorderColor: string;
356
354
  disabledDropBorderColor: string;
357
355
  dragoverDropBackgroundColor: string;
358
- activeFileItemIconBackgrounColor: string;
359
356
  errorFileItemBorderColor: string;
360
357
  errorFileItemBackgroundColor: string;
361
358
  errorFilePreviewBackgroundColor: string;
@@ -451,7 +448,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
451
448
  underlinedThickness: string;
452
449
  underlinedStyle: string;
453
450
  contentColor: string;
454
- contentColorOnDark: string;
455
451
  };
456
452
  heading: {
457
453
  level1FontColor: string;
@@ -490,6 +486,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
490
486
  level5LineHeight: string;
491
487
  level5LetterSpacing: string;
492
488
  };
489
+ image: {
490
+ captionFontColor: string;
491
+ captionFontFamily: string;
492
+ captionFontSize: string;
493
+ captionFontStyle: string;
494
+ captionFontWeight: string;
495
+ captionLineHeight: string;
496
+ };
493
497
  link: {
494
498
  fontColor: string;
495
499
  fontFamily: string;
@@ -549,32 +553,27 @@ declare const HalstackContext: React.Context<DeepPartial<{
549
553
  totalItemsContainerMarginLeft: string;
550
554
  };
551
555
  paragraph: {
552
- fontColor: string;
553
- fontColorOnDark: string;
554
556
  display: string;
557
+ fontColor: string;
555
558
  fontSize: string;
556
559
  fontWeight: string;
557
560
  };
558
561
  progressBar: {
559
562
  trackLineColor: string;
560
- trackLineColorOnDark: string;
561
563
  totalLineColor: string;
562
564
  labelFontFamily: string;
563
565
  labelFontSize: string;
564
566
  labelFontStyle: string;
565
567
  labelFontWeight: string;
566
568
  labelFontColor: string;
567
- labelFontColorOnDark: string;
568
569
  labelFontTextTransform: string;
569
570
  valueFontFamily: string;
570
571
  valueFontSize: string;
571
572
  valueFontStyle: string;
572
573
  valueFontWeight: string;
573
574
  valueFontColor: string;
574
- valueFontColorOnDark: string;
575
575
  valueFontTextTransform: string;
576
576
  helperTextFontColor: string;
577
- helperTextFontColorOnDark: string;
578
577
  helperTextFontSize: string;
579
578
  helperTextFontStyle: string;
580
579
  helperTextFontWeight: string;
@@ -610,9 +609,9 @@ declare const HalstackContext: React.Context<DeepPartial<{
610
609
  errorRadioInputColor: string;
611
610
  hoverErrorRadioInputColor: string;
612
611
  activeErrorRadioInputColor: string;
613
- readonlyRadioInputColor: string;
614
- hoverReadonlyRadioInputColor: string;
615
- activeReadonlyRadioInputColor: string;
612
+ readOnlyRadioInputColor: string;
613
+ hoverReadOnlyRadioInputColor: string;
614
+ activeReadOnlyRadioInputColor: string;
616
615
  disabledRadioInputColor: string;
617
616
  disabledLabelFontColor: string;
618
617
  disabledHelperTextFontColor: string;
@@ -752,7 +751,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
752
751
  slider: {
753
752
  fontFamily: string;
754
753
  limitValuesFontColor: string;
755
- limitValuesFontColorOnDark: string;
756
754
  limitValuesFontSize: string;
757
755
  limitValuesFontStyle: string;
758
756
  limitValuesFontWeight: string;
@@ -769,15 +767,10 @@ declare const HalstackContext: React.Context<DeepPartial<{
769
767
  helperTextFontWeight: string;
770
768
  helperTextLineHeight: string;
771
769
  fontColor: string;
772
- fontColorOnDark: string;
773
770
  labelFontColor: string;
774
- labelFontColorOnDark: string;
775
771
  helperTextFontColor: string;
776
- helperTextFontColorOnDark: string;
777
772
  disabledLabelFontColor: string;
778
- disabledLabelFontColorOnDark: string;
779
773
  disabledHelperTextFontColor: string;
780
- disabledHelperTextFontColorOnDark: string;
781
774
  thumbHeight: string;
782
775
  thumbWidth: string;
783
776
  hoverThumbHeight: string;
@@ -785,40 +778,28 @@ declare const HalstackContext: React.Context<DeepPartial<{
785
778
  thumbVerticalPosition: string;
786
779
  hoverThumbVerticalPosition: string;
787
780
  thumbBackgroundColor: string;
788
- thumbBackgroundColorOnDark: string;
789
781
  hoverThumbScale: string;
790
782
  hoverThumbBackgroundColor: string;
791
- hoverThumbBackgroundColorOnDark: string;
792
783
  activeThumbScale: string;
793
784
  activeThumbBackgroundColor: string;
794
- activeThumbBackgroundColorOnDark: string;
795
785
  focusThumbBackgroundColor: string;
796
- focusThumbBackgroundColorOnDark: string;
797
786
  tickHeight: string;
798
787
  tickWidth: string;
799
788
  tickVerticalPosition: string;
800
789
  tickBackgroundColor: string;
801
- tickBackgroundColorOnDark: string;
802
790
  trackLineThickness: string;
803
791
  trackLineVerticalPosition: string;
804
792
  trackLineColor: string;
805
- trackLineColorOnDark: string;
806
793
  totalLineThickness: string;
807
794
  totalLineVerticalPosition: string;
808
795
  totalLineColor: string;
809
- totalLineColorOnDark: string;
810
796
  disabledThumbVerticalPosition: string;
811
797
  disabledThumbBackgroundColor: string;
812
- disabledThumbBackgroundColorOnDark: string;
813
798
  disabledTickVerticalPosition: string;
814
799
  disabledTickBackgroundColor: string;
815
- disabledTickBackgroundColorOnDark: string;
816
800
  disabledTrackLineColor: string;
817
- disabledTrackLineColorOnDark: string;
818
801
  disabledTotalLineColor: string;
819
- disabledTotalLineColorOnDark: string;
820
802
  focusColor: string;
821
- focusColorOnDark: string;
822
803
  floorLabelMarginRight: string;
823
804
  ceilLabelMarginLeft: string;
824
805
  inputMarginLeft: string;
@@ -832,14 +813,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
832
813
  labelFontStyle: string;
833
814
  labelFontWeight: string;
834
815
  labelFontColor: string;
835
- labelFontColorOnDark: string;
836
816
  labelTextAlign: string;
837
817
  progressValueFontFamily: string;
838
818
  progressValueFontSize: string;
839
819
  progressValueFontStyle: string;
840
820
  progressValueFontWeight: string;
841
821
  progressValueFontColor: string;
842
- progressValueFontColorOnDark: string;
843
822
  progressValueTextAlign: string;
844
823
  overlayBackgroundColor: string;
845
824
  overlayOpacity: string;
@@ -858,32 +837,21 @@ declare const HalstackContext: React.Context<DeepPartial<{
858
837
  };
859
838
  switch: {
860
839
  checkedTrackBackgroundColor: string;
861
- checkedTrackBackgroundColorOnDark: string;
862
840
  checkedThumbBackgroundColor: string;
863
- checkedThumbBackgroundColorOnDark: string;
864
841
  uncheckedTrackBackgroundColor: string;
865
- uncheckedTrackBackgroundColorOnDark: string;
866
842
  uncheckedThumbBackgroundColor: string;
867
- uncheckedThumbBackgroundColorOnDark: string;
868
843
  disabledCheckedTrackBackgroundColor: string;
869
- disabledCheckedTrackBackgroundColorOnDark: string;
870
844
  disabledCheckedThumbBackgroundColor: string;
871
- disabledCheckedThumbBackgroundColorOnDark: string;
872
845
  disabledUncheckedTrackBackgroundColor: string;
873
- disabledUncheckedTrackBackgroundColorOnDark: string;
874
846
  disabledUncheckedThumbBackgroundColor: string;
875
- disabledUncheckedThumbBackgroundColorOnDark: string;
876
847
  disabledLabelFontColor: string;
877
- disabledLabelFontColorOnDark: string;
878
848
  disabledLabelFontStyle: string;
879
849
  labelFontFamily: string;
880
850
  labelFontSize: string;
881
851
  labelFontStyle: string;
882
852
  labelFontWeight: string;
883
853
  labelFontColor: string;
884
- labelFontColorOnDark: string;
885
854
  thumbFocusColor: string;
886
- thumbFocusColorOnDark: string;
887
855
  thumbHeight: string;
888
856
  thumbWidth: string;
889
857
  thumbShift: string;
@@ -906,8 +874,16 @@ declare const HalstackContext: React.Context<DeepPartial<{
906
874
  dataPaddingBottom: string;
907
875
  dataPaddingRight: string;
908
876
  dataPaddingLeft: string;
877
+ dataPaddingTopReduced: string;
878
+ dataPaddingBottomReduced: string;
879
+ dataPaddingRightReduced: string;
880
+ dataPaddingLeftReduced: string;
909
881
  dataTextAlign: string;
910
882
  dataTextLineHeight: string;
883
+ firstChildPaddingLeft: string;
884
+ lastChildPaddingRight: string;
885
+ firstChildPaddingLeftReduced: string;
886
+ lastChildPaddingRightReduced: string;
911
887
  headerBackgroundColor: string;
912
888
  headerBorderRadius: string;
913
889
  headerFontFamily: string;
@@ -920,11 +896,25 @@ declare const HalstackContext: React.Context<DeepPartial<{
920
896
  headerPaddingBottom: string;
921
897
  headerPaddingRight: string;
922
898
  headerPaddingLeft: string;
899
+ headerPaddingTopReduced: string;
900
+ headerPaddingBottomReduced: string;
901
+ headerPaddingRightReduced: string;
902
+ headerPaddingLeftReduced: string;
923
903
  headerTextAlign: string;
924
904
  headerTextLineHeight: string;
925
905
  scrollBarThumbColor: string;
926
906
  scrollBarTrackColor: string;
927
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;
928
918
  };
929
919
  tabs: {
930
920
  fontFamily: string;
@@ -943,7 +933,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
943
933
  disabledFontColor: string;
944
934
  disabledIconColor: string;
945
935
  disabledFontStyle: string;
946
- disabledBadgeBackgroundColor: string;
947
936
  hoverBackgroundColor: string;
948
937
  pressedBackgroundColor: string;
949
938
  pressedFontWeight: string;
@@ -951,19 +940,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
951
940
  dividerThickness: string;
952
941
  focusOutline: string;
953
942
  scrollButtonsWidth: string;
954
- badgeBackgroundColor: string;
955
- badgeFontFamily: string;
956
- badgeFontSize: string;
957
- badgeFontStyle: string;
958
- badgeFontWeight: string;
959
- badgeFontColor: string;
960
- badgeLetterSpacing: string;
961
- badgeWidth: string;
962
- badgeHeight: string;
963
- badgeRadius: string;
964
- badgeWidthWithNotificationNumber: string;
965
- badgeHeightWithNotificationNumber: string;
966
- badgeRadiusWithNotificationNumber: string;
967
943
  };
968
944
  tag: {
969
945
  fontFamily: string;
@@ -985,130 +961,87 @@ declare const HalstackContext: React.Context<DeepPartial<{
985
961
  textarea: {
986
962
  fontFamily: string;
987
963
  enabledBorderColor: string;
988
- enabledBorderColorOnDark: string;
989
964
  hoverBorderColor: string;
990
- hoverBorderColorOnDark: string;
991
965
  focusBorderColor: string;
992
- focusBorderColorOnDark: string;
993
966
  disabledBorderColor: string;
994
- disabledBorderColorOnDark: string;
995
967
  disabledContainerFillColor: string;
996
- disabledContainerFillColorOnDark: string;
968
+ readOnlyBorderColor: string;
969
+ hoverReadOnlyBorderColor: string;
997
970
  errorBorderColor: string;
998
- errorBorderColorOnDark: string;
999
971
  hoverErrorBorderColor: string;
1000
- hoverErrorBorderColorOnDark: string;
1001
972
  inputMarginTop: string;
1002
973
  inputMarginBottom: string;
1003
974
  errorMessageColor: string;
1004
- errorMessageColorOnDark: string;
1005
975
  labelFontColor: string;
1006
- labelFontColorOnDark: string;
1007
976
  labelFontSize: string;
1008
977
  labelFontStyle: string;
1009
978
  labelFontWeight: string;
1010
979
  labelLineHeight: string;
1011
980
  disabledLabelFontColor: string;
1012
- disabledLabelFontColorOnDark: string;
1013
981
  optionalLabelFontWeight: string;
1014
982
  helperTextFontColor: string;
1015
- helperTextFontColorOnDark: string;
1016
983
  helperTextFontSize: string;
1017
984
  helperTextFontStyle: string;
1018
985
  helperTextFontWeight: string;
1019
986
  helperTextLineHeight: string;
1020
987
  disabledHelperTextFontColor: string;
1021
- disabledHelperTextFontColorOnDark: string;
1022
988
  placeholderFontColor: string;
1023
- placeholderFontColorOnDark: string;
1024
989
  disabledPlaceholderFontColor: string;
1025
- disabledPlaceholderFontColorOnDark: string;
1026
990
  valueFontColor: string;
1027
- valueFontColorOnDark: string;
1028
991
  valueFontSize: string;
1029
992
  valueFontStyle: string;
1030
993
  valueFontWeight: string;
1031
994
  disabledValueFontColor: string;
1032
- disabledValueFontColorOnDark: string;
1033
995
  };
1034
996
  textInput: {
1035
997
  fontFamily: string;
1036
998
  enabledBorderColor: string;
1037
- enabledBorderColorOnDark: string;
1038
999
  hoverBorderColor: string;
1039
- hoverBorderColorOnDark: string;
1040
1000
  focusBorderColor: string;
1041
- focusBorderColorOnDark: string;
1042
1001
  disabledBorderColor: string;
1043
- disabledBorderColorOnDark: string;
1044
1002
  disabledContainerFillColor: string;
1045
- disabledContainerFillColorOnDark: string;
1003
+ readOnlyBorderColor: string;
1004
+ hoverReadOnlyBorderColor: string;
1046
1005
  errorBorderColor: string;
1047
- errorBorderColorOnDark: string;
1048
1006
  hoverErrorBorderColor: string;
1049
- hoverErrorBorderColorOnDark: string;
1050
1007
  inputMarginTop: string;
1051
1008
  inputMarginBottom: string;
1052
1009
  errorMessageColor: string;
1053
- errorMessageColorOnDark: string;
1054
1010
  errorIconColor: string;
1055
- errorIconColorOnDark: string;
1056
1011
  labelFontColor: string;
1057
- labelFontColorOnDark: string;
1058
1012
  labelFontSize: string;
1059
1013
  labelFontStyle: string;
1060
1014
  labelFontWeight: string;
1061
1015
  labelLineHeight: string;
1062
1016
  disabledLabelFontColor: string;
1063
- disabledLabelFontColorOnDark: string;
1064
1017
  optionalLabelFontWeight: string;
1065
1018
  helperTextFontColor: string;
1066
- helperTextFontColorOnDark: string;
1067
1019
  helperTextFontSize: string;
1068
1020
  helperTextFontStyle: string;
1069
1021
  helperTextFontWeight: string;
1070
1022
  helperTextLineHeight: string;
1071
1023
  disabledHelperTextFontColor: string;
1072
- disabledHelperTextFontColorOnDark: string;
1073
1024
  prefixColor: string;
1074
- prefixColorOnDark: string;
1075
1025
  suffixColor: string;
1076
- suffixColorOnDark: string;
1077
1026
  disabledPrefixColor: string;
1078
1027
  disabledSuffixColor: string;
1079
- disabledPrefixColorOnDark: string;
1080
- disabledSuffixColorOnDark: string;
1081
1028
  placeholderFontColor: string;
1082
- placeholderFontColorOnDark: string;
1083
1029
  disabledPlaceholderFontColor: string;
1084
- disabledPlaceholderFontColorOnDark: string;
1085
1030
  valueFontColor: string;
1086
- valueFontColorOnDark: string;
1087
1031
  valueFontSize: string;
1088
1032
  valueFontStyle: string;
1089
1033
  valueFontWeight: string;
1090
1034
  disabledValueFontColor: string;
1091
- disabledValueFontColorOnDark: string;
1092
1035
  actionIconColor: string;
1093
- actionIconColorOnDark: string;
1094
1036
  disabledActionIconColor: string;
1095
- disabledActionIconColorOnDark: string;
1096
1037
  hoverActionIconColor: string;
1097
- hoverActionIconColorOnDark: string;
1098
1038
  focusActionIconColor: string;
1099
- focusActionIconColorOnDark: string;
1100
1039
  activeActionIconColor: string;
1101
- activeActionIconColorOnDark: string;
1102
1040
  actionBackgroundColor: string;
1103
- actionBackgroundColorOnDark: string;
1104
1041
  disabledActionBackgroundColor: string;
1105
- disabledActionBackgroundColorOnDark: string;
1106
1042
  hoverActionBackgroundColor: string;
1107
- hoverActionBackgroundColorOnDark: string;
1108
1043
  focusActionBorderColor: string;
1109
- focusActionBorderColorOnDark: string;
1110
1044
  activeActionBackgroundColor: string;
1111
- activeActionBackgroundColorOnDark: string;
1112
1045
  listDialogBackgroundColor: string;
1113
1046
  listDialogBorderColor: string;
1114
1047
  listOptionDividerColor: string;
@@ -1320,12 +1253,12 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
1320
1253
  }>>;
1321
1254
  /**
1322
1255
  * This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
1323
- * This is an extension of the already extisting Partial type, which only allows one level of partiality.
1256
+ * This is an extension of the already existing Partial type, which only allows one level of partiality.
1324
1257
  */
1325
- declare type DeepPartial<T> = {
1258
+ type DeepPartial<T> = {
1326
1259
  [P in keyof T]?: Partial<T[P]>;
1327
1260
  };
1328
- declare type HalstackProviderPropsType = {
1261
+ type HalstackProviderPropsType = {
1329
1262
  theme?: DeepPartial<OpinionatedTheme>;
1330
1263
  advancedTheme?: DeepPartial<AdvancedTheme>;
1331
1264
  labels?: DeepPartial<TranslatedLabels>;