@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
package/textarea/{Textarea.stories.jsx → Textarea.stories.tsx} RENAMED
@@ -2,8 +2,6 @@ import React from "react";
2
2
  import DxcTextarea from "./Textarea";
3
3
  import Title from "../../.storybook/components/Title";
4
4
  import ExampleContainer from "../../.storybook/components/ExampleContainer";
5
- import { BackgroundColorProvider } from "../BackgroundColorContext";
6
- import DarkContainer from "../../.storybook/components/DarkSection";
7
5
  import { HalstackProvider } from "../HalstackContext";
8
6
 
9
7
  export default {
@@ -20,112 +18,64 @@ const opinionatedTheme = {
20
18
 
21
19
  export const Chromatic = () => (
22
20
  <>
23
- <>
24
- <ExampleContainer pseudoState="pseudo-hover">
25
- <Title title="Hovered" theme="light" level={4} />
26
- <DxcTextarea label="Hovered" />
27
- </ExampleContainer>
28
- <ExampleContainer pseudoState="pseudo-focus">
29
- <Title title="Focused" theme="light" level={4} />
30
- <DxcTextarea label="Focused" />
31
- </ExampleContainer>
32
- <ExampleContainer>
33
- <Title title="Disabled" theme="light" level={4} />
34
- <DxcTextarea
35
- label="Disabled"
36
- optional
37
- helperText="Sample text"
38
- placeholder="Enter your text here..."
39
- disabled
40
- />
41
- </ExampleContainer>
42
- <ExampleContainer>
43
- <Title title="Disabled with value" theme="light" level={4} />
44
- <DxcTextarea label="Disabled" defaultValue="Example text" disabled />
45
- </ExampleContainer>
46
- <ExampleContainer>
47
- <Title title="Read only" theme="light" level={4} />
48
- <DxcTextarea label="Label" readOnly defaultValue="Example text" verticalGrow="manual" />
49
- </ExampleContainer>
50
- <ExampleContainer pseudoState="pseudo-hover">
51
- <Title title="Hovered read only" theme="light" level={4} />
52
- <DxcTextarea label="Label" readOnly defaultValue="Example text" verticalGrow="manual" />
53
- </ExampleContainer>
54
- <ExampleContainer>
55
- <Title title="With error" theme="light" level={4} />
56
- <DxcTextarea
57
- label="Textarea with error"
58
- helperText="Helper text"
59
- placeholder="Enter your text here..."
60
- error="Error message."
61
- />
62
- </ExampleContainer>
63
- <ExampleContainer pseudoState="pseudo-hover">
64
- <Title title="Hovered with error" theme="light" level={4} />
65
- <DxcTextarea
66
- label="Hovered textarea with error"
67
- helperText="Helper text"
68
- placeholder="Enter your text here..."
69
- error="Error message."
70
- />
71
- </ExampleContainer>
72
- <ExampleContainer>
73
- <Title title="Helper text and optional with value" theme="light" level={4} />
74
- <DxcTextarea label="Helper & optional" defaultValue="Some text" helperText="Sample text" optional />
75
- </ExampleContainer>
76
- <ExampleContainer>
77
- <Title title="Resizable" theme="light" level={4} />
78
- <DxcTextarea label="With resizer" helperText="Helper text" verticalGrow="manual" />
79
- </ExampleContainer>
80
- <ExampleContainer>
81
- <Title title="Grow manual" theme="light" level={4} />
82
- <DxcTextarea
83
- label="Manual vertical grow"
84
- verticalGrow="manual"
85
- defaultValue="Long textttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt"
86
- />
87
- </ExampleContainer>
88
- </>
89
- <BackgroundColorProvider color="#333333">
90
- <DarkContainer>
91
- <ExampleContainer>
92
- <Title title="Helper text and optional with value" theme="dark" level={4} />
93
- <DxcTextarea label="Helper & optional" defaultValue="Some text" helperText="Sample text" optional />
94
- </ExampleContainer>
95
- <ExampleContainer>
96
- <Title title="Disabled" theme="dark" level={4} />
97
- <DxcTextarea
98
- label="Disabled"
99
- optional
100
- helperText="Sample text"
101
- placeholder="Enter your text here..."
102
- disabled
103
- />
104
- </ExampleContainer>
105
- <ExampleContainer>
106
- <Title title="Disabled with value" theme="dark" level={4} />
107
- <DxcTextarea label="Disabled" defaultValue="Example text" disabled />
108
- </ExampleContainer>
109
- <ExampleContainer>
110
- <Title title="With error" theme="dark" level={4} />
111
- <DxcTextarea
112
- label="Textarea with error"
113
- helperText="Helper text"
114
- placeholder="Enter your text here..."
115
- error="Error message."
116
- />
117
- </ExampleContainer>
118
- <ExampleContainer pseudoState="pseudo-hover">
119
- <Title title="Hovered with error" theme="dark" level={4} />
120
- <DxcTextarea
121
- label="Hovered textarea with error"
122
- helperText="Helper text"
123
- placeholder="Enter your text here..."
124
- error="Error message."
125
- />
126
- </ExampleContainer>
127
- </DarkContainer>
128
- </BackgroundColorProvider>
21
+ <ExampleContainer pseudoState="pseudo-hover">
22
+ <Title title="Hovered" theme="light" level={4} />
23
+ <DxcTextarea label="Hovered" />
24
+ </ExampleContainer>
25
+ <ExampleContainer pseudoState="pseudo-focus">
26
+ <Title title="Focused" theme="light" level={4} />
27
+ <DxcTextarea label="Focused" />
28
+ </ExampleContainer>
29
+ <ExampleContainer>
30
+ <Title title="Disabled" theme="light" level={4} />
31
+ <DxcTextarea label="Disabled" optional helperText="Sample text" placeholder="Enter your text here..." disabled />
32
+ </ExampleContainer>
33
+ <ExampleContainer>
34
+ <Title title="Disabled with value" theme="light" level={4} />
35
+ <DxcTextarea label="Disabled" defaultValue="Example text" disabled />
36
+ </ExampleContainer>
37
+ <ExampleContainer>
38
+ <Title title="Read only" theme="light" level={4} />
39
+ <DxcTextarea label="Label" readOnly defaultValue="Example text" verticalGrow="manual" />
40
+ </ExampleContainer>
41
+ <ExampleContainer pseudoState="pseudo-hover">
42
+ <Title title="Hovered read only" theme="light" level={4} />
43
+ <DxcTextarea label="Label" readOnly defaultValue="Example text" verticalGrow="manual" />
44
+ </ExampleContainer>
45
+ <ExampleContainer>
46
+ <Title title="With error" theme="light" level={4} />
47
+ <DxcTextarea
48
+ label="Textarea with error"
49
+ helperText="Helper text"
50
+ placeholder="Enter your text here..."
51
+ error="Error message."
52
+ />
53
+ </ExampleContainer>
54
+ <ExampleContainer pseudoState="pseudo-hover">
55
+ <Title title="Hovered with error" theme="light" level={4} />
56
+ <DxcTextarea
57
+ label="Hovered textarea with error"
58
+ helperText="Helper text"
59
+ placeholder="Enter your text here..."
60
+ error="Error message."
61
+ />
62
+ </ExampleContainer>
63
+ <ExampleContainer>
64
+ <Title title="Helper text and optional with value" theme="light" level={4} />
65
+ <DxcTextarea label="Helper & optional" defaultValue="Some text" helperText="Sample text" optional />
66
+ </ExampleContainer>
67
+ <ExampleContainer>
68
+ <Title title="Resizable" theme="light" level={4} />
69
+ <DxcTextarea label="With resizer" helperText="Helper text" verticalGrow="manual" />
70
+ </ExampleContainer>
71
+ <ExampleContainer>
72
+ <Title title="Grow manual" theme="light" level={4} />
73
+ <DxcTextarea
74
+ label="Manual vertical grow"
75
+ verticalGrow="manual"
76
+ defaultValue="Long textttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt"
77
+ />
78
+ </ExampleContainer>
129
79
  <Title title="Sizes" theme="light" level={2} />
130
80
  <ExampleContainer>
131
81
  <DxcTextarea label="Small" size="small" />
package/textarea/Textarea.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};