@dxc-technology/halstack-react 0.0.0-7e0de3e → 0.0.0-7ef55ea

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 (441) hide show
  1. package/BackgroundColorContext.d.ts +10 -0
  2. package/BackgroundColorContext.js +47 -0
  3. package/ThemeContext.d.ts +15 -0
  4. package/ThemeContext.js +243 -0
  5. package/V3Select/V3Select.js +455 -0
  6. package/V3Select/index.d.ts +27 -0
  7. package/V3Textarea/V3Textarea.js +260 -0
  8. package/V3Textarea/index.d.ts +27 -0
  9. package/accordion/Accordion.d.ts +4 -0
  10. package/accordion/Accordion.js +247 -0
  11. package/accordion/Accordion.stories.tsx +307 -0
  12. package/accordion/types.d.ts +64 -0
  13. package/accordion/types.js +5 -0
  14. package/accordion-group/AccordionGroup.d.ts +7 -0
  15. package/accordion-group/AccordionGroup.js +170 -0
  16. package/accordion-group/AccordionGroup.stories.tsx +225 -0
  17. package/accordion-group/types.d.ts +68 -0
  18. package/accordion-group/types.js +5 -0
  19. package/alert/Alert.d.ts +4 -0
  20. package/alert/Alert.js +290 -0
  21. package/alert/Alert.stories.tsx +170 -0
  22. package/alert/types.d.ts +49 -0
  23. package/alert/types.js +5 -0
  24. package/badge/Badge.d.ts +4 -0
  25. package/badge/Badge.js +59 -0
  26. package/badge/types.d.ts +4 -0
  27. package/badge/types.js +5 -0
  28. package/bleed/Bleed.d.ts +3 -0
  29. package/bleed/Bleed.js +84 -0
  30. package/bleed/Bleed.stories.tsx +342 -0
  31. package/bleed/types.d.ts +13 -0
  32. package/bleed/types.js +5 -0
  33. package/box/Box.d.ts +4 -0
  34. package/{dist/box → box}/Box.js +15 -53
  35. package/box/Box.stories.tsx +132 -0
  36. package/box/types.d.ts +43 -0
  37. package/box/types.js +5 -0
  38. package/button/Button.d.ts +4 -0
  39. package/button/Button.js +171 -0
  40. package/button/Button.stories.tsx +274 -0
  41. package/button/types.d.ts +53 -0
  42. package/button/types.js +5 -0
  43. package/card/Card.d.ts +4 -0
  44. package/card/Card.js +164 -0
  45. package/card/Card.stories.tsx +201 -0
  46. package/card/ice-cream.jpg +0 -0
  47. package/card/types.d.ts +67 -0
  48. package/card/types.js +5 -0
  49. package/checkbox/Checkbox.d.ts +4 -0
  50. package/checkbox/Checkbox.js +253 -0
  51. package/checkbox/Checkbox.stories.tsx +192 -0
  52. package/checkbox/types.d.ts +60 -0
  53. package/checkbox/types.js +5 -0
  54. package/chip/Chip.d.ts +4 -0
  55. package/chip/Chip.js +161 -0
  56. package/chip/Chip.stories.tsx +119 -0
  57. package/chip/types.d.ts +45 -0
  58. package/chip/types.js +5 -0
  59. package/{dist/common → common}/OpenSans.css +0 -0
  60. package/{dist/common → common}/RequiredComponent.js +3 -11
  61. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  62. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  63. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  64. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  65. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  66. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  67. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  68. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  69. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  70. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  71. package/{dist/common → common}/utils.js +0 -0
  72. package/common/variables.js +1611 -0
  73. package/{dist/date → date}/Date.js +72 -56
  74. package/date/index.d.ts +27 -0
  75. package/date-input/DateInput.d.ts +4 -0
  76. package/date-input/DateInput.js +358 -0
  77. package/date-input/DateInput.stories.tsx +138 -0
  78. package/date-input/types.d.ts +100 -0
  79. package/date-input/types.js +5 -0
  80. package/dialog/Dialog.d.ts +4 -0
  81. package/dialog/Dialog.js +166 -0
  82. package/dialog/Dialog.stories.tsx +212 -0
  83. package/dialog/types.d.ts +43 -0
  84. package/dialog/types.js +5 -0
  85. package/dropdown/Dropdown.d.ts +4 -0
  86. package/dropdown/Dropdown.js +395 -0
  87. package/dropdown/Dropdown.stories.tsx +249 -0
  88. package/dropdown/types.d.ts +80 -0
  89. package/dropdown/types.js +5 -0
  90. package/file-input/FileInput.d.ts +4 -0
  91. package/file-input/FileInput.js +590 -0
  92. package/file-input/FileInput.stories.tsx +507 -0
  93. package/file-input/FileItem.d.ts +14 -0
  94. package/file-input/FileItem.js +184 -0
  95. package/file-input/types.d.ts +112 -0
  96. package/file-input/types.js +5 -0
  97. package/footer/Footer.d.ts +4 -0
  98. package/footer/Footer.js +258 -0
  99. package/footer/Footer.stories.tsx +130 -0
  100. package/footer/Icons.d.ts +2 -0
  101. package/footer/Icons.js +77 -0
  102. package/footer/types.d.ts +65 -0
  103. package/footer/types.js +5 -0
  104. package/header/Header.d.ts +7 -0
  105. package/header/Header.js +324 -0
  106. package/header/Header.stories.tsx +162 -0
  107. package/header/Icons.d.ts +2 -0
  108. package/header/Icons.js +34 -0
  109. package/header/types.d.ts +47 -0
  110. package/header/types.js +5 -0
  111. package/heading/Heading.d.ts +4 -0
  112. package/{dist/heading → heading}/Heading.js +31 -94
  113. package/heading/Heading.stories.tsx +54 -0
  114. package/heading/types.d.ts +33 -0
  115. package/heading/types.js +5 -0
  116. package/input-text/Icons.js +22 -0
  117. package/input-text/InputText.js +611 -0
  118. package/input-text/index.d.ts +36 -0
  119. package/inset/Inset.d.ts +3 -0
  120. package/inset/Inset.js +84 -0
  121. package/inset/Inset.stories.tsx +229 -0
  122. package/inset/types.d.ts +13 -0
  123. package/inset/types.js +5 -0
  124. package/layout/ApplicationLayout.d.ts +10 -0
  125. package/layout/ApplicationLayout.js +231 -0
  126. package/layout/ApplicationLayout.stories.tsx +171 -0
  127. package/layout/Icons.js +55 -0
  128. package/layout/types.d.ts +57 -0
  129. package/layout/types.js +5 -0
  130. package/link/Link.d.ts +3 -0
  131. package/link/Link.js +153 -0
  132. package/link/Link.stories.tsx +151 -0
  133. package/link/types.d.ts +70 -0
  134. package/link/types.js +5 -0
  135. package/list/List.d.ts +4 -0
  136. package/list/List.js +47 -0
  137. package/list/List.stories.tsx +95 -0
  138. package/list/types.d.ts +7 -0
  139. package/list/types.js +5 -0
  140. package/main.d.ts +51 -0
  141. package/{dist/main.js → main.js} +164 -56
  142. package/number-input/NumberInput.d.ts +4 -0
  143. package/number-input/NumberInput.js +83 -0
  144. package/number-input/NumberInput.stories.tsx +115 -0
  145. package/number-input/NumberInputContext.d.ts +4 -0
  146. package/number-input/NumberInputContext.js +19 -0
  147. package/number-input/numberInputContextTypes.d.ts +19 -0
  148. package/number-input/numberInputContextTypes.js +5 -0
  149. package/number-input/types.d.ts +117 -0
  150. package/number-input/types.js +5 -0
  151. package/package.json +36 -25
  152. package/paginator/Icons.js +66 -0
  153. package/paginator/Paginator.d.ts +4 -0
  154. package/paginator/Paginator.js +192 -0
  155. package/paginator/Paginator.stories.tsx +63 -0
  156. package/paginator/types.d.ts +38 -0
  157. package/paginator/types.js +5 -0
  158. package/password-input/PasswordInput.d.ts +4 -0
  159. package/password-input/PasswordInput.js +163 -0
  160. package/password-input/PasswordInput.stories.tsx +131 -0
  161. package/password-input/types.d.ts +107 -0
  162. package/password-input/types.js +5 -0
  163. package/progress-bar/ProgressBar.d.ts +4 -0
  164. package/progress-bar/ProgressBar.js +170 -0
  165. package/progress-bar/ProgressBar.stories.jsx +58 -0
  166. package/progress-bar/types.d.ts +37 -0
  167. package/progress-bar/types.js +5 -0
  168. package/radio/Radio.d.ts +4 -0
  169. package/radio/Radio.js +174 -0
  170. package/radio/Radio.stories.tsx +192 -0
  171. package/radio/types.d.ts +54 -0
  172. package/radio/types.js +5 -0
  173. package/radio-group/Radio.d.ts +4 -0
  174. package/radio-group/Radio.js +140 -0
  175. package/radio-group/RadioGroup.d.ts +4 -0
  176. package/radio-group/RadioGroup.js +273 -0
  177. package/radio-group/RadioGroup.stories.tsx +79 -0
  178. package/radio-group/RadioGroup.test.js +248 -0
  179. package/radio-group/types.d.ts +36 -0
  180. package/radio-group/types.js +5 -0
  181. package/resultsetTable/ResultsetTable.d.ts +4 -0
  182. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +85 -163
  183. package/resultsetTable/ResultsetTable.stories.tsx +275 -0
  184. package/resultsetTable/types.d.ts +67 -0
  185. package/resultsetTable/types.js +5 -0
  186. package/row/Row.d.ts +3 -0
  187. package/row/Row.js +127 -0
  188. package/row/Row.stories.tsx +237 -0
  189. package/row/types.d.ts +10 -0
  190. package/row/types.js +5 -0
  191. package/select/Select.d.ts +4 -0
  192. package/select/Select.js +869 -0
  193. package/select/Select.stories.tsx +572 -0
  194. package/select/types.d.ts +170 -0
  195. package/select/types.js +5 -0
  196. package/sidenav/Sidenav.d.ts +9 -0
  197. package/sidenav/Sidenav.js +136 -0
  198. package/sidenav/Sidenav.stories.tsx +182 -0
  199. package/sidenav/types.d.ts +50 -0
  200. package/sidenav/types.js +5 -0
  201. package/slider/Slider.d.ts +4 -0
  202. package/slider/Slider.js +317 -0
  203. package/slider/Slider.stories.tsx +177 -0
  204. package/slider/types.d.ts +78 -0
  205. package/slider/types.js +5 -0
  206. package/spinner/Spinner.d.ts +4 -0
  207. package/spinner/Spinner.js +250 -0
  208. package/spinner/Spinner.stories.jsx +103 -0
  209. package/spinner/types.d.ts +32 -0
  210. package/spinner/types.js +5 -0
  211. package/stack/Stack.d.ts +3 -0
  212. package/stack/Stack.js +97 -0
  213. package/stack/Stack.stories.tsx +164 -0
  214. package/stack/types.d.ts +9 -0
  215. package/stack/types.js +5 -0
  216. package/switch/Switch.d.ts +4 -0
  217. package/{dist/switch → switch}/Switch.js +30 -79
  218. package/switch/Switch.stories.tsx +160 -0
  219. package/switch/types.d.ts +58 -0
  220. package/switch/types.js +5 -0
  221. package/table/Table.d.ts +4 -0
  222. package/table/Table.js +118 -0
  223. package/table/Table.stories.jsx +277 -0
  224. package/table/types.d.ts +21 -0
  225. package/table/types.js +5 -0
  226. package/tabs/Tabs.d.ts +4 -0
  227. package/tabs/Tabs.js +213 -0
  228. package/tabs/Tabs.stories.tsx +120 -0
  229. package/tabs/types.d.ts +78 -0
  230. package/tabs/types.js +5 -0
  231. package/tag/Tag.d.ts +4 -0
  232. package/tag/Tag.js +188 -0
  233. package/tag/Tag.stories.tsx +138 -0
  234. package/tag/types.d.ts +69 -0
  235. package/tag/types.js +5 -0
  236. package/text/Text.d.ts +7 -0
  237. package/text/Text.js +30 -0
  238. package/text/Text.stories.tsx +19 -0
  239. package/text-input/TextInput.d.ts +4 -0
  240. package/text-input/TextInput.js +796 -0
  241. package/text-input/TextInput.stories.tsx +456 -0
  242. package/text-input/types.d.ts +159 -0
  243. package/text-input/types.js +5 -0
  244. package/textarea/Textarea.d.ts +4 -0
  245. package/textarea/Textarea.js +286 -0
  246. package/textarea/Textarea.stories.jsx +136 -0
  247. package/textarea/types.d.ts +130 -0
  248. package/textarea/types.js +5 -0
  249. package/toggle-group/ToggleGroup.d.ts +4 -0
  250. package/toggle-group/ToggleGroup.js +214 -0
  251. package/toggle-group/ToggleGroup.stories.tsx +173 -0
  252. package/toggle-group/types.d.ts +97 -0
  253. package/toggle-group/types.js +5 -0
  254. package/{dist/upload → upload}/Upload.js +11 -19
  255. package/upload/buttons-upload/ButtonsUpload.js +111 -0
  256. package/upload/buttons-upload/Icons.js +40 -0
  257. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  258. package/upload/dragAndDropArea/Icons.js +39 -0
  259. package/upload/file-upload/FileToUpload.js +115 -0
  260. package/upload/file-upload/Icons.js +66 -0
  261. package/{dist/upload → upload}/files-upload/FilesToUpload.js +15 -29
  262. package/upload/index.d.ts +15 -0
  263. package/upload/transaction/Icons.js +160 -0
  264. package/upload/transaction/Transaction.js +104 -0
  265. package/upload/transactions/Transactions.js +94 -0
  266. package/useTheme.d.ts +2 -0
  267. package/{dist/useTheme.js → useTheme.js} +1 -1
  268. package/wizard/Wizard.d.ts +4 -0
  269. package/wizard/Wizard.js +281 -0
  270. package/wizard/Wizard.stories.tsx +224 -0
  271. package/wizard/types.d.ts +60 -0
  272. package/wizard/types.js +5 -0
  273. package/README.md +0 -66
  274. package/babel.config.js +0 -8
  275. package/dist/BackgroundColorContext.js +0 -46
  276. package/dist/ThemeContext.js +0 -216
  277. package/dist/accordion/Accordion.js +0 -356
  278. package/dist/accordion/Accordion.stories.js +0 -207
  279. package/dist/accordion/readme.md +0 -96
  280. package/dist/accordion-group/AccordionGroup.js +0 -188
  281. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  282. package/dist/accordion-group/readme.md +0 -70
  283. package/dist/alert/Alert.js +0 -318
  284. package/dist/alert/Alert.stories.js +0 -158
  285. package/dist/alert/close.svg +0 -4
  286. package/dist/alert/error.svg +0 -4
  287. package/dist/alert/info.svg +0 -4
  288. package/dist/alert/readme.md +0 -43
  289. package/dist/alert/success.svg +0 -4
  290. package/dist/alert/warning.svg +0 -4
  291. package/dist/badge/Badge.js +0 -40
  292. package/dist/button/Button.js +0 -228
  293. package/dist/button/Button.stories.js +0 -224
  294. package/dist/button/readme.md +0 -93
  295. package/dist/card/Card.js +0 -247
  296. package/dist/checkbox/Checkbox.js +0 -233
  297. package/dist/checkbox/Checkbox.stories.js +0 -144
  298. package/dist/checkbox/readme.md +0 -116
  299. package/dist/chip/Chip.js +0 -223
  300. package/dist/common/variables.js +0 -826
  301. package/dist/date/Date.stories.js +0 -205
  302. package/dist/date/calendar.svg +0 -1
  303. package/dist/date/calendar_dark.svg +0 -1
  304. package/dist/date/readme.md +0 -73
  305. package/dist/dialog/Dialog.js +0 -203
  306. package/dist/dialog/Dialog.stories.js +0 -217
  307. package/dist/dialog/readme.md +0 -32
  308. package/dist/dropdown/Dropdown.js +0 -456
  309. package/dist/dropdown/Dropdown.stories.js +0 -249
  310. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  311. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  312. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  313. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  314. package/dist/dropdown/readme.md +0 -69
  315. package/dist/footer/Footer.js +0 -405
  316. package/dist/footer/Footer.stories.js +0 -94
  317. package/dist/footer/dxc_logo_wht.png +0 -0
  318. package/dist/footer/readme.md +0 -41
  319. package/dist/header/Header.js +0 -431
  320. package/dist/header/Header.stories.js +0 -176
  321. package/dist/header/close_icon.svg +0 -1
  322. package/dist/header/dxc_logo_black.png +0 -0
  323. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  324. package/dist/header/dxc_logo_white.png +0 -0
  325. package/dist/header/hamb_menu_black.svg +0 -1
  326. package/dist/header/hamb_menu_white.svg +0 -1
  327. package/dist/header/readme.md +0 -33
  328. package/dist/input-text/InputText.js +0 -609
  329. package/dist/input-text/InputText.stories.js +0 -209
  330. package/dist/input-text/error.svg +0 -1
  331. package/dist/input-text/readme.md +0 -91
  332. package/dist/layout/ApplicationLayout.js +0 -331
  333. package/dist/layout/facebook.svg +0 -45
  334. package/dist/layout/linkedin.svg +0 -50
  335. package/dist/layout/twitter.svg +0 -53
  336. package/dist/link/Link.js +0 -212
  337. package/dist/link/readme.md +0 -51
  338. package/dist/paginator/Paginator.js +0 -261
  339. package/dist/paginator/images/next.svg +0 -3
  340. package/dist/paginator/images/nextPage.svg +0 -3
  341. package/dist/paginator/images/previous.svg +0 -3
  342. package/dist/paginator/images/previousPage.svg +0 -3
  343. package/dist/paginator/readme.md +0 -50
  344. package/dist/progress-bar/ProgressBar.js +0 -192
  345. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  346. package/dist/progress-bar/readme.md +0 -63
  347. package/dist/radio/Radio.js +0 -190
  348. package/dist/radio/Radio.stories.js +0 -166
  349. package/dist/radio/readme.md +0 -70
  350. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  351. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  352. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  353. package/dist/select/Select.js +0 -490
  354. package/dist/select/Select.stories.js +0 -235
  355. package/dist/select/readme.md +0 -72
  356. package/dist/sidenav/Sidenav.js +0 -183
  357. package/dist/slider/Slider.js +0 -267
  358. package/dist/slider/Slider.stories.js +0 -241
  359. package/dist/slider/readme.md +0 -64
  360. package/dist/spinner/Spinner.js +0 -214
  361. package/dist/spinner/Spinner.stories.js +0 -183
  362. package/dist/spinner/readme.md +0 -65
  363. package/dist/switch/Switch.stories.js +0 -134
  364. package/dist/switch/readme.md +0 -133
  365. package/dist/table/Table.js +0 -118
  366. package/dist/tabs/Tabs.js +0 -325
  367. package/dist/tabs/Tabs.stories.js +0 -130
  368. package/dist/tabs/readme.md +0 -78
  369. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  370. package/dist/tabs-for-sections/readme.md +0 -78
  371. package/dist/tag/Tag.js +0 -268
  372. package/dist/textarea/Textarea.js +0 -238
  373. package/dist/toggle/Toggle.js +0 -220
  374. package/dist/toggle/Toggle.stories.js +0 -297
  375. package/dist/toggle/readme.md +0 -80
  376. package/dist/toggle-group/ToggleGroup.js +0 -223
  377. package/dist/toggle-group/readme.md +0 -82
  378. package/dist/upload/Upload.stories.js +0 -72
  379. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -123
  380. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  381. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  382. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -293
  383. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  384. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  385. package/dist/upload/file-upload/FileToUpload.js +0 -162
  386. package/dist/upload/file-upload/audio-icon.svg +0 -4
  387. package/dist/upload/file-upload/close.svg +0 -4
  388. package/dist/upload/file-upload/file-icon.svg +0 -4
  389. package/dist/upload/file-upload/video-icon.svg +0 -4
  390. package/dist/upload/readme.md +0 -37
  391. package/dist/upload/transaction/Transaction.js +0 -152
  392. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  393. package/dist/upload/transaction/audio-icon.svg +0 -4
  394. package/dist/upload/transaction/error-icon.svg +0 -4
  395. package/dist/upload/transaction/file-icon-err.svg +0 -4
  396. package/dist/upload/transaction/file-icon.svg +0 -4
  397. package/dist/upload/transaction/image-icon-err.svg +0 -4
  398. package/dist/upload/transaction/image-icon.svg +0 -4
  399. package/dist/upload/transaction/success-icon.svg +0 -4
  400. package/dist/upload/transaction/video-icon-err.svg +0 -4
  401. package/dist/upload/transaction/video-icon.svg +0 -4
  402. package/dist/upload/transactions/Transactions.js +0 -122
  403. package/dist/wizard/Wizard.js +0 -383
  404. package/dist/wizard/invalid_icon.svg +0 -6
  405. package/dist/wizard/valid_icon.svg +0 -6
  406. package/dist/wizard/validation-wrong.svg +0 -6
  407. package/test/Accordion.test.js +0 -33
  408. package/test/AccordionGroup.test.js +0 -125
  409. package/test/Alert.test.js +0 -53
  410. package/test/Box.test.js +0 -10
  411. package/test/Button.test.js +0 -18
  412. package/test/Card.test.js +0 -30
  413. package/test/Checkbox.test.js +0 -45
  414. package/test/Chip.test.js +0 -25
  415. package/test/Date.test.js +0 -393
  416. package/test/Dialog.test.js +0 -23
  417. package/test/Dropdown.test.js +0 -130
  418. package/test/Footer.test.js +0 -99
  419. package/test/Header.test.js +0 -39
  420. package/test/Heading.test.js +0 -35
  421. package/test/InputText.test.js +0 -240
  422. package/test/Link.test.js +0 -42
  423. package/test/Paginator.test.js +0 -177
  424. package/test/ProgressBar.test.js +0 -35
  425. package/test/Radio.test.js +0 -37
  426. package/test/ResultsetTable.test.js +0 -330
  427. package/test/Select.test.js +0 -192
  428. package/test/Sidenav.test.js +0 -45
  429. package/test/Slider.test.js +0 -82
  430. package/test/Spinner.test.js +0 -27
  431. package/test/Switch.test.js +0 -45
  432. package/test/Table.test.js +0 -36
  433. package/test/Tabs.test.js +0 -109
  434. package/test/TabsForSections.test.js +0 -34
  435. package/test/Tag.test.js +0 -32
  436. package/test/TextArea.test.js +0 -52
  437. package/test/ToggleGroup.test.js +0 -81
  438. package/test/Upload.test.js +0 -60
  439. package/test/Wizard.test.js +0 -130
  440. package/test/mocks/pngMock.js +0 -1
  441. package/test/mocks/svgMock.js +0 -1
@@ -1,16 +1,16 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- Object.defineProperty(exports, "DxcAlert", {
10
+ Object.defineProperty(exports, "BackgroundColorProvider", {
11
11
  enumerable: true,
12
12
  get: function get() {
13
- return _Alert["default"];
13
+ return _BackgroundColorContext.BackgroundColorProvider;
14
14
  }
15
15
  });
16
16
  Object.defineProperty(exports, "DxcAccordion", {
@@ -19,6 +19,42 @@ Object.defineProperty(exports, "DxcAccordion", {
19
19
  return _Accordion["default"];
20
20
  }
21
21
  });
22
+ Object.defineProperty(exports, "DxcAccordionGroup", {
23
+ enumerable: true,
24
+ get: function get() {
25
+ return _AccordionGroup["default"];
26
+ }
27
+ });
28
+ Object.defineProperty(exports, "DxcAlert", {
29
+ enumerable: true,
30
+ get: function get() {
31
+ return _Alert["default"];
32
+ }
33
+ });
34
+ Object.defineProperty(exports, "DxcApplicationLayout", {
35
+ enumerable: true,
36
+ get: function get() {
37
+ return _ApplicationLayout["default"];
38
+ }
39
+ });
40
+ Object.defineProperty(exports, "DxcBadge", {
41
+ enumerable: true,
42
+ get: function get() {
43
+ return _Badge["default"];
44
+ }
45
+ });
46
+ Object.defineProperty(exports, "DxcBleed", {
47
+ enumerable: true,
48
+ get: function get() {
49
+ return _Bleed["default"];
50
+ }
51
+ });
52
+ Object.defineProperty(exports, "DxcBox", {
53
+ enumerable: true,
54
+ get: function get() {
55
+ return _Box["default"];
56
+ }
57
+ });
22
58
  Object.defineProperty(exports, "DxcButton", {
23
59
  enumerable: true,
24
60
  get: function get() {
@@ -37,12 +73,24 @@ Object.defineProperty(exports, "DxcCheckbox", {
37
73
  return _Checkbox["default"];
38
74
  }
39
75
  });
76
+ Object.defineProperty(exports, "DxcChip", {
77
+ enumerable: true,
78
+ get: function get() {
79
+ return _Chip["default"];
80
+ }
81
+ });
40
82
  Object.defineProperty(exports, "DxcDate", {
41
83
  enumerable: true,
42
84
  get: function get() {
43
85
  return _Date["default"];
44
86
  }
45
87
  });
88
+ Object.defineProperty(exports, "DxcDateInput", {
89
+ enumerable: true,
90
+ get: function get() {
91
+ return _DateInput["default"];
92
+ }
93
+ });
46
94
  Object.defineProperty(exports, "DxcDialog", {
47
95
  enumerable: true,
48
96
  get: function get() {
@@ -55,6 +103,12 @@ Object.defineProperty(exports, "DxcDropdown", {
55
103
  return _Dropdown["default"];
56
104
  }
57
105
  });
106
+ Object.defineProperty(exports, "DxcFileInput", {
107
+ enumerable: true,
108
+ get: function get() {
109
+ return _FileInput["default"];
110
+ }
111
+ });
58
112
  Object.defineProperty(exports, "DxcFooter", {
59
113
  enumerable: true,
60
114
  get: function get() {
@@ -67,46 +121,52 @@ Object.defineProperty(exports, "DxcHeader", {
67
121
  return _Header["default"];
68
122
  }
69
123
  });
124
+ Object.defineProperty(exports, "DxcHeading", {
125
+ enumerable: true,
126
+ get: function get() {
127
+ return _Heading["default"];
128
+ }
129
+ });
70
130
  Object.defineProperty(exports, "DxcInput", {
71
131
  enumerable: true,
72
132
  get: function get() {
73
133
  return _InputText["default"];
74
134
  }
75
135
  });
76
- Object.defineProperty(exports, "DxcRadio", {
136
+ Object.defineProperty(exports, "DxcInset", {
77
137
  enumerable: true,
78
138
  get: function get() {
79
- return _Radio["default"];
139
+ return _Inset["default"];
80
140
  }
81
141
  });
82
- Object.defineProperty(exports, "DxcSelect", {
142
+ Object.defineProperty(exports, "DxcLink", {
83
143
  enumerable: true,
84
144
  get: function get() {
85
- return _Select["default"];
145
+ return _Link["default"];
86
146
  }
87
147
  });
88
- Object.defineProperty(exports, "DxcSlider", {
148
+ Object.defineProperty(exports, "DxcList", {
89
149
  enumerable: true,
90
150
  get: function get() {
91
- return _Slider["default"];
151
+ return _List["default"];
92
152
  }
93
153
  });
94
- Object.defineProperty(exports, "DxcSwitch", {
154
+ Object.defineProperty(exports, "DxcNumberInput", {
95
155
  enumerable: true,
96
156
  get: function get() {
97
- return _Switch["default"];
157
+ return _NumberInput["default"];
98
158
  }
99
159
  });
100
- Object.defineProperty(exports, "DxcTabs", {
160
+ Object.defineProperty(exports, "DxcPaginator", {
101
161
  enumerable: true,
102
162
  get: function get() {
103
- return _Tabs["default"];
163
+ return _Paginator["default"];
104
164
  }
105
165
  });
106
- Object.defineProperty(exports, "DxcTabsForSections", {
166
+ Object.defineProperty(exports, "DxcPasswordInput", {
107
167
  enumerable: true,
108
168
  get: function get() {
109
- return _TabsForSections["default"];
169
+ return _PasswordInput["default"];
110
170
  }
111
171
  });
112
172
  Object.defineProperty(exports, "DxcProgressBar", {
@@ -115,88 +175,100 @@ Object.defineProperty(exports, "DxcProgressBar", {
115
175
  return _ProgressBar["default"];
116
176
  }
117
177
  });
118
- Object.defineProperty(exports, "DxcSpinner", {
178
+ Object.defineProperty(exports, "DxcRadio", {
119
179
  enumerable: true,
120
180
  get: function get() {
121
- return _Spinner["default"];
181
+ return _Radio["default"];
122
182
  }
123
183
  });
124
- Object.defineProperty(exports, "DxcUpload", {
184
+ Object.defineProperty(exports, "DxcRadioGroup", {
125
185
  enumerable: true,
126
186
  get: function get() {
127
- return _Upload["default"];
187
+ return _RadioGroup["default"];
128
188
  }
129
189
  });
130
- Object.defineProperty(exports, "DxcTable", {
190
+ Object.defineProperty(exports, "DxcResultsetTable", {
131
191
  enumerable: true,
132
192
  get: function get() {
133
- return _Table["default"];
193
+ return _ResultsetTable["default"];
134
194
  }
135
195
  });
136
- Object.defineProperty(exports, "DxcBox", {
196
+ Object.defineProperty(exports, "DxcRow", {
137
197
  enumerable: true,
138
198
  get: function get() {
139
- return _Box["default"];
199
+ return _Row["default"];
140
200
  }
141
201
  });
142
- Object.defineProperty(exports, "DxcTag", {
202
+ Object.defineProperty(exports, "DxcSelect", {
143
203
  enumerable: true,
144
204
  get: function get() {
145
- return _Tag["default"];
205
+ return _Select["default"];
146
206
  }
147
207
  });
148
- Object.defineProperty(exports, "DxcPaginator", {
208
+ Object.defineProperty(exports, "DxcSidenav", {
149
209
  enumerable: true,
150
210
  get: function get() {
151
- return _Paginator["default"];
211
+ return _Sidenav["default"];
152
212
  }
153
213
  });
154
- Object.defineProperty(exports, "DxcSidenav", {
214
+ Object.defineProperty(exports, "DxcSlider", {
155
215
  enumerable: true,
156
216
  get: function get() {
157
- return _Sidenav["default"];
217
+ return _Slider["default"];
158
218
  }
159
219
  });
160
- Object.defineProperty(exports, "DxcWizard", {
220
+ Object.defineProperty(exports, "DxcSpinner", {
161
221
  enumerable: true,
162
222
  get: function get() {
163
- return _Wizard["default"];
223
+ return _Spinner["default"];
164
224
  }
165
225
  });
166
- Object.defineProperty(exports, "DxcLink", {
226
+ Object.defineProperty(exports, "DxcStack", {
167
227
  enumerable: true,
168
228
  get: function get() {
169
- return _Link["default"];
229
+ return _Stack["default"];
170
230
  }
171
231
  });
172
- Object.defineProperty(exports, "DxcHeading", {
232
+ Object.defineProperty(exports, "DxcSwitch", {
173
233
  enumerable: true,
174
234
  get: function get() {
175
- return _Heading["default"];
235
+ return _Switch["default"];
176
236
  }
177
237
  });
178
- Object.defineProperty(exports, "DxcTextarea", {
238
+ Object.defineProperty(exports, "DxcTable", {
179
239
  enumerable: true,
180
240
  get: function get() {
181
- return _Textarea["default"];
241
+ return _Table["default"];
182
242
  }
183
243
  });
184
- Object.defineProperty(exports, "DxcResultsetTable", {
244
+ Object.defineProperty(exports, "DxcTabs", {
185
245
  enumerable: true,
186
246
  get: function get() {
187
- return _ResultsetTable["default"];
247
+ return _Tabs["default"];
188
248
  }
189
249
  });
190
- Object.defineProperty(exports, "DxcChip", {
250
+ Object.defineProperty(exports, "DxcTag", {
191
251
  enumerable: true,
192
252
  get: function get() {
193
- return _Chip["default"];
253
+ return _Tag["default"];
194
254
  }
195
255
  });
196
- Object.defineProperty(exports, "DxcApplicationLayout", {
256
+ Object.defineProperty(exports, "DxcText", {
197
257
  enumerable: true,
198
258
  get: function get() {
199
- return _ApplicationLayout["default"];
259
+ return _Text["default"];
260
+ }
261
+ });
262
+ Object.defineProperty(exports, "DxcTextInput", {
263
+ enumerable: true,
264
+ get: function get() {
265
+ return _TextInput["default"];
266
+ }
267
+ });
268
+ Object.defineProperty(exports, "DxcTextarea", {
269
+ enumerable: true,
270
+ get: function get() {
271
+ return _Textarea["default"];
200
272
  }
201
273
  });
202
274
  Object.defineProperty(exports, "DxcToggleGroup", {
@@ -205,16 +277,16 @@ Object.defineProperty(exports, "DxcToggleGroup", {
205
277
  return _ToggleGroup["default"];
206
278
  }
207
279
  });
208
- Object.defineProperty(exports, "DxcAccordionGroup", {
280
+ Object.defineProperty(exports, "DxcUpload", {
209
281
  enumerable: true,
210
282
  get: function get() {
211
- return _AccordionGroup["default"];
283
+ return _Upload["default"];
212
284
  }
213
285
  });
214
- Object.defineProperty(exports, "DxcBadge", {
286
+ Object.defineProperty(exports, "DxcWizard", {
215
287
  enumerable: true,
216
288
  get: function get() {
217
- return _Badge["default"];
289
+ return _Wizard["default"];
218
290
  }
219
291
  });
220
292
  Object.defineProperty(exports, "ThemeContext", {
@@ -229,10 +301,16 @@ Object.defineProperty(exports, "ThemeProvider", {
229
301
  return _ThemeContext.ThemeProvider;
230
302
  }
231
303
  });
232
- Object.defineProperty(exports, "BackgroundColorProvider", {
304
+ Object.defineProperty(exports, "V3DxcSelect", {
233
305
  enumerable: true,
234
306
  get: function get() {
235
- return _BackgroundColorContext.BackgroundColorProvider;
307
+ return _V3Select["default"];
308
+ }
309
+ });
310
+ Object.defineProperty(exports, "V3DxcTextarea", {
311
+ enumerable: true,
312
+ get: function get() {
313
+ return _V3Textarea["default"];
236
314
  }
237
315
  });
238
316
 
@@ -260,7 +338,7 @@ var _InputText = _interopRequireDefault(require("./input-text/InputText"));
260
338
 
261
339
  var _Radio = _interopRequireDefault(require("./radio/Radio"));
262
340
 
263
- var _Select = _interopRequireDefault(require("./select/Select"));
341
+ var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
264
342
 
265
343
  var _Slider = _interopRequireDefault(require("./slider/Slider"));
266
344
 
@@ -268,8 +346,6 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
268
346
 
269
347
  var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
270
348
 
271
- var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
272
-
273
349
  var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
274
350
 
275
351
  var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
@@ -292,7 +368,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
292
368
 
293
369
  var _Heading = _interopRequireDefault(require("./heading/Heading"));
294
370
 
295
- var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
371
+ var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
296
372
 
297
373
  var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
298
374
 
@@ -306,6 +382,38 @@ var _AccordionGroup = _interopRequireDefault(require("./accordion-group/Accordio
306
382
 
307
383
  var _Badge = _interopRequireDefault(require("./badge/Badge"));
308
384
 
309
- var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
385
+ var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
386
+
387
+ var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
388
+
389
+ var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
390
+
391
+ var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
392
+
393
+ var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
394
+
395
+ var _Select = _interopRequireDefault(require("./select/Select"));
396
+
397
+ var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
398
+
399
+ var _Stack = _interopRequireDefault(require("./stack/Stack"));
400
+
401
+ var _Row = _interopRequireDefault(require("./row/Row"));
402
+
403
+ var _Text = _interopRequireDefault(require("./text/Text"));
404
+
405
+ var _List = _interopRequireDefault(require("./list/List"));
406
+
407
+ var _RadioGroup = _interopRequireDefault(require("./radio-group/RadioGroup"));
408
+
409
+ var _Bleed = _interopRequireDefault(require("./bleed/Bleed"));
410
+
411
+ var _Inset = _interopRequireDefault(require("./inset/Inset"));
412
+
413
+ var _ThemeContext = _interopRequireWildcard(require("./ThemeContext"));
414
+
415
+ var _BackgroundColorContext = require("./BackgroundColorContext");
416
+
417
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
310
418
 
311
- var _BackgroundColorContext = require("./BackgroundColorContext.js");
419
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import NumberInputPropsType from "./types";
3
+ declare const DxcNumberInput: React.ForwardRefExoticComponent<NumberInputPropsType & React.RefAttributes<HTMLDivElement>>;
4
+ export default DxcNumberInput;
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
15
+
16
+ var _TextInput = _interopRequireDefault(require("../text-input/TextInput"));
17
+
18
+ var _NumberInputContext = _interopRequireDefault(require("./NumberInputContext"));
19
+
20
+ var _templateObject;
21
+
22
+ var DxcNumberInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
23
+ var label = _ref.label,
24
+ _ref$name = _ref.name,
25
+ name = _ref$name === void 0 ? "" : _ref$name,
26
+ value = _ref.value,
27
+ helperText = _ref.helperText,
28
+ _ref$placeholder = _ref.placeholder,
29
+ placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
30
+ _ref$disabled = _ref.disabled,
31
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
32
+ _ref$optional = _ref.optional,
33
+ optional = _ref$optional === void 0 ? false : _ref$optional,
34
+ _ref$prefix = _ref.prefix,
35
+ prefix = _ref$prefix === void 0 ? "" : _ref$prefix,
36
+ _ref$suffix = _ref.suffix,
37
+ suffix = _ref$suffix === void 0 ? "" : _ref$suffix,
38
+ min = _ref.min,
39
+ max = _ref.max,
40
+ _ref$step = _ref.step,
41
+ step = _ref$step === void 0 ? 1 : _ref$step,
42
+ onChange = _ref.onChange,
43
+ onBlur = _ref.onBlur,
44
+ error = _ref.error,
45
+ _ref$autocomplete = _ref.autocomplete,
46
+ autocomplete = _ref$autocomplete === void 0 ? "off" : _ref$autocomplete,
47
+ margin = _ref.margin,
48
+ _ref$size = _ref.size,
49
+ size = _ref$size === void 0 ? "medium" : _ref$size,
50
+ _ref$tabIndex = _ref.tabIndex,
51
+ tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
52
+ return /*#__PURE__*/_react["default"].createElement(_NumberInputContext["default"].Provider, {
53
+ value: {
54
+ typeNumber: "number",
55
+ minNumber: min,
56
+ maxNumber: max,
57
+ stepNumber: step
58
+ }
59
+ }, /*#__PURE__*/_react["default"].createElement(NumberInputContainer, null, /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
60
+ label: label,
61
+ name: name,
62
+ value: value,
63
+ helperText: helperText,
64
+ placeholder: placeholder,
65
+ disabled: disabled,
66
+ optional: optional,
67
+ prefix: prefix,
68
+ suffix: suffix,
69
+ error: error,
70
+ onChange: onChange,
71
+ onBlur: onBlur,
72
+ autocomplete: autocomplete,
73
+ margin: margin,
74
+ size: size,
75
+ tabIndex: tabIndex,
76
+ ref: ref
77
+ })));
78
+ });
79
+
80
+ var NumberInputContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n // Chrome, Safari, Edge, Opera\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n // Firefox\n input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n"])));
81
+
82
+ var _default = DxcNumberInput;
83
+ exports["default"] = _default;
@@ -0,0 +1,115 @@
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" value="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 value="10" />
34
+ </ExampleContainer>
35
+ <ExampleContainer>
36
+ <Title title="Prefix" theme="light" level={4} />
37
+ <DxcNumberInput label="With prefix" prefix="+34" />
38
+ </ExampleContainer>
39
+ <ExampleContainer>
40
+ <Title title="Suffix" theme="light" level={4} />
41
+ <DxcNumberInput label="With suffix" suffix="USD" />
42
+ </ExampleContainer>
43
+ <ExampleContainer>
44
+ <Title title="Invalid" theme="light" level={4} />
45
+ <DxcNumberInput label="Error number input" helperText="Help message" error="Error message." value="23" optional />
46
+ </ExampleContainer>
47
+ <BackgroundColorProvider color="#333333">
48
+ <DarkContainer>
49
+ <Title title="Dark" theme="dark" level={2} />
50
+ <ExampleContainer>
51
+ <Title title="Helper text, placeholder and optional" theme="dark" level={4} />
52
+ <DxcNumberInput label="Number input" helperText="Help message" placeholder="Placeholder" optional />
53
+ </ExampleContainer>
54
+ <ExampleContainer>
55
+ <Title title="Helper text, value and error" theme="dark" level={4} />
56
+ <DxcNumberInput label="Number input" helperText="Help message" error="Error message." value="199" />
57
+ </ExampleContainer>
58
+ <ExampleContainer>
59
+ <Title title="Disabled and placeholder" theme="dark" level={4} />
60
+ <DxcNumberInput label="Disabled number input" disabled placeholder="Placeholder" />
61
+ </ExampleContainer>
62
+ <ExampleContainer>
63
+ <Title title="Disabled, helper text, optional and value" theme="dark" level={4} />
64
+ <DxcNumberInput label="Disabled number input" helperText="Help message" disabled optional value="1232454" />
65
+ </ExampleContainer>
66
+ </DarkContainer>
67
+ </BackgroundColorProvider>
68
+ <Title title="Margins" theme="light" level={2} />
69
+ <ExampleContainer>
70
+ <Title title="Xxsmall margin" theme="light" level={4} />
71
+ <DxcNumberInput label="Xxsmall" margin="xxsmall" />
72
+ </ExampleContainer>
73
+ <ExampleContainer>
74
+ <Title title="Xsmall margin" theme="light" level={4} />
75
+ <DxcNumberInput label="Xsmall" margin="xsmall" />
76
+ </ExampleContainer>
77
+ <ExampleContainer>
78
+ <Title title="Small margin" theme="light" level={4} />
79
+ <DxcNumberInput label="Small" margin="small" />
80
+ </ExampleContainer>
81
+ <ExampleContainer>
82
+ <Title title="Medium margin" theme="light" level={4} />
83
+ <DxcNumberInput label="Medium" margin="medium" />
84
+ </ExampleContainer>
85
+ <ExampleContainer>
86
+ <Title title="Large margin" theme="light" level={4} />
87
+ <DxcNumberInput label="Large" margin="large" />
88
+ </ExampleContainer>
89
+ <ExampleContainer>
90
+ <Title title="Xlarge margin" theme="light" level={4} />
91
+ <DxcNumberInput label="Xlarge" margin="xlarge" />
92
+ </ExampleContainer>
93
+ <ExampleContainer>
94
+ <Title title="Xxlarge margin" theme="light" level={4} />
95
+ <DxcNumberInput label="Xxlarge" margin="xxlarge" />
96
+ </ExampleContainer>
97
+ <Title title="Sizes" theme="light" level={2} />
98
+ <ExampleContainer>
99
+ <Title title="Small size" theme="light" level={4} />
100
+ <DxcNumberInput label="Small" size="small" />
101
+ </ExampleContainer>
102
+ <ExampleContainer>
103
+ <Title title="Medium size" theme="light" level={4} />
104
+ <DxcNumberInput label="Medium" size="medium" />
105
+ </ExampleContainer>
106
+ <ExampleContainer>
107
+ <Title title="Large size" theme="light" level={4} />
108
+ <DxcNumberInput label="Large" size="large" />
109
+ </ExampleContainer>
110
+ <ExampleContainer>
111
+ <Title title="FillParent size" theme="light" level={4} />
112
+ <DxcNumberInput label="FillParent" size="fillParent" />
113
+ </ExampleContainer>
114
+ </>
115
+ );
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import NumberInputContextPropsType from "./numberInputContextTypes";
3
+ declare const NumberInputContext: React.Context<NumberInputContextPropsType>;
4
+ export default NumberInputContext;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var defaultState = {
13
+ stepNumber: 1
14
+ };
15
+
16
+ var NumberInputContext = /*#__PURE__*/_react["default"].createContext(defaultState);
17
+
18
+ var _default = NumberInputContext;
19
+ exports["default"] = _default;
@@ -0,0 +1,19 @@
1
+ declare type Props = {
2
+ /**
3
+ * Type of the input.
4
+ */
5
+ typeNumber?: string;
6
+ /**
7
+ * Minimum value allowed by the number input.
8
+ */
9
+ minNumber?: number;
10
+ /**
11
+ * Maximum value allowed by the number input.
12
+ */
13
+ maxNumber?: number;
14
+ /**
15
+ * The step interval to use when using the up and down arrows to adjust the value.
16
+ */
17
+ stepNumber?: number;
18
+ };
19
+ export default Props;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });