@dxc-technology/halstack-react 0.0.0-ed1185a → 0.0.0-ee92231

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