@dxc-technology/halstack-react 0.0.0-d20101f → 0.0.0-d4fec82

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