@dxc-technology/halstack-react 0.0.0-b7324ab → 0.0.0-b7a7d72

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 (514) 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 +296 -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/common/utils.js +22 -0
  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 +36 -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 +32 -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/main.js +385 -0
  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 +50 -36
  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 +111 -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 +209 -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 +205 -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/useTheme.js +22 -0
  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 -4
  337. package/dist/ThemeContext.js +0 -15
  338. package/dist/accordion/Accordion.js +0 -264
  339. package/dist/accordion/Accordion.stories.js +0 -207
  340. package/dist/accordion/readme.md +0 -96
  341. package/dist/alert/Alert.js +0 -302
  342. package/dist/alert/Alert.stories.js +0 -158
  343. package/dist/alert/close.svg +0 -4
  344. package/dist/alert/error.svg +0 -4
  345. package/dist/alert/info.svg +0 -4
  346. package/dist/alert/readme.md +0 -43
  347. package/dist/alert/success.svg +0 -4
  348. package/dist/alert/warning.svg +0 -4
  349. package/dist/box/Box.js +0 -136
  350. package/dist/button/Button.js +0 -183
  351. package/dist/button/Button.stories.js +0 -224
  352. package/dist/button/readme.md +0 -93
  353. package/dist/card/Card.js +0 -246
  354. package/dist/checkbox/Checkbox.js +0 -224
  355. package/dist/checkbox/Checkbox.stories.js +0 -144
  356. package/dist/checkbox/readme.md +0 -116
  357. package/dist/chip/Chip.js +0 -170
  358. package/dist/common/OpenSans.css +0 -81
  359. package/dist/common/RequiredComponent.js +0 -46
  360. package/dist/common/services/example-service.js +0 -10
  361. package/dist/common/services/example-service.test.js +0 -12
  362. package/dist/common/utils.js +0 -42
  363. package/dist/common/variables.js +0 -214
  364. package/dist/date/Date.js +0 -342
  365. package/dist/date/Date.stories.js +0 -205
  366. package/dist/date/calendar.svg +0 -1
  367. package/dist/date/calendar_dark.svg +0 -1
  368. package/dist/date/readme.md +0 -73
  369. package/dist/dialog/Dialog.js +0 -193
  370. package/dist/dialog/Dialog.stories.js +0 -217
  371. package/dist/dialog/readme.md +0 -32
  372. package/dist/dropdown/Dropdown.js +0 -412
  373. package/dist/dropdown/Dropdown.stories.js +0 -249
  374. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  375. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  376. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  377. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  378. package/dist/dropdown/readme.md +0 -69
  379. package/dist/footer/Footer.js +0 -341
  380. package/dist/footer/Footer.stories.js +0 -94
  381. package/dist/footer/dxc_logo_wht.png +0 -0
  382. package/dist/footer/readme.md +0 -41
  383. package/dist/header/Header.js +0 -350
  384. package/dist/header/Header.stories.js +0 -176
  385. package/dist/header/close_icon.svg +0 -1
  386. package/dist/header/dxc_logo_black.png +0 -0
  387. package/dist/header/dxc_logo_white.png +0 -0
  388. package/dist/header/hamb_menu_black.svg +0 -1
  389. package/dist/header/hamb_menu_white.svg +0 -1
  390. package/dist/header/readme.md +0 -33
  391. package/dist/heading/Heading.js +0 -159
  392. package/dist/input-text/InputText.js +0 -519
  393. package/dist/input-text/InputText.stories.js +0 -209
  394. package/dist/input-text/error.svg +0 -1
  395. package/dist/input-text/readme.md +0 -91
  396. package/dist/link/Link.js +0 -129
  397. package/dist/link/readme.md +0 -51
  398. package/dist/main.js +0 -263
  399. package/dist/paginator/Paginator.js +0 -178
  400. package/dist/paginator/images/next.svg +0 -3
  401. package/dist/paginator/images/nextPage.svg +0 -3
  402. package/dist/paginator/images/previous.svg +0 -3
  403. package/dist/paginator/images/previousPage.svg +0 -3
  404. package/dist/paginator/readme.md +0 -50
  405. package/dist/progress-bar/ProgressBar.js +0 -189
  406. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  407. package/dist/progress-bar/readme.md +0 -63
  408. package/dist/radio/Radio.js +0 -191
  409. package/dist/radio/Radio.stories.js +0 -166
  410. package/dist/radio/readme.md +0 -70
  411. package/dist/resultsetTable/ResultsetTable.js +0 -334
  412. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  413. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  414. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  415. package/dist/select/Select.js +0 -442
  416. package/dist/select/Select.stories.js +0 -235
  417. package/dist/select/readme.md +0 -72
  418. package/dist/sidenav/Sidenav.js +0 -217
  419. package/dist/sidenav/arrow_icon.svg +0 -3
  420. package/dist/slider/Slider.js +0 -258
  421. package/dist/slider/Slider.stories.js +0 -241
  422. package/dist/slider/readme.md +0 -64
  423. package/dist/spinner/Spinner.js +0 -196
  424. package/dist/spinner/Spinner.stories.js +0 -183
  425. package/dist/spinner/readme.md +0 -65
  426. package/dist/switch/Switch.js +0 -195
  427. package/dist/switch/Switch.stories.js +0 -134
  428. package/dist/switch/readme.md +0 -133
  429. package/dist/table/Table.js +0 -84
  430. package/dist/tabs/Tabs.js +0 -170
  431. package/dist/tabs/Tabs.stories.js +0 -130
  432. package/dist/tabs/readme.md +0 -78
  433. package/dist/tabs-for-sections/TabsForSections.js +0 -107
  434. package/dist/tabs-for-sections/readme.md +0 -78
  435. package/dist/tag/Tag.js +0 -217
  436. package/dist/textarea/Textarea.js +0 -226
  437. package/dist/toggle/Toggle.js +0 -223
  438. package/dist/toggle/Toggle.stories.js +0 -297
  439. package/dist/toggle/readme.md +0 -80
  440. package/dist/upload/Upload.js +0 -200
  441. package/dist/upload/Upload.stories.js +0 -72
  442. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -125
  443. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  444. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  445. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -282
  446. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  447. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  448. package/dist/upload/file-upload/FileToUpload.js +0 -158
  449. package/dist/upload/file-upload/audio-icon.svg +0 -4
  450. package/dist/upload/file-upload/close.svg +0 -4
  451. package/dist/upload/file-upload/file-icon.svg +0 -4
  452. package/dist/upload/file-upload/video-icon.svg +0 -4
  453. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  454. package/dist/upload/readme.md +0 -37
  455. package/dist/upload/transaction/Transaction.js +0 -155
  456. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  457. package/dist/upload/transaction/audio-icon.svg +0 -4
  458. package/dist/upload/transaction/error-icon.svg +0 -4
  459. package/dist/upload/transaction/file-icon-err.svg +0 -4
  460. package/dist/upload/transaction/file-icon.svg +0 -4
  461. package/dist/upload/transaction/image-icon-err.svg +0 -4
  462. package/dist/upload/transaction/image-icon.svg +0 -4
  463. package/dist/upload/transaction/success-icon.svg +0 -4
  464. package/dist/upload/transaction/video-icon-err.svg +0 -4
  465. package/dist/upload/transaction/video-icon.svg +0 -4
  466. package/dist/upload/transactions/Transactions.js +0 -120
  467. package/dist/wizard/Wizard.js +0 -310
  468. package/dist/wizard/invalid_icon.svg +0 -6
  469. package/dist/wizard/valid_icon.svg +0 -6
  470. package/dist/wizard/validation-wrong.svg +0 -6
  471. package/test/Accordion.test.js +0 -33
  472. package/test/Alert.test.js +0 -53
  473. package/test/Box.test.js +0 -10
  474. package/test/Button.test.js +0 -18
  475. package/test/Card.test.js +0 -30
  476. package/test/Checkbox.test.js +0 -45
  477. package/test/Chip.test.js +0 -25
  478. package/test/Date.test.js +0 -393
  479. package/test/Dialog.test.js +0 -23
  480. package/test/Dropdown.test.js +0 -130
  481. package/test/Footer.test.js +0 -99
  482. package/test/Header.test.js +0 -39
  483. package/test/Heading.test.js +0 -35
  484. package/test/InputText.test.js +0 -236
  485. package/test/Link.test.js +0 -25
  486. package/test/Paginator.test.js +0 -165
  487. package/test/ProgressBar.test.js +0 -35
  488. package/test/Radio.test.js +0 -37
  489. package/test/ResultsetTable.test.js +0 -282
  490. package/test/Select.test.js +0 -191
  491. package/test/Sidenav.test.js +0 -87
  492. package/test/Slider.test.js +0 -65
  493. package/test/Spinner.test.js +0 -27
  494. package/test/Switch.test.js +0 -45
  495. package/test/Table.test.js +0 -36
  496. package/test/Tabs.test.js +0 -88
  497. package/test/TabsForSections.test.js +0 -34
  498. package/test/Tag.test.js +0 -32
  499. package/test/TextArea.test.js +0 -52
  500. package/test/Toggle.test.js +0 -43
  501. package/test/Upload.test.js +0 -60
  502. package/test/Wizard.test.js +0 -130
  503. package/test/mocks/pngMock.js +0 -1
  504. package/test/mocks/svgMock.js +0 -1
  505. /package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  506. /package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  507. /package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  508. /package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  509. /package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  510. /package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  511. /package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  512. /package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  513. /package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  514. /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
+ );