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