@dxc-technology/halstack-react 0.0.0-402a9ce → 0.0.0-4121d3f

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 (522) hide show
  1. package/BackgroundColorContext.d.ts +10 -0
  2. package/BackgroundColorContext.js +47 -0
  3. package/HalstackContext.d.ts +1356 -0
  4. package/HalstackContext.js +335 -0
  5. package/README.md +28 -47
  6. package/accordion/Accordion.d.ts +4 -0
  7. package/accordion/Accordion.js +222 -0
  8. package/accordion/Accordion.stories.tsx +297 -0
  9. package/accordion/Accordion.test.js +71 -0
  10. package/accordion/types.d.ts +57 -0
  11. package/accordion/types.js +5 -0
  12. package/accordion-group/AccordionGroup.d.ts +8 -0
  13. package/accordion-group/AccordionGroup.js +128 -0
  14. package/accordion-group/AccordionGroup.stories.tsx +252 -0
  15. package/accordion-group/AccordionGroup.test.js +116 -0
  16. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  17. package/accordion-group/AccordionGroupAccordion.js +43 -0
  18. package/accordion-group/types.d.ts +67 -0
  19. package/accordion-group/types.js +5 -0
  20. package/alert/Alert.d.ts +4 -0
  21. package/alert/Alert.js +289 -0
  22. package/alert/Alert.stories.tsx +198 -0
  23. package/alert/Alert.test.js +92 -0
  24. package/alert/types.d.ts +49 -0
  25. package/alert/types.js +5 -0
  26. package/badge/Badge.d.ts +4 -0
  27. package/badge/Badge.js +61 -0
  28. package/badge/types.d.ts +5 -0
  29. package/badge/types.js +5 -0
  30. package/bleed/Bleed.d.ts +3 -0
  31. package/bleed/Bleed.js +51 -0
  32. package/bleed/Bleed.stories.tsx +342 -0
  33. package/bleed/types.d.ts +37 -0
  34. package/bleed/types.js +5 -0
  35. package/box/Box.d.ts +4 -0
  36. package/box/Box.js +97 -0
  37. package/box/Box.stories.tsx +119 -0
  38. package/box/Box.test.js +18 -0
  39. package/box/types.d.ts +32 -0
  40. package/box/types.js +5 -0
  41. package/bulleted-list/BulletedList.d.ts +7 -0
  42. package/bulleted-list/BulletedList.js +125 -0
  43. package/bulleted-list/BulletedList.stories.tsx +206 -0
  44. package/bulleted-list/types.d.ts +38 -0
  45. package/bulleted-list/types.js +5 -0
  46. package/button/Button.d.ts +4 -0
  47. package/button/Button.js +144 -0
  48. package/button/Button.stories.tsx +425 -0
  49. package/button/Button.test.js +46 -0
  50. package/button/types.d.ts +57 -0
  51. package/button/types.js +5 -0
  52. package/card/Card.d.ts +4 -0
  53. package/card/Card.js +143 -0
  54. package/card/Card.stories.tsx +171 -0
  55. package/card/Card.test.js +50 -0
  56. package/card/types.d.ts +62 -0
  57. package/card/types.js +5 -0
  58. package/checkbox/Checkbox.d.ts +4 -0
  59. package/checkbox/Checkbox.js +269 -0
  60. package/checkbox/Checkbox.stories.tsx +276 -0
  61. package/checkbox/Checkbox.test.js +228 -0
  62. package/checkbox/types.d.ts +72 -0
  63. package/checkbox/types.js +5 -0
  64. package/chip/Chip.d.ts +4 -0
  65. package/chip/Chip.js +140 -0
  66. package/chip/Chip.stories.tsx +214 -0
  67. package/chip/Chip.test.js +54 -0
  68. package/chip/types.d.ts +45 -0
  69. package/chip/types.js +5 -0
  70. package/common/OpenSans.css +69 -0
  71. package/common/coreTokens.d.ts +146 -0
  72. package/common/coreTokens.js +167 -0
  73. package/common/utils.d.ts +1 -0
  74. package/{dist/common → common}/utils.js +4 -4
  75. package/common/variables.d.ts +1499 -0
  76. package/common/variables.js +1378 -0
  77. package/date-input/Calendar.d.ts +4 -0
  78. package/date-input/Calendar.js +258 -0
  79. package/date-input/DateInput.d.ts +4 -0
  80. package/date-input/DateInput.js +271 -0
  81. package/date-input/DateInput.stories.tsx +314 -0
  82. package/date-input/DateInput.test.js +849 -0
  83. package/date-input/DatePicker.d.ts +4 -0
  84. package/date-input/DatePicker.js +146 -0
  85. package/date-input/Icons.d.ts +6 -0
  86. package/date-input/Icons.js +75 -0
  87. package/date-input/YearPicker.d.ts +4 -0
  88. package/date-input/YearPicker.js +126 -0
  89. package/date-input/types.d.ts +164 -0
  90. package/date-input/types.js +5 -0
  91. package/dialog/Dialog.d.ts +4 -0
  92. package/dialog/Dialog.js +131 -0
  93. package/dialog/Dialog.stories.tsx +195 -0
  94. package/dialog/Dialog.test.js +369 -0
  95. package/dialog/types.d.ts +31 -0
  96. package/dialog/types.js +5 -0
  97. package/dropdown/Dropdown.d.ts +4 -0
  98. package/dropdown/Dropdown.js +388 -0
  99. package/dropdown/Dropdown.stories.tsx +438 -0
  100. package/dropdown/Dropdown.test.js +586 -0
  101. package/dropdown/DropdownMenu.d.ts +4 -0
  102. package/dropdown/DropdownMenu.js +74 -0
  103. package/dropdown/DropdownMenuItem.d.ts +4 -0
  104. package/dropdown/DropdownMenuItem.js +79 -0
  105. package/dropdown/types.d.ts +100 -0
  106. package/dropdown/types.js +5 -0
  107. package/file-input/FileInput.d.ts +4 -0
  108. package/file-input/FileInput.js +547 -0
  109. package/file-input/FileInput.stories.tsx +618 -0
  110. package/file-input/FileInput.test.js +457 -0
  111. package/file-input/FileItem.d.ts +4 -0
  112. package/file-input/FileItem.js +162 -0
  113. package/file-input/types.d.ts +129 -0
  114. package/file-input/types.js +5 -0
  115. package/flex/Flex.d.ts +4 -0
  116. package/flex/Flex.js +71 -0
  117. package/flex/Flex.stories.tsx +112 -0
  118. package/flex/types.d.ts +97 -0
  119. package/flex/types.js +5 -0
  120. package/footer/Footer.d.ts +4 -0
  121. package/footer/Footer.js +165 -0
  122. package/footer/Footer.stories.tsx +152 -0
  123. package/footer/Footer.test.js +99 -0
  124. package/footer/Icons.d.ts +2 -0
  125. package/footer/Icons.js +77 -0
  126. package/footer/types.d.ts +64 -0
  127. package/footer/types.js +5 -0
  128. package/grid/Grid.d.ts +7 -0
  129. package/grid/Grid.js +91 -0
  130. package/grid/Grid.stories.tsx +219 -0
  131. package/grid/types.d.ts +115 -0
  132. package/grid/types.js +5 -0
  133. package/header/Header.d.ts +8 -0
  134. package/header/Header.js +276 -0
  135. package/header/Header.stories.tsx +251 -0
  136. package/header/Header.test.js +79 -0
  137. package/header/Icons.d.ts +2 -0
  138. package/header/Icons.js +34 -0
  139. package/header/types.d.ts +34 -0
  140. package/header/types.js +5 -0
  141. package/heading/Heading.d.ts +4 -0
  142. package/heading/Heading.js +159 -0
  143. package/heading/Heading.stories.tsx +54 -0
  144. package/heading/Heading.test.js +186 -0
  145. package/heading/types.d.ts +33 -0
  146. package/heading/types.js +5 -0
  147. package/image/Image.d.ts +4 -0
  148. package/image/Image.js +85 -0
  149. package/image/Image.stories.tsx +127 -0
  150. package/image/types.d.ts +72 -0
  151. package/image/types.js +5 -0
  152. package/inset/Inset.d.ts +3 -0
  153. package/inset/Inset.js +51 -0
  154. package/inset/Inset.stories.tsx +230 -0
  155. package/inset/types.d.ts +37 -0
  156. package/inset/types.js +5 -0
  157. package/layout/ApplicationLayout.d.ts +20 -0
  158. package/layout/ApplicationLayout.js +174 -0
  159. package/layout/ApplicationLayout.stories.tsx +162 -0
  160. package/layout/Icons.d.ts +8 -0
  161. package/layout/Icons.js +62 -0
  162. package/layout/SidenavContext.d.ts +5 -0
  163. package/layout/SidenavContext.js +19 -0
  164. package/layout/types.d.ts +41 -0
  165. package/layout/types.js +5 -0
  166. package/link/Link.d.ts +4 -0
  167. package/link/Link.js +136 -0
  168. package/link/Link.stories.tsx +253 -0
  169. package/link/Link.test.js +81 -0
  170. package/link/types.d.ts +54 -0
  171. package/link/types.js +5 -0
  172. package/main.d.ts +46 -0
  173. package/{dist/main.js → main.js} +161 -87
  174. package/nav-tabs/NavTabs.d.ts +8 -0
  175. package/nav-tabs/NavTabs.js +122 -0
  176. package/nav-tabs/NavTabs.stories.tsx +274 -0
  177. package/nav-tabs/NavTabs.test.js +82 -0
  178. package/nav-tabs/Tab.d.ts +4 -0
  179. package/nav-tabs/Tab.js +146 -0
  180. package/nav-tabs/types.d.ts +52 -0
  181. package/nav-tabs/types.js +5 -0
  182. package/number-input/NumberInput.d.ts +11 -0
  183. package/number-input/NumberInput.js +80 -0
  184. package/number-input/NumberInput.stories.tsx +160 -0
  185. package/number-input/NumberInput.test.js +768 -0
  186. package/number-input/types.d.ts +130 -0
  187. package/number-input/types.js +5 -0
  188. package/package.json +46 -38
  189. package/paginator/Icons.d.ts +5 -0
  190. package/paginator/Icons.js +54 -0
  191. package/paginator/Paginator.d.ts +4 -0
  192. package/paginator/Paginator.js +163 -0
  193. package/paginator/Paginator.stories.tsx +87 -0
  194. package/paginator/Paginator.test.js +318 -0
  195. package/paginator/types.d.ts +38 -0
  196. package/paginator/types.js +5 -0
  197. package/paragraph/Paragraph.d.ts +5 -0
  198. package/paragraph/Paragraph.js +38 -0
  199. package/paragraph/Paragraph.stories.tsx +44 -0
  200. package/password-input/Icons.d.ts +6 -0
  201. package/password-input/Icons.js +39 -0
  202. package/password-input/PasswordInput.d.ts +4 -0
  203. package/password-input/PasswordInput.js +119 -0
  204. package/password-input/PasswordInput.stories.tsx +132 -0
  205. package/password-input/PasswordInput.test.js +174 -0
  206. package/password-input/types.d.ts +110 -0
  207. package/password-input/types.js +5 -0
  208. package/progress-bar/ProgressBar.d.ts +4 -0
  209. package/progress-bar/ProgressBar.js +176 -0
  210. package/progress-bar/ProgressBar.stories.jsx +93 -0
  211. package/progress-bar/ProgressBar.test.js +110 -0
  212. package/progress-bar/types.d.ts +37 -0
  213. package/progress-bar/types.js +5 -0
  214. package/quick-nav/QuickNav.d.ts +4 -0
  215. package/quick-nav/QuickNav.js +117 -0
  216. package/quick-nav/QuickNav.stories.tsx +356 -0
  217. package/quick-nav/types.d.ts +21 -0
  218. package/quick-nav/types.js +5 -0
  219. package/radio-group/Radio.d.ts +4 -0
  220. package/radio-group/Radio.js +156 -0
  221. package/radio-group/RadioGroup.d.ts +4 -0
  222. package/radio-group/RadioGroup.js +281 -0
  223. package/radio-group/RadioGroup.stories.tsx +214 -0
  224. package/radio-group/RadioGroup.test.js +749 -0
  225. package/radio-group/types.d.ts +114 -0
  226. package/radio-group/types.js +5 -0
  227. package/resultset-table/Icons.d.ts +7 -0
  228. package/resultset-table/Icons.js +51 -0
  229. package/resultset-table/ResultsetTable.d.ts +4 -0
  230. package/resultset-table/ResultsetTable.js +195 -0
  231. package/resultset-table/ResultsetTable.stories.tsx +300 -0
  232. package/resultset-table/ResultsetTable.test.js +325 -0
  233. package/resultset-table/types.d.ts +67 -0
  234. package/resultset-table/types.js +5 -0
  235. package/select/Icons.d.ts +10 -0
  236. package/select/Icons.js +93 -0
  237. package/select/Listbox.d.ts +4 -0
  238. package/select/Listbox.js +169 -0
  239. package/select/Option.d.ts +4 -0
  240. package/select/Option.js +97 -0
  241. package/select/Select.d.ts +4 -0
  242. package/select/Select.js +666 -0
  243. package/select/Select.stories.tsx +971 -0
  244. package/select/Select.test.js +2228 -0
  245. package/select/types.d.ts +210 -0
  246. package/select/types.js +5 -0
  247. package/sidenav/Icons.d.ts +7 -0
  248. package/sidenav/Icons.js +51 -0
  249. package/sidenav/Sidenav.d.ts +10 -0
  250. package/sidenav/Sidenav.js +238 -0
  251. package/sidenav/Sidenav.stories.tsx +282 -0
  252. package/sidenav/Sidenav.test.js +44 -0
  253. package/sidenav/types.d.ts +76 -0
  254. package/sidenav/types.js +5 -0
  255. package/slider/Slider.d.ts +4 -0
  256. package/slider/Slider.js +342 -0
  257. package/slider/Slider.stories.tsx +240 -0
  258. package/slider/Slider.test.js +250 -0
  259. package/slider/types.d.ts +86 -0
  260. package/slider/types.js +5 -0
  261. package/spinner/Spinner.d.ts +4 -0
  262. package/spinner/Spinner.js +244 -0
  263. package/spinner/Spinner.stories.jsx +129 -0
  264. package/spinner/Spinner.test.js +64 -0
  265. package/spinner/types.d.ts +32 -0
  266. package/spinner/types.js +5 -0
  267. package/switch/Switch.d.ts +4 -0
  268. package/switch/Switch.js +262 -0
  269. package/switch/Switch.stories.tsx +171 -0
  270. package/switch/Switch.test.js +225 -0
  271. package/switch/types.d.ts +66 -0
  272. package/switch/types.js +5 -0
  273. package/table/Table.d.ts +4 -0
  274. package/table/Table.js +118 -0
  275. package/table/Table.stories.jsx +356 -0
  276. package/table/Table.test.js +26 -0
  277. package/table/types.d.ts +21 -0
  278. package/table/types.js +5 -0
  279. package/tabs/Tab.d.ts +4 -0
  280. package/tabs/Tab.js +132 -0
  281. package/tabs/Tabs.d.ts +4 -0
  282. package/tabs/Tabs.js +461 -0
  283. package/tabs/Tabs.stories.tsx +226 -0
  284. package/tabs/Tabs.test.js +350 -0
  285. package/tabs/types.d.ts +92 -0
  286. package/tabs/types.js +5 -0
  287. package/tag/Tag.d.ts +4 -0
  288. package/tag/Tag.js +181 -0
  289. package/tag/Tag.stories.tsx +155 -0
  290. package/tag/Tag.test.js +60 -0
  291. package/tag/types.d.ts +69 -0
  292. package/tag/types.js +5 -0
  293. package/text-input/Icons.d.ts +8 -0
  294. package/text-input/Icons.js +60 -0
  295. package/text-input/Suggestion.d.ts +4 -0
  296. package/text-input/Suggestion.js +84 -0
  297. package/text-input/Suggestions.d.ts +4 -0
  298. package/text-input/Suggestions.js +134 -0
  299. package/text-input/TextInput.d.ts +4 -0
  300. package/text-input/TextInput.js +651 -0
  301. package/text-input/TextInput.stories.tsx +608 -0
  302. package/text-input/TextInput.test.js +1834 -0
  303. package/text-input/types.d.ts +203 -0
  304. package/text-input/types.js +5 -0
  305. package/textarea/Textarea.d.ts +4 -0
  306. package/textarea/Textarea.js +278 -0
  307. package/textarea/Textarea.stories.jsx +224 -0
  308. package/textarea/Textarea.test.js +479 -0
  309. package/textarea/types.d.ts +141 -0
  310. package/textarea/types.js +5 -0
  311. package/toggle-group/ToggleGroup.d.ts +4 -0
  312. package/toggle-group/ToggleGroup.js +241 -0
  313. package/toggle-group/ToggleGroup.stories.tsx +218 -0
  314. package/toggle-group/ToggleGroup.test.js +170 -0
  315. package/toggle-group/types.d.ts +114 -0
  316. package/toggle-group/types.js +5 -0
  317. package/typography/Typography.d.ts +4 -0
  318. package/typography/Typography.js +32 -0
  319. package/typography/Typography.stories.tsx +198 -0
  320. package/typography/types.d.ts +18 -0
  321. package/typography/types.js +5 -0
  322. package/useTheme.d.ts +1252 -0
  323. package/{dist/useTheme.js → useTheme.js} +3 -3
  324. package/useTranslatedLabels.d.ts +85 -0
  325. package/useTranslatedLabels.js +20 -0
  326. package/utils/BaseTypography.d.ts +21 -0
  327. package/utils/BaseTypography.js +108 -0
  328. package/utils/FocusLock.d.ts +13 -0
  329. package/utils/FocusLock.js +138 -0
  330. package/wizard/Wizard.d.ts +4 -0
  331. package/wizard/Wizard.js +285 -0
  332. package/wizard/Wizard.stories.tsx +253 -0
  333. package/wizard/Wizard.test.js +141 -0
  334. package/wizard/types.d.ts +64 -0
  335. package/wizard/types.js +5 -0
  336. package/babel.config.js +0 -8
  337. package/dist/BackgroundColorContext.js +0 -46
  338. package/dist/ThemeContext.js +0 -216
  339. package/dist/accordion/Accordion.js +0 -284
  340. package/dist/accordion/Accordion.stories.js +0 -207
  341. package/dist/accordion/readme.md +0 -96
  342. package/dist/accordion-group/AccordionGroup.js +0 -154
  343. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  344. package/dist/accordion-group/readme.md +0 -70
  345. package/dist/alert/Alert.js +0 -318
  346. package/dist/alert/Alert.stories.js +0 -158
  347. package/dist/alert/close.svg +0 -4
  348. package/dist/alert/error.svg +0 -4
  349. package/dist/alert/info.svg +0 -4
  350. package/dist/alert/readme.md +0 -43
  351. package/dist/alert/success.svg +0 -4
  352. package/dist/alert/warning.svg +0 -4
  353. package/dist/badge/Badge.js +0 -40
  354. package/dist/box/Box.js +0 -147
  355. package/dist/button/Button.js +0 -219
  356. package/dist/button/Button.stories.js +0 -224
  357. package/dist/button/readme.md +0 -93
  358. package/dist/card/Card.js +0 -247
  359. package/dist/checkbox/Checkbox.js +0 -233
  360. package/dist/checkbox/Checkbox.stories.js +0 -144
  361. package/dist/checkbox/readme.md +0 -116
  362. package/dist/chip/Chip.js +0 -223
  363. package/dist/common/OpenSans.css +0 -81
  364. package/dist/common/RequiredComponent.js +0 -40
  365. package/dist/common/variables.js +0 -523
  366. package/dist/date/Date.js +0 -357
  367. package/dist/date/Date.stories.js +0 -205
  368. package/dist/date/calendar.svg +0 -1
  369. package/dist/date/calendar_dark.svg +0 -1
  370. package/dist/date/readme.md +0 -73
  371. package/dist/dialog/Dialog.js +0 -203
  372. package/dist/dialog/Dialog.stories.js +0 -217
  373. package/dist/dialog/readme.md +0 -32
  374. package/dist/dropdown/Dropdown.js +0 -456
  375. package/dist/dropdown/Dropdown.stories.js +0 -249
  376. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  377. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  378. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  379. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  380. package/dist/dropdown/readme.md +0 -69
  381. package/dist/footer/Footer.js +0 -379
  382. package/dist/footer/Footer.stories.js +0 -94
  383. package/dist/footer/dxc_logo_wht.png +0 -0
  384. package/dist/footer/readme.md +0 -41
  385. package/dist/header/Header.js +0 -385
  386. package/dist/header/Header.stories.js +0 -176
  387. package/dist/header/close_icon.svg +0 -1
  388. package/dist/header/dxc_logo_black.png +0 -0
  389. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  390. package/dist/header/dxc_logo_white.png +0 -0
  391. package/dist/header/hamb_menu_black.svg +0 -1
  392. package/dist/header/hamb_menu_white.svg +0 -1
  393. package/dist/header/readme.md +0 -33
  394. package/dist/heading/Heading.js +0 -163
  395. package/dist/input-text/InputText.js +0 -609
  396. package/dist/input-text/InputText.stories.js +0 -209
  397. package/dist/input-text/error.svg +0 -1
  398. package/dist/input-text/readme.md +0 -91
  399. package/dist/layout/ApplicationLayout.js +0 -331
  400. package/dist/layout/facebook.svg +0 -45
  401. package/dist/layout/linkedin.svg +0 -50
  402. package/dist/layout/twitter.svg +0 -53
  403. package/dist/link/Link.js +0 -200
  404. package/dist/link/readme.md +0 -51
  405. package/dist/paginator/Paginator.js +0 -261
  406. package/dist/paginator/images/next.svg +0 -3
  407. package/dist/paginator/images/nextPage.svg +0 -3
  408. package/dist/paginator/images/previous.svg +0 -3
  409. package/dist/paginator/images/previousPage.svg +0 -3
  410. package/dist/paginator/readme.md +0 -50
  411. package/dist/progress-bar/ProgressBar.js +0 -192
  412. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  413. package/dist/progress-bar/readme.md +0 -63
  414. package/dist/radio/Radio.js +0 -190
  415. package/dist/radio/Radio.stories.js +0 -166
  416. package/dist/radio/readme.md +0 -70
  417. package/dist/resultsetTable/ResultsetTable.js +0 -332
  418. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  419. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  420. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  421. package/dist/select/Select.js +0 -490
  422. package/dist/select/Select.stories.js +0 -235
  423. package/dist/select/readme.md +0 -72
  424. package/dist/sidenav/Sidenav.js +0 -155
  425. package/dist/slider/Slider.js +0 -267
  426. package/dist/slider/Slider.stories.js +0 -241
  427. package/dist/slider/readme.md +0 -64
  428. package/dist/spinner/Spinner.js +0 -198
  429. package/dist/spinner/Spinner.stories.js +0 -183
  430. package/dist/spinner/readme.md +0 -65
  431. package/dist/switch/Switch.js +0 -194
  432. package/dist/switch/Switch.stories.js +0 -134
  433. package/dist/switch/readme.md +0 -133
  434. package/dist/table/Table.js +0 -98
  435. package/dist/tabs/Tabs.js +0 -325
  436. package/dist/tabs/Tabs.stories.js +0 -130
  437. package/dist/tabs/readme.md +0 -78
  438. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  439. package/dist/tabs-for-sections/readme.md +0 -78
  440. package/dist/tag/Tag.js +0 -268
  441. package/dist/textarea/Textarea.js +0 -238
  442. package/dist/toggle/Toggle.js +0 -220
  443. package/dist/toggle/Toggle.stories.js +0 -297
  444. package/dist/toggle/readme.md +0 -80
  445. package/dist/toggle-group/ToggleGroup.js +0 -223
  446. package/dist/toggle-group/readme.md +0 -82
  447. package/dist/upload/Upload.js +0 -209
  448. package/dist/upload/Upload.stories.js +0 -72
  449. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -123
  450. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  451. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  452. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -293
  453. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  454. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  455. package/dist/upload/file-upload/FileToUpload.js +0 -162
  456. package/dist/upload/file-upload/audio-icon.svg +0 -4
  457. package/dist/upload/file-upload/close.svg +0 -4
  458. package/dist/upload/file-upload/file-icon.svg +0 -4
  459. package/dist/upload/file-upload/video-icon.svg +0 -4
  460. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  461. package/dist/upload/readme.md +0 -37
  462. package/dist/upload/transaction/Transaction.js +0 -152
  463. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  464. package/dist/upload/transaction/audio-icon.svg +0 -4
  465. package/dist/upload/transaction/error-icon.svg +0 -4
  466. package/dist/upload/transaction/file-icon-err.svg +0 -4
  467. package/dist/upload/transaction/file-icon.svg +0 -4
  468. package/dist/upload/transaction/image-icon-err.svg +0 -4
  469. package/dist/upload/transaction/image-icon.svg +0 -4
  470. package/dist/upload/transaction/success-icon.svg +0 -4
  471. package/dist/upload/transaction/video-icon-err.svg +0 -4
  472. package/dist/upload/transaction/video-icon.svg +0 -4
  473. package/dist/upload/transactions/Transactions.js +0 -122
  474. package/dist/wizard/Wizard.js +0 -355
  475. package/dist/wizard/invalid_icon.svg +0 -6
  476. package/dist/wizard/valid_icon.svg +0 -6
  477. package/dist/wizard/validation-wrong.svg +0 -6
  478. package/test/Accordion.test.js +0 -33
  479. package/test/AccordionGroup.test.js +0 -125
  480. package/test/Alert.test.js +0 -53
  481. package/test/Box.test.js +0 -10
  482. package/test/Button.test.js +0 -18
  483. package/test/Card.test.js +0 -30
  484. package/test/Checkbox.test.js +0 -45
  485. package/test/Chip.test.js +0 -25
  486. package/test/Date.test.js +0 -393
  487. package/test/Dialog.test.js +0 -23
  488. package/test/Dropdown.test.js +0 -130
  489. package/test/Footer.test.js +0 -99
  490. package/test/Header.test.js +0 -39
  491. package/test/Heading.test.js +0 -35
  492. package/test/InputText.test.js +0 -240
  493. package/test/Link.test.js +0 -42
  494. package/test/Paginator.test.js +0 -177
  495. package/test/ProgressBar.test.js +0 -35
  496. package/test/Radio.test.js +0 -37
  497. package/test/ResultsetTable.test.js +0 -330
  498. package/test/Select.test.js +0 -192
  499. package/test/Sidenav.test.js +0 -45
  500. package/test/Slider.test.js +0 -82
  501. package/test/Spinner.test.js +0 -27
  502. package/test/Switch.test.js +0 -45
  503. package/test/Table.test.js +0 -36
  504. package/test/Tabs.test.js +0 -109
  505. package/test/TabsForSections.test.js +0 -34
  506. package/test/Tag.test.js +0 -32
  507. package/test/TextArea.test.js +0 -52
  508. package/test/ToggleGroup.test.js +0 -81
  509. package/test/Upload.test.js +0 -60
  510. package/test/Wizard.test.js +0 -130
  511. package/test/mocks/pngMock.js +0 -1
  512. package/test/mocks/svgMock.js +0 -1
  513. /package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  514. /package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  515. /package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  516. /package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  517. /package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  518. /package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  519. /package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  520. /package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  521. /package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  522. /package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
package/number-input/NumberInput.stories.tsx ADDED
@@ -0,0 +1,160 @@
1
+ import React from "react";
2
+ import { BackgroundColorProvider } from "../BackgroundColorContext";
3
+ import Title from "../../.storybook/components/Title";
4
+ import ExampleContainer from "../../.storybook/components/ExampleContainer";
5
+ import DarkContainer from "../../.storybook/components/DarkSection";
6
+ import DxcNumberInput from "./NumberInput";
7
+
8
+ export default {
9
+ title: "Number input ",
10
+ component: DxcNumberInput,
11
+ };
12
+
13
+ export const Chromatic = () => (
14
+ <>
15
+ <ExampleContainer>
16
+ <Title title="Without label" theme="light" level={4} />
17
+ <DxcNumberInput />
18
+ </ExampleContainer>
19
+ <ExampleContainer>
20
+ <Title title="With label and placeholder" theme="light" level={4} />
21
+ <DxcNumberInput label="Number input" placeholder="Placeholder" />
22
+ </ExampleContainer>
23
+ <ExampleContainer>
24
+ <Title title="Helper text, optional and value" theme="light" level={4} />
25
+ <DxcNumberInput label="Number input" defaultValue="12" helperText="Help message" optional />
26
+ </ExampleContainer>
27
+ <ExampleContainer>
28
+ <Title title="Disabled and placeholder" theme="light" level={4} />
29
+ <DxcNumberInput label="Disabled number input" disabled placeholder="Placeholder" />
30
+ </ExampleContainer>
31
+ <ExampleContainer>
32
+ <Title title="Disabled, helper text, optional and value" theme="light" level={4} />
33
+ <DxcNumberInput label="Disabled number input" helperText="Help message" disabled optional defaultValue="10" />
34
+ </ExampleContainer>
35
+ <ExampleContainer>
36
+ <Title title="Read only" theme="light" level={4} />
37
+ <DxcNumberInput
38
+ label="Example label"
39
+ helperText="Help message"
40
+ readOnly
41
+ optional
42
+ prefix="€"
43
+ defaultValue="33"
44
+ />
45
+ </ExampleContainer>
46
+ <ExampleContainer pseudoState="pseudo-hover">
47
+ <Title title="Hovered read only" theme="light" level={4} />
48
+ <DxcNumberInput
49
+ label="Example label"
50
+ helperText="Help message"
51
+ readOnly
52
+ optional
53
+ prefix="€"
54
+ defaultValue="1"
55
+ />
56
+ </ExampleContainer>
57
+ <ExampleContainer pseudoState="pseudo-active">
58
+ <Title title="Active read only" theme="light" level={4} />
59
+ <DxcNumberInput
60
+ label="Example label"
61
+ helperText="Help message"
62
+ readOnly
63
+ optional
64
+ prefix="€"
65
+ placeholder="Placeholder"
66
+ />
67
+ </ExampleContainer>
68
+ <ExampleContainer>
69
+ <Title title="Prefix" theme="light" level={4} />
70
+ <DxcNumberInput label="With prefix" prefix="+34" />
71
+ </ExampleContainer>
72
+ <ExampleContainer>
73
+ <Title title="Suffix" theme="light" level={4} />
74
+ <DxcNumberInput label="With suffix" suffix="USD" />
75
+ </ExampleContainer>
76
+ <ExampleContainer>
77
+ <Title title="Invalid" theme="light" level={4} />
78
+ <DxcNumberInput
79
+ label="Error number input"
80
+ helperText="Help message"
81
+ error="Error message."
82
+ defaultValue="23"
83
+ optional
84
+ />
85
+ </ExampleContainer>
86
+ <BackgroundColorProvider color="#333333">
87
+ <DarkContainer>
88
+ <Title title="Dark" theme="dark" level={2} />
89
+ <ExampleContainer>
90
+ <Title title="Helper text, placeholder and optional" theme="dark" level={4} />
91
+ <DxcNumberInput label="Number input" helperText="Help message" placeholder="Placeholder" optional />
92
+ </ExampleContainer>
93
+ <ExampleContainer>
94
+ <Title title="Helper text, value and error" theme="dark" level={4} />
95
+ <DxcNumberInput label="Number input" helperText="Help message" error="Error message." defaultValue="199" />
96
+ </ExampleContainer>
97
+ <ExampleContainer>
98
+ <Title title="Disabled and placeholder" theme="dark" level={4} />
99
+ <DxcNumberInput label="Disabled number input" disabled placeholder="Placeholder" />
100
+ </ExampleContainer>
101
+ <ExampleContainer>
102
+ <Title title="Disabled, helper text, optional and value" theme="dark" level={4} />
103
+ <DxcNumberInput
104
+ label="Disabled number input"
105
+ helperText="Help message"
106
+ disabled
107
+ optional
108
+ defaultValue="1232454"
109
+ />
110
+ </ExampleContainer>
111
+ </DarkContainer>
112
+ </BackgroundColorProvider>
113
+ <Title title="Margins" theme="light" level={2} />
114
+ <ExampleContainer>
115
+ <Title title="Xxsmall margin" theme="light" level={4} />
116
+ <DxcNumberInput label="Xxsmall" margin="xxsmall" />
117
+ </ExampleContainer>
118
+ <ExampleContainer>
119
+ <Title title="Xsmall margin" theme="light" level={4} />
120
+ <DxcNumberInput label="Xsmall" margin="xsmall" />
121
+ </ExampleContainer>
122
+ <ExampleContainer>
123
+ <Title title="Small margin" theme="light" level={4} />
124
+ <DxcNumberInput label="Small" margin="small" />
125
+ </ExampleContainer>
126
+ <ExampleContainer>
127
+ <Title title="Medium margin" theme="light" level={4} />
128
+ <DxcNumberInput label="Medium" margin="medium" />
129
+ </ExampleContainer>
130
+ <ExampleContainer>
131
+ <Title title="Large margin" theme="light" level={4} />
132
+ <DxcNumberInput label="Large" margin="large" />
133
+ </ExampleContainer>
134
+ <ExampleContainer>
135
+ <Title title="Xlarge margin" theme="light" level={4} />
136
+ <DxcNumberInput label="Xlarge" margin="xlarge" />
137
+ </ExampleContainer>
138
+ <ExampleContainer>
139
+ <Title title="Xxlarge margin" theme="light" level={4} />
140
+ <DxcNumberInput label="Xxlarge" margin="xxlarge" />
141
+ </ExampleContainer>
142
+ <Title title="Sizes" theme="light" level={2} />
143
+ <ExampleContainer>
144
+ <Title title="Small size" theme="light" level={4} />
145
+ <DxcNumberInput label="Small" size="small" />
146
+ </ExampleContainer>
147
+ <ExampleContainer>
148
+ <Title title="Medium size" theme="light" level={4} />
149
+ <DxcNumberInput label="Medium" size="medium" />
150
+ </ExampleContainer>
151
+ <ExampleContainer>
152
+ <Title title="Large size" theme="light" level={4} />
153
+ <DxcNumberInput label="Large" size="large" />
154
+ </ExampleContainer>
155
+ <ExampleContainer>
156
+ <Title title="FillParent size" theme="light" level={4} />
157
+ <DxcNumberInput label="FillParent" size="fillParent" />
158
+ </ExampleContainer>
159
+ </>
160
+ );