@dxc-technology/halstack-react 0.0.0-fce22b8 → 0.0.0-ff99b25

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 (316) 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/{dist/box → box}/Box.js +9 -21
  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 +182 -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/{dist/card → card}/Card.js +32 -123
  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/{dist/checkbox → checkbox}/Checkbox.js +44 -82
  34. package/checkbox/types.d.ts +60 -0
  35. package/checkbox/types.js +5 -0
  36. package/{dist/chip → chip}/Chip.js +42 -84
  37. package/chip/index.d.ts +22 -0
  38. package/{dist/common → common}/OpenSans.css +0 -0
  39. package/{dist/common → common}/RequiredComponent.js +3 -11
  40. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  41. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  42. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  43. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  44. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  45. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  46. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  47. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  48. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  49. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  50. package/{dist/common → common}/utils.js +0 -0
  51. package/common/variables.js +1569 -0
  52. package/{dist/date → date}/Date.js +33 -51
  53. package/date/index.d.ts +27 -0
  54. package/date-input/DateInput.d.ts +4 -0
  55. package/date-input/DateInput.js +361 -0
  56. package/date-input/types.d.ts +100 -0
  57. package/date-input/types.js +5 -0
  58. package/dialog/Dialog.d.ts +4 -0
  59. package/{dist/dialog → dialog}/Dialog.js +29 -100
  60. package/dialog/types.d.ts +43 -0
  61. package/dialog/types.js +5 -0
  62. package/dropdown/Dropdown.d.ts +4 -0
  63. package/dropdown/Dropdown.js +417 -0
  64. package/dropdown/types.d.ts +89 -0
  65. package/dropdown/types.js +5 -0
  66. package/file-input/FileInput.js +532 -0
  67. package/file-input/FileItem.js +193 -0
  68. package/file-input/index.d.ts +81 -0
  69. package/footer/Footer.d.ts +4 -0
  70. package/footer/Footer.js +266 -0
  71. package/footer/Footer.stories.jsx +151 -0
  72. package/footer/Icons.js +77 -0
  73. package/footer/types.d.ts +61 -0
  74. package/footer/types.js +5 -0
  75. package/header/Header.js +326 -0
  76. package/header/Icons.js +59 -0
  77. package/header/index.d.ts +25 -0
  78. package/{dist/heading → heading}/Heading.js +30 -76
  79. package/heading/index.d.ts +17 -0
  80. package/input-text/Icons.js +22 -0
  81. package/{dist/input-text → input-text}/InputText.js +120 -178
  82. package/input-text/index.d.ts +36 -0
  83. package/{dist/layout → layout}/ApplicationLayout.js +35 -131
  84. package/layout/Icons.js +55 -0
  85. package/link/Link.js +183 -0
  86. package/link/index.d.ts +23 -0
  87. package/main.d.ts +44 -0
  88. package/{dist/main.js → main.js} +121 -69
  89. package/number-input/NumberInput.js +128 -0
  90. package/number-input/NumberInput.stories.jsx +115 -0
  91. package/number-input/NumberInputContext.js +16 -0
  92. package/number-input/index.d.ts +113 -0
  93. package/package.json +34 -25
  94. package/paginator/Icons.js +66 -0
  95. package/paginator/Paginator.d.ts +4 -0
  96. package/paginator/Paginator.js +198 -0
  97. package/paginator/types.d.ts +38 -0
  98. package/paginator/types.js +5 -0
  99. package/password-input/PasswordInput.js +199 -0
  100. package/password-input/PasswordInput.stories.jsx +131 -0
  101. package/password-input/index.d.ts +94 -0
  102. package/progress-bar/ProgressBar.d.ts +4 -0
  103. package/progress-bar/ProgressBar.js +170 -0
  104. package/progress-bar/types.d.ts +37 -0
  105. package/progress-bar/types.js +5 -0
  106. package/radio/Radio.d.ts +4 -0
  107. package/{dist/radio → radio}/Radio.js +15 -50
  108. package/radio/types.d.ts +54 -0
  109. package/radio/types.js +5 -0
  110. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -136
  111. package/resultsetTable/index.d.ts +19 -0
  112. package/select/Select.js +865 -0
  113. package/select/index.d.ts +131 -0
  114. package/{dist/sidenav → sidenav}/Sidenav.js +20 -58
  115. package/sidenav/index.d.ts +13 -0
  116. package/slider/Slider.d.ts +4 -0
  117. package/slider/Slider.js +306 -0
  118. package/slider/types.d.ts +83 -0
  119. package/slider/types.js +5 -0
  120. package/spinner/Spinner.js +267 -0
  121. package/spinner/index.d.ts +17 -0
  122. package/switch/Switch.d.ts +4 -0
  123. package/{dist/switch → switch}/Switch.js +28 -71
  124. package/switch/types.d.ts +58 -0
  125. package/switch/types.js +5 -0
  126. package/table/Table.js +118 -0
  127. package/table/index.d.ts +13 -0
  128. package/tabs/Tabs.d.ts +4 -0
  129. package/tabs/Tabs.js +211 -0
  130. package/tabs/types.d.ts +71 -0
  131. package/tabs/types.js +5 -0
  132. package/{dist/tag → tag}/Tag.js +50 -122
  133. package/tag/index.d.ts +24 -0
  134. package/text-input/TextInput.js +825 -0
  135. package/text-input/index.d.ts +135 -0
  136. package/textarea/Textarea.js +317 -0
  137. package/textarea/Textarea.stories.jsx +135 -0
  138. package/textarea/index.d.ts +117 -0
  139. package/{dist/toggle → toggle}/Toggle.js +15 -49
  140. package/toggle/index.d.ts +21 -0
  141. package/toggle-group/ToggleGroup.js +243 -0
  142. package/toggle-group/index.d.ts +21 -0
  143. package/{dist/upload → upload}/Upload.js +11 -15
  144. package/upload/buttons-upload/ButtonsUpload.js +111 -0
  145. package/upload/buttons-upload/Icons.js +40 -0
  146. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  147. package/upload/dragAndDropArea/Icons.js +39 -0
  148. package/upload/file-upload/FileToUpload.js +115 -0
  149. package/upload/file-upload/Icons.js +66 -0
  150. package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
  151. package/upload/index.d.ts +15 -0
  152. package/upload/transaction/Icons.js +160 -0
  153. package/upload/transaction/Transaction.js +104 -0
  154. package/upload/transactions/Transactions.js +94 -0
  155. package/{dist/useTheme.js → useTheme.js} +0 -0
  156. package/wizard/Icons.js +65 -0
  157. package/wizard/Wizard.js +271 -0
  158. package/wizard/index.d.ts +18 -0
  159. package/README.md +0 -66
  160. package/babel.config.js +0 -8
  161. package/dist/BackgroundColorContext.js +0 -46
  162. package/dist/ThemeContext.js +0 -216
  163. package/dist/accordion/Accordion.js +0 -340
  164. package/dist/accordion/Accordion.stories.js +0 -207
  165. package/dist/accordion/readme.md +0 -96
  166. package/dist/accordion-group/AccordionGroup.js +0 -188
  167. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  168. package/dist/accordion-group/readme.md +0 -70
  169. package/dist/alert/Alert.js +0 -388
  170. package/dist/alert/Alert.stories.js +0 -158
  171. package/dist/alert/close.svg +0 -4
  172. package/dist/alert/error.svg +0 -4
  173. package/dist/alert/info.svg +0 -4
  174. package/dist/alert/readme.md +0 -43
  175. package/dist/alert/success.svg +0 -4
  176. package/dist/alert/warning.svg +0 -4
  177. package/dist/badge/Badge.js +0 -61
  178. package/dist/button/Button.js +0 -228
  179. package/dist/button/Button.stories.js +0 -224
  180. package/dist/button/readme.md +0 -93
  181. package/dist/checkbox/Checkbox.stories.js +0 -144
  182. package/dist/checkbox/readme.md +0 -116
  183. package/dist/common/variables.js +0 -1154
  184. package/dist/date/Date.stories.js +0 -205
  185. package/dist/date/calendar.svg +0 -1
  186. package/dist/date/calendar_dark.svg +0 -1
  187. package/dist/date/readme.md +0 -73
  188. package/dist/dialog/Dialog.stories.js +0 -217
  189. package/dist/dialog/readme.md +0 -32
  190. package/dist/dropdown/Dropdown.js +0 -492
  191. package/dist/dropdown/Dropdown.stories.js +0 -249
  192. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  193. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  194. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  195. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  196. package/dist/dropdown/readme.md +0 -69
  197. package/dist/footer/Footer.js +0 -405
  198. package/dist/footer/Footer.stories.js +0 -94
  199. package/dist/footer/dxc_logo_wht.png +0 -0
  200. package/dist/footer/readme.md +0 -41
  201. package/dist/header/Header.js +0 -431
  202. package/dist/header/Header.stories.js +0 -176
  203. package/dist/header/close_icon.svg +0 -1
  204. package/dist/header/dxc_logo_black.png +0 -0
  205. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  206. package/dist/header/dxc_logo_white.png +0 -0
  207. package/dist/header/hamb_menu_black.svg +0 -1
  208. package/dist/header/hamb_menu_white.svg +0 -1
  209. package/dist/header/readme.md +0 -33
  210. package/dist/input-text/InputText.stories.js +0 -209
  211. package/dist/input-text/error.svg +0 -1
  212. package/dist/input-text/readme.md +0 -91
  213. package/dist/layout/facebook.svg +0 -45
  214. package/dist/layout/linkedin.svg +0 -50
  215. package/dist/layout/twitter.svg +0 -53
  216. package/dist/link/Link.js +0 -212
  217. package/dist/link/readme.md +0 -51
  218. package/dist/paginator/Paginator.js +0 -283
  219. package/dist/paginator/images/next.svg +0 -3
  220. package/dist/paginator/images/nextPage.svg +0 -3
  221. package/dist/paginator/images/previous.svg +0 -3
  222. package/dist/paginator/images/previousPage.svg +0 -3
  223. package/dist/paginator/readme.md +0 -50
  224. package/dist/progress-bar/ProgressBar.js +0 -206
  225. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  226. package/dist/progress-bar/readme.md +0 -63
  227. package/dist/radio/Radio.stories.js +0 -166
  228. package/dist/radio/readme.md +0 -70
  229. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  230. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  231. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  232. package/dist/select/Select.js +0 -525
  233. package/dist/select/Select.stories.js +0 -235
  234. package/dist/select/readme.md +0 -72
  235. package/dist/slider/Slider.js +0 -315
  236. package/dist/slider/Slider.stories.js +0 -241
  237. package/dist/slider/readme.md +0 -64
  238. package/dist/spinner/Spinner.js +0 -214
  239. package/dist/spinner/Spinner.stories.js +0 -183
  240. package/dist/spinner/readme.md +0 -65
  241. package/dist/switch/Switch.stories.js +0 -134
  242. package/dist/switch/readme.md +0 -133
  243. package/dist/table/Table.js +0 -122
  244. package/dist/tabs/Tabs.js +0 -347
  245. package/dist/tabs/Tabs.stories.js +0 -130
  246. package/dist/tabs/readme.md +0 -78
  247. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  248. package/dist/tabs-for-sections/readme.md +0 -78
  249. package/dist/toggle/Toggle.stories.js +0 -297
  250. package/dist/toggle/readme.md +0 -80
  251. package/dist/toggle-group/ToggleGroup.js +0 -241
  252. package/dist/toggle-group/readme.md +0 -82
  253. package/dist/upload/Upload.stories.js +0 -72
  254. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -135
  255. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  256. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  257. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -325
  258. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  259. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  260. package/dist/upload/file-upload/FileToUpload.js +0 -184
  261. package/dist/upload/file-upload/audio-icon.svg +0 -4
  262. package/dist/upload/file-upload/close.svg +0 -4
  263. package/dist/upload/file-upload/file-icon.svg +0 -4
  264. package/dist/upload/file-upload/video-icon.svg +0 -4
  265. package/dist/upload/readme.md +0 -37
  266. package/dist/upload/transaction/Transaction.js +0 -171
  267. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  268. package/dist/upload/transaction/audio-icon.svg +0 -4
  269. package/dist/upload/transaction/error-icon.svg +0 -4
  270. package/dist/upload/transaction/file-icon-err.svg +0 -4
  271. package/dist/upload/transaction/file-icon.svg +0 -4
  272. package/dist/upload/transaction/image-icon-err.svg +0 -4
  273. package/dist/upload/transaction/image-icon.svg +0 -4
  274. package/dist/upload/transaction/success-icon.svg +0 -4
  275. package/dist/upload/transaction/video-icon-err.svg +0 -4
  276. package/dist/upload/transaction/video-icon.svg +0 -4
  277. package/dist/upload/transactions/Transactions.js +0 -138
  278. package/dist/wizard/Wizard.js +0 -383
  279. package/dist/wizard/invalid_icon.svg +0 -6
  280. package/dist/wizard/valid_icon.svg +0 -6
  281. package/dist/wizard/validation-wrong.svg +0 -6
  282. package/test/Accordion.test.js +0 -33
  283. package/test/AccordionGroup.test.js +0 -125
  284. package/test/Alert.test.js +0 -53
  285. package/test/Box.test.js +0 -10
  286. package/test/Button.test.js +0 -18
  287. package/test/Card.test.js +0 -30
  288. package/test/Checkbox.test.js +0 -45
  289. package/test/Chip.test.js +0 -25
  290. package/test/Date.test.js +0 -393
  291. package/test/Dialog.test.js +0 -23
  292. package/test/Dropdown.test.js +0 -130
  293. package/test/Footer.test.js +0 -99
  294. package/test/Header.test.js +0 -39
  295. package/test/Heading.test.js +0 -35
  296. package/test/InputText.test.js +0 -240
  297. package/test/Link.test.js +0 -42
  298. package/test/Paginator.test.js +0 -177
  299. package/test/ProgressBar.test.js +0 -35
  300. package/test/Radio.test.js +0 -37
  301. package/test/ResultsetTable.test.js +0 -330
  302. package/test/Select.test.js +0 -192
  303. package/test/Sidenav.test.js +0 -45
  304. package/test/Slider.test.js +0 -82
  305. package/test/Spinner.test.js +0 -27
  306. package/test/Switch.test.js +0 -45
  307. package/test/Table.test.js +0 -36
  308. package/test/Tabs.test.js +0 -109
  309. package/test/TabsForSections.test.js +0 -34
  310. package/test/Tag.test.js +0 -32
  311. package/test/TextArea.test.js +0 -52
  312. package/test/ToggleGroup.test.js +0 -81
  313. package/test/Upload.test.js +0 -60
  314. package/test/Wizard.test.js +0 -130
  315. package/test/mocks/pngMock.js +0 -1
  316. 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;