@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
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,104 +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="With error" theme="light" level={4} />
48
- <DxcTextarea
49
- label="Textarea with error"
50
- helperText="Helper text"
51
- placeholder="Enter your text here..."
52
- error="Error message."
53
- />
54
- </ExampleContainer>
55
- <ExampleContainer pseudoState="pseudo-hover">
56
- <Title title="Hovered with error" theme="light" level={4} />
57
- <DxcTextarea
58
- label="Hovered textarea with error"
59
- helperText="Helper text"
60
- placeholder="Enter your text here..."
61
- error="Error message."
62
- />
63
- </ExampleContainer>
64
- <ExampleContainer>
65
- <Title title="Helper text and optional with value" theme="light" level={4} />
66
- <DxcTextarea label="Helper & optional" defaultValue="Some text" helperText="Sample text" optional />
67
- </ExampleContainer>
68
- <ExampleContainer>
69
- <Title title="Resizable" theme="light" level={4} />
70
- <DxcTextarea label="With resizer" helperText="Helper text" verticalGrow="manual" />
71
- </ExampleContainer>
72
- <ExampleContainer>
73
- <Title title="Grow manual" theme="light" level={4} />
74
- <DxcTextarea
75
- label="Manual vertical grow"
76
- verticalGrow="manual"
77
- defaultValue="Long textttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt"
78
- />
79
- </ExampleContainer>
80
- </>
81
- <BackgroundColorProvider color="#333333">
82
- <DarkContainer>
83
- <ExampleContainer>
84
- <Title title="Helper text and optional with value" theme="dark" level={4} />
85
- <DxcTextarea label="Helper & optional" defaultValue="Some text" helperText="Sample text" optional />
86
- </ExampleContainer>
87
- <ExampleContainer>
88
- <Title title="Disabled" theme="dark" level={4} />
89
- <DxcTextarea
90
- label="Disabled"
91
- optional
92
- helperText="Sample text"
93
- placeholder="Enter your text here..."
94
- disabled
95
- />
96
- </ExampleContainer>
97
- <ExampleContainer>
98
- <Title title="Disabled with value" theme="dark" level={4} />
99
- <DxcTextarea label="Disabled" defaultValue="Example text" disabled />
100
- </ExampleContainer>
101
- <ExampleContainer>
102
- <Title title="With error" theme="dark" level={4} />
103
- <DxcTextarea
104
- label="Textarea with error"
105
- helperText="Helper text"
106
- placeholder="Enter your text here..."
107
- error="Error message."
108
- />
109
- </ExampleContainer>
110
- <ExampleContainer pseudoState="pseudo-hover">
111
- <Title title="Hovered with error" theme="dark" level={4} />
112
- <DxcTextarea
113
- label="Hovered textarea with error"
114
- helperText="Helper text"
115
- placeholder="Enter your text here..."
116
- error="Error message."
117
- />
118
- </ExampleContainer>
119
- </DarkContainer>
120
- </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>
121
79
  <Title title="Sizes" theme="light" level={2} />
122
80
  <ExampleContainer>
123
81
  <DxcTextarea label="Small" size="small" />
package/textarea/Textarea.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};