@dxc-technology/halstack-react 0.0.0-011babe → 0.0.0-02fc653

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 (346) hide show
  1. package/BackgroundColorContext.js +50 -0
  2. package/ThemeContext.js +246 -0
  3. package/V3Select/V3Select.js +455 -0
  4. package/V3Select/index.d.ts +27 -0
  5. package/V3Textarea/V3Textarea.js +260 -0
  6. package/V3Textarea/index.d.ts +27 -0
  7. package/accordion/Accordion.d.ts +4 -0
  8. package/accordion/Accordion.js +258 -0
  9. package/accordion/types.d.ts +68 -0
  10. package/accordion/types.js +5 -0
  11. package/accordion-group/AccordionGroup.d.ts +7 -0
  12. package/accordion-group/AccordionGroup.js +170 -0
  13. package/accordion-group/types.d.ts +72 -0
  14. package/accordion-group/types.js +5 -0
  15. package/alert/Alert.d.ts +4 -0
  16. package/alert/Alert.js +290 -0
  17. package/alert/types.d.ts +49 -0
  18. package/alert/types.js +5 -0
  19. package/badge/Badge.js +59 -0
  20. package/{dist/box → box}/Box.js +35 -30
  21. package/box/Box.stories.jsx +132 -0
  22. package/box/index.d.ts +25 -0
  23. package/button/Button.d.ts +4 -0
  24. package/button/Button.js +177 -0
  25. package/button/Button.stories.tsx +293 -0
  26. package/button/types.d.ts +57 -0
  27. package/button/types.js +5 -0
  28. package/card/Card.d.ts +4 -0
  29. package/card/Card.js +165 -0
  30. package/card/types.d.ts +69 -0
  31. package/card/types.js +5 -0
  32. package/checkbox/Checkbox.d.ts +4 -0
  33. package/checkbox/Checkbox.js +253 -0
  34. package/checkbox/Checkbox.stories.tsx +192 -0
  35. package/checkbox/types.d.ts +60 -0
  36. package/checkbox/types.js +5 -0
  37. package/chip/Chip.js +221 -0
  38. package/chip/index.d.ts +22 -0
  39. package/{dist/common → common}/OpenSans.css +0 -0
  40. package/{dist/common → common}/RequiredComponent.js +3 -11
  41. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  42. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  43. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  44. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  45. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  46. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  47. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  48. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  49. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  50. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  51. package/common/utils.js +22 -0
  52. package/common/variables.js +1569 -0
  53. package/{dist/date → date}/Date.js +77 -56
  54. package/date/index.d.ts +27 -0
  55. package/date-input/DateInput.d.ts +4 -0
  56. package/date-input/DateInput.js +361 -0
  57. package/date-input/types.d.ts +100 -0
  58. package/date-input/types.js +5 -0
  59. package/dialog/Dialog.d.ts +4 -0
  60. package/dialog/Dialog.js +165 -0
  61. package/dialog/types.d.ts +43 -0
  62. package/dialog/types.js +5 -0
  63. package/dropdown/Dropdown.d.ts +4 -0
  64. package/dropdown/Dropdown.js +417 -0
  65. package/dropdown/types.d.ts +89 -0
  66. package/dropdown/types.js +5 -0
  67. package/file-input/FileInput.js +532 -0
  68. package/file-input/FileItem.js +193 -0
  69. package/file-input/index.d.ts +81 -0
  70. package/footer/Footer.d.ts +4 -0
  71. package/footer/Footer.js +266 -0
  72. package/footer/Footer.stories.jsx +151 -0
  73. package/footer/Icons.js +77 -0
  74. package/footer/types.d.ts +61 -0
  75. package/footer/types.js +5 -0
  76. package/header/Header.d.ts +7 -0
  77. package/header/Header.js +324 -0
  78. package/header/Icons.js +34 -0
  79. package/header/types.d.ts +45 -0
  80. package/header/types.js +5 -0
  81. package/heading/Heading.js +176 -0
  82. package/heading/index.d.ts +17 -0
  83. package/input-text/Icons.js +22 -0
  84. package/input-text/InputText.js +611 -0
  85. package/input-text/index.d.ts +36 -0
  86. package/{dist/layout → layout}/ApplicationLayout.js +39 -134
  87. package/layout/Icons.js +55 -0
  88. package/link/Link.d.ts +3 -0
  89. package/link/Link.js +161 -0
  90. package/link/types.d.ts +74 -0
  91. package/link/types.js +5 -0
  92. package/main.d.ts +44 -0
  93. package/{dist/main.js → main.js} +125 -65
  94. package/number-input/NumberInput.js +128 -0
  95. package/number-input/NumberInput.stories.jsx +115 -0
  96. package/number-input/NumberInputContext.js +16 -0
  97. package/number-input/index.d.ts +113 -0
  98. package/package.json +32 -23
  99. package/paginator/Icons.js +66 -0
  100. package/paginator/Paginator.d.ts +4 -0
  101. package/paginator/Paginator.js +198 -0
  102. package/paginator/Paginator.stories.tsx +63 -0
  103. package/paginator/types.d.ts +38 -0
  104. package/paginator/types.js +5 -0
  105. package/password-input/PasswordInput.d.ts +4 -0
  106. package/password-input/PasswordInput.js +162 -0
  107. package/password-input/PasswordInput.stories.tsx +131 -0
  108. package/password-input/types.d.ts +100 -0
  109. package/password-input/types.js +5 -0
  110. package/progress-bar/ProgressBar.d.ts +4 -0
  111. package/progress-bar/ProgressBar.js +170 -0
  112. package/progress-bar/types.d.ts +37 -0
  113. package/progress-bar/types.js +5 -0
  114. package/radio/Radio.d.ts +4 -0
  115. package/radio/Radio.js +174 -0
  116. package/radio/Radio.stories.tsx +192 -0
  117. package/radio/types.d.ts +54 -0
  118. package/radio/types.js +5 -0
  119. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +89 -141
  120. package/resultsetTable/index.d.ts +19 -0
  121. package/select/Select.js +865 -0
  122. package/select/index.d.ts +131 -0
  123. package/sidenav/Sidenav.js +145 -0
  124. package/sidenav/index.d.ts +13 -0
  125. package/slider/Slider.d.ts +4 -0
  126. package/slider/Slider.js +306 -0
  127. package/slider/types.d.ts +83 -0
  128. package/slider/types.js +5 -0
  129. package/spinner/Spinner.d.ts +4 -0
  130. package/spinner/Spinner.js +250 -0
  131. package/spinner/Spinner.stories.jsx +102 -0
  132. package/spinner/types.d.ts +32 -0
  133. package/spinner/types.js +5 -0
  134. package/switch/Switch.d.ts +4 -0
  135. package/switch/Switch.js +179 -0
  136. package/switch/types.d.ts +58 -0
  137. package/switch/types.js +5 -0
  138. package/table/Table.d.ts +4 -0
  139. package/table/Table.js +118 -0
  140. package/table/Table.stories.jsx +276 -0
  141. package/table/types.d.ts +21 -0
  142. package/table/types.js +5 -0
  143. package/tabs/Tabs.d.ts +4 -0
  144. package/tabs/Tabs.js +211 -0
  145. package/tabs/types.d.ts +71 -0
  146. package/tabs/types.js +5 -0
  147. package/tag/Tag.js +214 -0
  148. package/tag/Tag.stories.jsx +145 -0
  149. package/tag/index.d.ts +24 -0
  150. package/text-input/TextInput.js +825 -0
  151. package/text-input/index.d.ts +135 -0
  152. package/textarea/Textarea.js +317 -0
  153. package/textarea/Textarea.stories.jsx +135 -0
  154. package/textarea/index.d.ts +117 -0
  155. package/{dist/toggle → toggle}/Toggle.js +15 -51
  156. package/toggle/index.d.ts +21 -0
  157. package/toggle-group/ToggleGroup.js +243 -0
  158. package/toggle-group/index.d.ts +21 -0
  159. package/{dist/upload → upload}/Upload.js +23 -24
  160. package/upload/buttons-upload/ButtonsUpload.js +111 -0
  161. package/upload/buttons-upload/Icons.js +40 -0
  162. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  163. package/upload/dragAndDropArea/Icons.js +39 -0
  164. package/upload/file-upload/FileToUpload.js +115 -0
  165. package/upload/file-upload/Icons.js +66 -0
  166. package/upload/files-upload/FilesToUpload.js +109 -0
  167. package/upload/index.d.ts +15 -0
  168. package/upload/transaction/Icons.js +160 -0
  169. package/upload/transaction/Transaction.js +104 -0
  170. package/upload/transactions/Transactions.js +94 -0
  171. package/{dist/useTheme.js → useTheme.js} +0 -0
  172. package/wizard/Icons.js +65 -0
  173. package/wizard/Wizard.js +271 -0
  174. package/wizard/index.d.ts +18 -0
  175. package/README.md +0 -66
  176. package/babel.config.js +0 -8
  177. package/dist/ThemeContext.js +0 -185
  178. package/dist/accordion/Accordion.js +0 -274
  179. package/dist/accordion/Accordion.stories.js +0 -207
  180. package/dist/accordion/readme.md +0 -96
  181. package/dist/accordion-group/AccordionGroup.js +0 -156
  182. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  183. package/dist/accordion-group/readme.md +0 -70
  184. package/dist/alert/Alert.js +0 -307
  185. package/dist/alert/Alert.stories.js +0 -158
  186. package/dist/alert/close.svg +0 -4
  187. package/dist/alert/error.svg +0 -4
  188. package/dist/alert/info.svg +0 -4
  189. package/dist/alert/readme.md +0 -43
  190. package/dist/alert/success.svg +0 -4
  191. package/dist/alert/warning.svg +0 -4
  192. package/dist/badge/Badge.js +0 -42
  193. package/dist/button/Button.js +0 -209
  194. package/dist/button/Button.stories.js +0 -224
  195. package/dist/button/readme.md +0 -93
  196. package/dist/card/Card.js +0 -217
  197. package/dist/checkbox/Checkbox.js +0 -231
  198. package/dist/checkbox/Checkbox.stories.js +0 -144
  199. package/dist/checkbox/readme.md +0 -116
  200. package/dist/chip/Chip.js +0 -209
  201. package/dist/common/services/example-service.js +0 -10
  202. package/dist/common/services/example-service.test.js +0 -12
  203. package/dist/common/utils.js +0 -42
  204. package/dist/common/variables.js +0 -431
  205. package/dist/date/Date.stories.js +0 -205
  206. package/dist/date/calendar.svg +0 -1
  207. package/dist/date/calendar_dark.svg +0 -1
  208. package/dist/date/readme.md +0 -73
  209. package/dist/dialog/Dialog.js +0 -201
  210. package/dist/dialog/Dialog.stories.js +0 -217
  211. package/dist/dialog/readme.md +0 -32
  212. package/dist/dropdown/Dropdown.js +0 -454
  213. package/dist/dropdown/Dropdown.stories.js +0 -249
  214. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  215. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  216. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  217. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  218. package/dist/dropdown/readme.md +0 -69
  219. package/dist/footer/Footer.js +0 -372
  220. package/dist/footer/Footer.stories.js +0 -94
  221. package/dist/footer/dxc_logo_wht.png +0 -0
  222. package/dist/footer/readme.md +0 -41
  223. package/dist/header/Header.js +0 -372
  224. package/dist/header/Header.stories.js +0 -176
  225. package/dist/header/close_icon.svg +0 -1
  226. package/dist/header/dxc_logo_black.png +0 -0
  227. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  228. package/dist/header/dxc_logo_white.png +0 -0
  229. package/dist/header/hamb_menu_black.svg +0 -1
  230. package/dist/header/hamb_menu_white.svg +0 -1
  231. package/dist/header/readme.md +0 -33
  232. package/dist/heading/Heading.js +0 -155
  233. package/dist/input-text/InputText.js +0 -577
  234. package/dist/input-text/InputText.stories.js +0 -209
  235. package/dist/input-text/error.svg +0 -1
  236. package/dist/input-text/readme.md +0 -91
  237. package/dist/layout/facebook.svg +0 -45
  238. package/dist/layout/linkedin.svg +0 -50
  239. package/dist/layout/twitter.svg +0 -53
  240. package/dist/link/Link.js +0 -189
  241. package/dist/link/readme.md +0 -51
  242. package/dist/paginator/Paginator.js +0 -251
  243. package/dist/paginator/images/next.svg +0 -3
  244. package/dist/paginator/images/nextPage.svg +0 -3
  245. package/dist/paginator/images/previous.svg +0 -3
  246. package/dist/paginator/images/previousPage.svg +0 -3
  247. package/dist/paginator/readme.md +0 -50
  248. package/dist/progress-bar/ProgressBar.js +0 -190
  249. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  250. package/dist/progress-bar/readme.md +0 -63
  251. package/dist/radio/Radio.js +0 -192
  252. package/dist/radio/Radio.stories.js +0 -166
  253. package/dist/radio/readme.md +0 -70
  254. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  255. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  256. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  257. package/dist/select/Select.js +0 -485
  258. package/dist/select/Select.stories.js +0 -235
  259. package/dist/select/readme.md +0 -72
  260. package/dist/sidenav/Sidenav.js +0 -127
  261. package/dist/slider/Slider.js +0 -267
  262. package/dist/slider/Slider.stories.js +0 -241
  263. package/dist/slider/readme.md +0 -64
  264. package/dist/spinner/Spinner.js +0 -196
  265. package/dist/spinner/Spinner.stories.js +0 -183
  266. package/dist/spinner/readme.md +0 -65
  267. package/dist/switch/Switch.js +0 -192
  268. package/dist/switch/Switch.stories.js +0 -134
  269. package/dist/switch/readme.md +0 -133
  270. package/dist/table/Table.js +0 -96
  271. package/dist/tabs/Tabs.js +0 -311
  272. package/dist/tabs/Tabs.stories.js +0 -130
  273. package/dist/tabs/readme.md +0 -78
  274. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  275. package/dist/tabs-for-sections/readme.md +0 -78
  276. package/dist/tag/Tag.js +0 -251
  277. package/dist/textarea/Textarea.js +0 -232
  278. package/dist/toggle/Toggle.stories.js +0 -297
  279. package/dist/toggle/readme.md +0 -80
  280. package/dist/toggle-group/ToggleGroup.js +0 -213
  281. package/dist/toggle-group/readme.md +0 -82
  282. package/dist/upload/Upload.stories.js +0 -72
  283. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -123
  284. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  285. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  286. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -286
  287. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  288. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  289. package/dist/upload/file-upload/FileToUpload.js +0 -160
  290. package/dist/upload/file-upload/audio-icon.svg +0 -4
  291. package/dist/upload/file-upload/close.svg +0 -4
  292. package/dist/upload/file-upload/file-icon.svg +0 -4
  293. package/dist/upload/file-upload/video-icon.svg +0 -4
  294. package/dist/upload/files-upload/FilesToUpload.js +0 -122
  295. package/dist/upload/readme.md +0 -37
  296. package/dist/upload/transaction/Transaction.js +0 -154
  297. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  298. package/dist/upload/transaction/audio-icon.svg +0 -4
  299. package/dist/upload/transaction/error-icon.svg +0 -4
  300. package/dist/upload/transaction/file-icon-err.svg +0 -4
  301. package/dist/upload/transaction/file-icon.svg +0 -4
  302. package/dist/upload/transaction/image-icon-err.svg +0 -4
  303. package/dist/upload/transaction/image-icon.svg +0 -4
  304. package/dist/upload/transaction/success-icon.svg +0 -4
  305. package/dist/upload/transaction/video-icon-err.svg +0 -4
  306. package/dist/upload/transaction/video-icon.svg +0 -4
  307. package/dist/upload/transactions/Transactions.js +0 -122
  308. package/dist/wizard/Wizard.js +0 -339
  309. package/dist/wizard/invalid_icon.svg +0 -6
  310. package/dist/wizard/valid_icon.svg +0 -6
  311. package/dist/wizard/validation-wrong.svg +0 -6
  312. package/test/Accordion.test.js +0 -33
  313. package/test/AccordionGroup.test.js +0 -109
  314. package/test/Alert.test.js +0 -53
  315. package/test/Box.test.js +0 -10
  316. package/test/Button.test.js +0 -18
  317. package/test/Card.test.js +0 -30
  318. package/test/Checkbox.test.js +0 -45
  319. package/test/Chip.test.js +0 -25
  320. package/test/Date.test.js +0 -393
  321. package/test/Dialog.test.js +0 -23
  322. package/test/Dropdown.test.js +0 -130
  323. package/test/Footer.test.js +0 -99
  324. package/test/Header.test.js +0 -39
  325. package/test/Heading.test.js +0 -35
  326. package/test/InputText.test.js +0 -240
  327. package/test/Link.test.js +0 -42
  328. package/test/Paginator.test.js +0 -177
  329. package/test/ProgressBar.test.js +0 -35
  330. package/test/Radio.test.js +0 -37
  331. package/test/ResultsetTable.test.js +0 -330
  332. package/test/Select.test.js +0 -192
  333. package/test/Sidenav.test.js +0 -45
  334. package/test/Slider.test.js +0 -82
  335. package/test/Spinner.test.js +0 -27
  336. package/test/Switch.test.js +0 -45
  337. package/test/Table.test.js +0 -36
  338. package/test/Tabs.test.js +0 -109
  339. package/test/TabsForSections.test.js +0 -34
  340. package/test/Tag.test.js +0 -32
  341. package/test/TextArea.test.js +0 -52
  342. package/test/ToggleGroup.test.js +0 -81
  343. package/test/Upload.test.js +0 -60
  344. package/test/Wizard.test.js +0 -130
  345. package/test/mocks/pngMock.js +0 -1
  346. 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,36 @@ 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, "DxcBox", {
47
+ enumerable: true,
48
+ get: function get() {
49
+ return _Box["default"];
50
+ }
51
+ });
22
52
  Object.defineProperty(exports, "DxcButton", {
23
53
  enumerable: true,
24
54
  get: function get() {
@@ -37,12 +67,24 @@ Object.defineProperty(exports, "DxcCheckbox", {
37
67
  return _Checkbox["default"];
38
68
  }
39
69
  });
70
+ Object.defineProperty(exports, "DxcChip", {
71
+ enumerable: true,
72
+ get: function get() {
73
+ return _Chip["default"];
74
+ }
75
+ });
40
76
  Object.defineProperty(exports, "DxcDate", {
41
77
  enumerable: true,
42
78
  get: function get() {
43
79
  return _Date["default"];
44
80
  }
45
81
  });
82
+ Object.defineProperty(exports, "DxcDateInput", {
83
+ enumerable: true,
84
+ get: function get() {
85
+ return _DateInput["default"];
86
+ }
87
+ });
46
88
  Object.defineProperty(exports, "DxcDialog", {
47
89
  enumerable: true,
48
90
  get: function get() {
@@ -55,58 +97,58 @@ Object.defineProperty(exports, "DxcDropdown", {
55
97
  return _Dropdown["default"];
56
98
  }
57
99
  });
58
- Object.defineProperty(exports, "DxcFooter", {
100
+ Object.defineProperty(exports, "DxcFileInput", {
59
101
  enumerable: true,
60
102
  get: function get() {
61
- return _Footer["default"];
103
+ return _FileInput["default"];
62
104
  }
63
105
  });
64
- Object.defineProperty(exports, "DxcHeader", {
106
+ Object.defineProperty(exports, "DxcFooter", {
65
107
  enumerable: true,
66
108
  get: function get() {
67
- return _Header["default"];
109
+ return _Footer["default"];
68
110
  }
69
111
  });
70
- Object.defineProperty(exports, "DxcInput", {
112
+ Object.defineProperty(exports, "DxcHeader", {
71
113
  enumerable: true,
72
114
  get: function get() {
73
- return _InputText["default"];
115
+ return _Header["default"];
74
116
  }
75
117
  });
76
- Object.defineProperty(exports, "DxcRadio", {
118
+ Object.defineProperty(exports, "DxcHeading", {
77
119
  enumerable: true,
78
120
  get: function get() {
79
- return _Radio["default"];
121
+ return _Heading["default"];
80
122
  }
81
123
  });
82
- Object.defineProperty(exports, "DxcSelect", {
124
+ Object.defineProperty(exports, "DxcInput", {
83
125
  enumerable: true,
84
126
  get: function get() {
85
- return _Select["default"];
127
+ return _InputText["default"];
86
128
  }
87
129
  });
88
- Object.defineProperty(exports, "DxcSlider", {
130
+ Object.defineProperty(exports, "DxcLink", {
89
131
  enumerable: true,
90
132
  get: function get() {
91
- return _Slider["default"];
133
+ return _Link["default"];
92
134
  }
93
135
  });
94
- Object.defineProperty(exports, "DxcSwitch", {
136
+ Object.defineProperty(exports, "DxcNumberInput", {
95
137
  enumerable: true,
96
138
  get: function get() {
97
- return _Switch["default"];
139
+ return _NumberInput["default"];
98
140
  }
99
141
  });
100
- Object.defineProperty(exports, "DxcTabs", {
142
+ Object.defineProperty(exports, "DxcPaginator", {
101
143
  enumerable: true,
102
144
  get: function get() {
103
- return _Tabs["default"];
145
+ return _Paginator["default"];
104
146
  }
105
147
  });
106
- Object.defineProperty(exports, "DxcTabsForSections", {
148
+ Object.defineProperty(exports, "DxcPasswordInput", {
107
149
  enumerable: true,
108
150
  get: function get() {
109
- return _TabsForSections["default"];
151
+ return _PasswordInput["default"];
110
152
  }
111
153
  });
112
154
  Object.defineProperty(exports, "DxcProgressBar", {
@@ -115,118 +157,118 @@ Object.defineProperty(exports, "DxcProgressBar", {
115
157
  return _ProgressBar["default"];
116
158
  }
117
159
  });
118
- Object.defineProperty(exports, "DxcSpinner", {
160
+ Object.defineProperty(exports, "DxcRadio", {
119
161
  enumerable: true,
120
162
  get: function get() {
121
- return _Spinner["default"];
163
+ return _Radio["default"];
122
164
  }
123
165
  });
124
- Object.defineProperty(exports, "DxcUpload", {
166
+ Object.defineProperty(exports, "DxcResultsetTable", {
125
167
  enumerable: true,
126
168
  get: function get() {
127
- return _Upload["default"];
169
+ return _ResultsetTable["default"];
128
170
  }
129
171
  });
130
- Object.defineProperty(exports, "DxcTable", {
172
+ Object.defineProperty(exports, "DxcSelect", {
131
173
  enumerable: true,
132
174
  get: function get() {
133
- return _Table["default"];
175
+ return _Select["default"];
134
176
  }
135
177
  });
136
- Object.defineProperty(exports, "DxcBox", {
178
+ Object.defineProperty(exports, "DxcSidenav", {
137
179
  enumerable: true,
138
180
  get: function get() {
139
- return _Box["default"];
181
+ return _Sidenav["default"];
140
182
  }
141
183
  });
142
- Object.defineProperty(exports, "DxcTag", {
184
+ Object.defineProperty(exports, "DxcSlider", {
143
185
  enumerable: true,
144
186
  get: function get() {
145
- return _Tag["default"];
187
+ return _Slider["default"];
146
188
  }
147
189
  });
148
- Object.defineProperty(exports, "DxcPaginator", {
190
+ Object.defineProperty(exports, "DxcSpinner", {
149
191
  enumerable: true,
150
192
  get: function get() {
151
- return _Paginator["default"];
193
+ return _Spinner["default"];
152
194
  }
153
195
  });
154
- Object.defineProperty(exports, "DxcSidenav", {
196
+ Object.defineProperty(exports, "DxcSwitch", {
155
197
  enumerable: true,
156
198
  get: function get() {
157
- return _Sidenav["default"];
199
+ return _Switch["default"];
158
200
  }
159
201
  });
160
- Object.defineProperty(exports, "DxcWizard", {
202
+ Object.defineProperty(exports, "DxcTable", {
161
203
  enumerable: true,
162
204
  get: function get() {
163
- return _Wizard["default"];
205
+ return _Table["default"];
164
206
  }
165
207
  });
166
- Object.defineProperty(exports, "DxcLink", {
208
+ Object.defineProperty(exports, "DxcTabs", {
167
209
  enumerable: true,
168
210
  get: function get() {
169
- return _Link["default"];
211
+ return _Tabs["default"];
170
212
  }
171
213
  });
172
- Object.defineProperty(exports, "DxcHeading", {
214
+ Object.defineProperty(exports, "DxcTag", {
173
215
  enumerable: true,
174
216
  get: function get() {
175
- return _Heading["default"];
217
+ return _Tag["default"];
176
218
  }
177
219
  });
178
- Object.defineProperty(exports, "DxcTextarea", {
220
+ Object.defineProperty(exports, "DxcTextInput", {
179
221
  enumerable: true,
180
222
  get: function get() {
181
- return _Textarea["default"];
223
+ return _TextInput["default"];
182
224
  }
183
225
  });
184
- Object.defineProperty(exports, "DxcResultsetTable", {
226
+ Object.defineProperty(exports, "DxcTextarea", {
185
227
  enumerable: true,
186
228
  get: function get() {
187
- return _ResultsetTable["default"];
229
+ return _Textarea["default"];
188
230
  }
189
231
  });
190
- Object.defineProperty(exports, "DxcChip", {
232
+ Object.defineProperty(exports, "DxcToggleGroup", {
191
233
  enumerable: true,
192
234
  get: function get() {
193
- return _Chip["default"];
235
+ return _ToggleGroup["default"];
194
236
  }
195
237
  });
196
- Object.defineProperty(exports, "DxcApplicationLayout", {
238
+ Object.defineProperty(exports, "DxcUpload", {
197
239
  enumerable: true,
198
240
  get: function get() {
199
- return _ApplicationLayout["default"];
241
+ return _Upload["default"];
200
242
  }
201
243
  });
202
- Object.defineProperty(exports, "DxcToggleGroup", {
244
+ Object.defineProperty(exports, "DxcWizard", {
203
245
  enumerable: true,
204
246
  get: function get() {
205
- return _ToggleGroup["default"];
247
+ return _Wizard["default"];
206
248
  }
207
249
  });
208
- Object.defineProperty(exports, "DxcAccordionGroup", {
250
+ Object.defineProperty(exports, "ThemeContext", {
209
251
  enumerable: true,
210
252
  get: function get() {
211
- return _AccordionGroup["default"];
253
+ return _ThemeContext["default"];
212
254
  }
213
255
  });
214
- Object.defineProperty(exports, "DxcBadge", {
256
+ Object.defineProperty(exports, "ThemeProvider", {
215
257
  enumerable: true,
216
258
  get: function get() {
217
- return _Badge["default"];
259
+ return _ThemeContext.ThemeProvider;
218
260
  }
219
261
  });
220
- Object.defineProperty(exports, "ThemeContext", {
262
+ Object.defineProperty(exports, "V3DxcSelect", {
221
263
  enumerable: true,
222
264
  get: function get() {
223
- return _ThemeContext["default"];
265
+ return _V3Select["default"];
224
266
  }
225
267
  });
226
- Object.defineProperty(exports, "ThemeProvider", {
268
+ Object.defineProperty(exports, "V3DxcTextarea", {
227
269
  enumerable: true,
228
270
  get: function get() {
229
- return _ThemeContext.ThemeProvider;
271
+ return _V3Textarea["default"];
230
272
  }
231
273
  });
232
274
 
@@ -254,7 +296,7 @@ var _InputText = _interopRequireDefault(require("./input-text/InputText"));
254
296
 
255
297
  var _Radio = _interopRequireDefault(require("./radio/Radio"));
256
298
 
257
- var _Select = _interopRequireDefault(require("./select/Select"));
299
+ var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
258
300
 
259
301
  var _Slider = _interopRequireDefault(require("./slider/Slider"));
260
302
 
@@ -262,8 +304,6 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
262
304
 
263
305
  var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
264
306
 
265
- var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
266
-
267
307
  var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
268
308
 
269
309
  var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
@@ -286,7 +326,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
286
326
 
287
327
  var _Heading = _interopRequireDefault(require("./heading/Heading"));
288
328
 
289
- var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
329
+ var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
290
330
 
291
331
  var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
292
332
 
@@ -300,4 +340,24 @@ var _AccordionGroup = _interopRequireDefault(require("./accordion-group/Accordio
300
340
 
301
341
  var _Badge = _interopRequireDefault(require("./badge/Badge"));
302
342
 
303
- var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
343
+ var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
344
+
345
+ var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
346
+
347
+ var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
348
+
349
+ var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
350
+
351
+ var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
352
+
353
+ var _Select = _interopRequireDefault(require("./select/Select"));
354
+
355
+ var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
356
+
357
+ var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
358
+
359
+ var _BackgroundColorContext = require("./BackgroundColorContext.js");
360
+
361
+ 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); }
362
+
363
+ 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,128 @@
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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
+
12
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
+
14
+ var _react = _interopRequireDefault(require("react"));
15
+
16
+ var _propTypes = _interopRequireDefault(require("prop-types"));
17
+
18
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
19
+
20
+ var _TextInput = _interopRequireDefault(require("../text-input/TextInput"));
21
+
22
+ var _NumberInputContext = _interopRequireDefault(require("./NumberInputContext"));
23
+
24
+ var _variables = require("../common/variables.js");
25
+
26
+ var _templateObject;
27
+
28
+ var DxcNumberInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
29
+ var _ref$label = _ref.label,
30
+ label = _ref$label === void 0 ? "" : _ref$label,
31
+ _ref$name = _ref.name,
32
+ name = _ref$name === void 0 ? "" : _ref$name,
33
+ value = _ref.value,
34
+ _ref$helperText = _ref.helperText,
35
+ helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
36
+ _ref$placeholder = _ref.placeholder,
37
+ placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
38
+ _ref$disabled = _ref.disabled,
39
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
40
+ _ref$optional = _ref.optional,
41
+ optional = _ref$optional === void 0 ? false : _ref$optional,
42
+ _ref$prefix = _ref.prefix,
43
+ prefix = _ref$prefix === void 0 ? "" : _ref$prefix,
44
+ _ref$suffix = _ref.suffix,
45
+ suffix = _ref$suffix === void 0 ? "" : _ref$suffix,
46
+ min = _ref.min,
47
+ max = _ref.max,
48
+ step = _ref.step,
49
+ onChange = _ref.onChange,
50
+ onBlur = _ref.onBlur,
51
+ _ref$error = _ref.error,
52
+ error = _ref$error === void 0 ? "" : _ref$error,
53
+ _ref$autocomplete = _ref.autocomplete,
54
+ autocomplete = _ref$autocomplete === void 0 ? "off" : _ref$autocomplete,
55
+ margin = _ref.margin,
56
+ _ref$size = _ref.size,
57
+ size = _ref$size === void 0 ? "medium" : _ref$size,
58
+ _ref$tabIndex = _ref.tabIndex,
59
+ tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
60
+ return /*#__PURE__*/_react["default"].createElement(_NumberInputContext["default"].Provider, {
61
+ value: {
62
+ typeNumber: "number",
63
+ minNumber: min,
64
+ maxNumber: max,
65
+ stepNumber: step
66
+ }
67
+ }, /*#__PURE__*/_react["default"].createElement(NumberInputContainer, null, /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
68
+ label: label,
69
+ name: name,
70
+ value: value,
71
+ helperText: helperText,
72
+ placeholder: placeholder,
73
+ disabled: disabled,
74
+ optional: optional,
75
+ prefix: prefix,
76
+ suffix: suffix,
77
+ error: error,
78
+ onChange: onChange,
79
+ onBlur: onBlur,
80
+ autocomplete: autocomplete,
81
+ margin: margin,
82
+ size: size,
83
+ tabIndex: tabIndex,
84
+ ref: ref
85
+ })));
86
+ });
87
+
88
+ var sizes = {
89
+ small: "240px",
90
+ medium: "360px",
91
+ large: "480px",
92
+ fillParent: "100%"
93
+ };
94
+
95
+ 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"])));
96
+
97
+ DxcNumberInput.propTypes = {
98
+ label: _propTypes["default"].string,
99
+ name: _propTypes["default"].string,
100
+ value: _propTypes["default"].string,
101
+ helperText: _propTypes["default"].string,
102
+ placeholder: _propTypes["default"].string,
103
+ error: _propTypes["default"].string,
104
+ disabled: _propTypes["default"].bool,
105
+ optional: _propTypes["default"].bool,
106
+ prefix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
107
+ type: _propTypes["default"].oneOf(["svg"])
108
+ })]),
109
+ suffix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
110
+ type: _propTypes["default"].oneOf(["svg"])
111
+ })]),
112
+ min: _propTypes["default"].number,
113
+ max: _propTypes["default"].number,
114
+ step: _propTypes["default"].number,
115
+ onChange: _propTypes["default"].func,
116
+ onBlur: _propTypes["default"].func,
117
+ autocomplete: _propTypes["default"].string,
118
+ margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
119
+ top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
120
+ bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
121
+ left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
122
+ right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
123
+ }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
124
+ size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
125
+ tabIndex: _propTypes["default"].number
126
+ };
127
+ var _default = DxcNumberInput;
128
+ 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,16 @@
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
+ /* eslint-disable prefer-template */
13
+ var NumberInputContext = /*#__PURE__*/_react["default"].createContext();
14
+
15
+ var _default = NumberInputContext;
16
+ exports["default"] = _default;