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