@dxc-technology/halstack-react 0.0.0-228c4cf → 0.0.0-2509c58

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 (226) hide show
  1. package/BackgroundColorContext.js +50 -0
  2. package/ThemeContext.js +246 -0
  3. package/{dist/V3Select → V3Select}/V3Select.js +33 -127
  4. package/V3Select/index.d.ts +27 -0
  5. package/{dist/V3Textarea → V3Textarea}/V3Textarea.js +10 -14
  6. package/V3Textarea/index.d.ts +27 -0
  7. package/accordion/Accordion.d.ts +4 -0
  8. package/{dist/accordion → accordion}/Accordion.js +35 -130
  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/{dist/alert → alert}/Alert.js +38 -151
  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 -13
  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/{dist/button → button}/Button.js +15 -71
  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 +13 -59
  34. package/checkbox/Checkbox.stories.tsx +192 -0
  35. package/checkbox/types.d.ts +60 -0
  36. package/checkbox/types.js +5 -0
  37. package/{dist/chip → chip}/Chip.js +17 -61
  38. package/chip/index.d.ts +22 -0
  39. package/{dist/common → common}/OpenSans.css +0 -0
  40. package/{dist/common → common}/RequiredComponent.js +3 -11
  41. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  42. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  43. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  44. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  45. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  46. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  47. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  48. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  49. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  50. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  51. package/{dist/common → common}/utils.js +0 -0
  52. package/{dist/common → common}/variables.js +40 -45
  53. package/{dist/date → date}/Date.js +21 -27
  54. package/date/index.d.ts +27 -0
  55. package/date-input/DateInput.d.ts +4 -0
  56. package/{dist/date-input → date-input}/DateInput.js +22 -61
  57. package/date-input/types.d.ts +100 -0
  58. package/date-input/types.js +5 -0
  59. package/dialog/Dialog.d.ts +4 -0
  60. package/{dist/dialog → dialog}/Dialog.js +20 -73
  61. package/dialog/types.d.ts +43 -0
  62. package/dialog/types.js +5 -0
  63. package/dropdown/Dropdown.d.ts +4 -0
  64. package/{dist/dropdown → dropdown}/Dropdown.js +44 -171
  65. package/dropdown/types.d.ts +89 -0
  66. package/dropdown/types.js +5 -0
  67. package/{dist/file-input → file-input}/FileInput.js +49 -161
  68. package/{dist/file-input → file-input}/FileItem.js +29 -123
  69. package/{dist/file-input → file-input}/index.d.ts +1 -1
  70. package/footer/Footer.d.ts +4 -0
  71. package/{dist/footer → footer}/Footer.js +38 -193
  72. package/footer/Footer.stories.jsx +151 -0
  73. package/{dist/footer → footer}/Icons.js +13 -13
  74. package/footer/types.d.ts +61 -0
  75. package/footer/types.js +5 -0
  76. package/header/Header.d.ts +7 -0
  77. package/{dist/header → header}/Header.js +60 -206
  78. package/{dist/header → header}/Icons.js +7 -32
  79. package/header/types.d.ts +45 -0
  80. package/header/types.js +5 -0
  81. package/{dist/heading → heading}/Heading.js +18 -72
  82. package/heading/index.d.ts +17 -0
  83. package/{dist/input-text → input-text}/Icons.js +2 -2
  84. package/{dist/input-text → input-text}/InputText.js +36 -130
  85. package/input-text/index.d.ts +36 -0
  86. package/{dist/layout → layout}/ApplicationLayout.js +31 -123
  87. package/{dist/layout → layout}/Icons.js +7 -7
  88. package/{dist/link → link}/Link.js +18 -72
  89. package/link/index.d.ts +23 -0
  90. package/main.d.ts +44 -0
  91. package/{dist/main.js → main.js} +91 -87
  92. package/{dist/number-input → number-input}/NumberInput.js +5 -13
  93. package/number-input/NumberInput.stories.jsx +115 -0
  94. package/{dist/number-input → number-input}/NumberInputContext.js +1 -1
  95. package/{dist/number-input → number-input}/index.d.ts +0 -0
  96. package/package.json +28 -17
  97. package/{dist/paginator → paginator}/Icons.js +9 -9
  98. package/paginator/Paginator.d.ts +4 -0
  99. package/paginator/Paginator.js +198 -0
  100. package/paginator/Paginator.stories.tsx +63 -0
  101. package/paginator/types.d.ts +38 -0
  102. package/paginator/types.js +5 -0
  103. package/{dist/password-input → password-input}/PasswordInput.js +17 -21
  104. package/password-input/PasswordInput.stories.jsx +131 -0
  105. package/{dist/password-input → password-input}/index.d.ts +0 -0
  106. package/progress-bar/ProgressBar.d.ts +4 -0
  107. package/{dist/progress-bar → progress-bar}/ProgressBar.js +20 -92
  108. package/progress-bar/types.d.ts +37 -0
  109. package/progress-bar/types.js +5 -0
  110. package/radio/Radio.d.ts +4 -0
  111. package/{dist/radio → radio}/Radio.js +15 -50
  112. package/radio/Radio.stories.tsx +192 -0
  113. package/radio/types.d.ts +54 -0
  114. package/radio/types.js +5 -0
  115. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -119
  116. package/resultsetTable/index.d.ts +19 -0
  117. package/{dist/select → select}/Select.js +261 -465
  118. package/select/index.d.ts +131 -0
  119. package/{dist/sidenav → sidenav}/Sidenav.js +15 -49
  120. package/sidenav/index.d.ts +13 -0
  121. package/slider/Slider.d.ts +4 -0
  122. package/{dist/slider → slider}/Slider.js +45 -143
  123. package/slider/types.d.ts +83 -0
  124. package/slider/types.js +5 -0
  125. package/spinner/Spinner.d.ts +4 -0
  126. package/spinner/Spinner.js +250 -0
  127. package/spinner/Spinner.stories.jsx +102 -0
  128. package/spinner/types.d.ts +32 -0
  129. package/spinner/types.js +5 -0
  130. package/switch/Switch.d.ts +4 -0
  131. package/{dist/switch → switch}/Switch.js +26 -69
  132. package/switch/types.d.ts +58 -0
  133. package/switch/types.js +5 -0
  134. package/table/Table.d.ts +4 -0
  135. package/{dist/table → table}/Table.js +10 -24
  136. package/table/Table.stories.jsx +276 -0
  137. package/table/types.d.ts +21 -0
  138. package/table/types.js +5 -0
  139. package/tabs/Tabs.d.ts +4 -0
  140. package/tabs/Tabs.js +211 -0
  141. package/tabs/types.d.ts +71 -0
  142. package/tabs/types.js +5 -0
  143. package/{dist/tag → tag}/Tag.js +22 -96
  144. package/tag/index.d.ts +24 -0
  145. package/{dist/text-input → text-input}/TextInput.js +241 -390
  146. package/{dist/text-input → text-input}/index.d.ts +2 -2
  147. package/{dist/textarea → textarea}/Textarea.js +20 -72
  148. package/textarea/Textarea.stories.jsx +135 -0
  149. package/{dist/textarea → textarea}/index.d.ts +0 -0
  150. package/{dist/toggle → toggle}/Toggle.js +15 -49
  151. package/toggle/index.d.ts +21 -0
  152. package/{dist/toggle-group → toggle-group}/ToggleGroup.js +23 -107
  153. package/toggle-group/index.d.ts +21 -0
  154. package/{dist/upload → upload}/Upload.js +14 -18
  155. package/{dist/upload → upload}/buttons-upload/ButtonsUpload.js +13 -37
  156. package/{dist/upload → upload}/buttons-upload/Icons.js +7 -7
  157. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  158. package/{dist/upload → upload}/dragAndDropArea/Icons.js +6 -6
  159. package/upload/file-upload/FileToUpload.js +115 -0
  160. package/{dist/upload → upload}/file-upload/Icons.js +13 -13
  161. package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
  162. package/upload/index.d.ts +15 -0
  163. package/{dist/upload → upload}/transaction/Icons.js +31 -31
  164. package/upload/transaction/Transaction.js +104 -0
  165. package/upload/transactions/Transactions.js +94 -0
  166. package/{dist/useTheme.js → useTheme.js} +0 -0
  167. package/{dist/wizard → wizard}/Icons.js +8 -8
  168. package/{dist/wizard → wizard}/Wizard.js +31 -165
  169. package/wizard/index.d.ts +18 -0
  170. package/README.md +0 -66
  171. package/babel.config.js +0 -8
  172. package/dist/BackgroundColorContext.js +0 -46
  173. package/dist/ThemeContext.js +0 -250
  174. package/dist/accordion-group/AccordionGroup.js +0 -186
  175. package/dist/alert/index.d.ts +0 -51
  176. package/dist/badge/Badge.js +0 -63
  177. package/dist/date-input/index.d.ts +0 -95
  178. package/dist/main.d.ts +0 -8
  179. package/dist/paginator/Paginator.js +0 -283
  180. package/dist/select/index.d.ts +0 -53
  181. package/dist/spinner/Spinner.js +0 -381
  182. package/dist/tabs/Tabs.js +0 -343
  183. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  184. package/dist/upload/file-upload/FileToUpload.js +0 -189
  185. package/dist/upload/transaction/Transaction.js +0 -148
  186. package/dist/upload/transactions/Transactions.js +0 -138
  187. package/test/Accordion.test.js +0 -33
  188. package/test/AccordionGroup.test.js +0 -125
  189. package/test/Alert.test.js +0 -53
  190. package/test/Box.test.js +0 -10
  191. package/test/Button.test.js +0 -18
  192. package/test/Card.test.js +0 -30
  193. package/test/Checkbox.test.js +0 -45
  194. package/test/Chip.test.js +0 -25
  195. package/test/Date.test.js +0 -397
  196. package/test/DateInput.test.js +0 -242
  197. package/test/Dialog.test.js +0 -23
  198. package/test/Dropdown.test.js +0 -145
  199. package/test/FileInput.test.js +0 -201
  200. package/test/Footer.test.js +0 -94
  201. package/test/Header.test.js +0 -34
  202. package/test/Heading.test.js +0 -83
  203. package/test/InputText.test.js +0 -248
  204. package/test/Link.test.js +0 -43
  205. package/test/NumberInput.test.js +0 -259
  206. package/test/Paginator.test.js +0 -177
  207. package/test/PasswordInput.test.js +0 -83
  208. package/test/ProgressBar.test.js +0 -35
  209. package/test/Radio.test.js +0 -37
  210. package/test/ResultsetTable.test.js +0 -329
  211. package/test/Sidenav.test.js +0 -45
  212. package/test/Slider.test.js +0 -74
  213. package/test/Spinner.test.js +0 -32
  214. package/test/Switch.test.js +0 -45
  215. package/test/Table.test.js +0 -36
  216. package/test/Tabs.test.js +0 -109
  217. package/test/Tag.test.js +0 -32
  218. package/test/TextInput.test.js +0 -732
  219. package/test/Textarea.test.js +0 -193
  220. package/test/ToggleGroup.test.js +0 -85
  221. package/test/Upload.test.js +0 -60
  222. package/test/V3Select.test.js +0 -212
  223. package/test/V3TextArea.test.js +0 -51
  224. package/test/Wizard.test.js +0 -130
  225. package/test/mocks/pngMock.js +0 -1
  226. 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,124 +19,124 @@ Object.defineProperty(exports, "DxcAccordion", {
19
19
  return _Accordion["default"];
20
20
  }
21
21
  });
22
- Object.defineProperty(exports, "DxcButton", {
22
+ Object.defineProperty(exports, "DxcAccordionGroup", {
23
23
  enumerable: true,
24
24
  get: function get() {
25
- return _Button["default"];
25
+ return _AccordionGroup["default"];
26
26
  }
27
27
  });
28
- Object.defineProperty(exports, "DxcCard", {
28
+ Object.defineProperty(exports, "DxcAlert", {
29
29
  enumerable: true,
30
30
  get: function get() {
31
- return _Card["default"];
31
+ return _Alert["default"];
32
32
  }
33
33
  });
34
- Object.defineProperty(exports, "DxcCheckbox", {
34
+ Object.defineProperty(exports, "DxcApplicationLayout", {
35
35
  enumerable: true,
36
36
  get: function get() {
37
- return _Checkbox["default"];
37
+ return _ApplicationLayout["default"];
38
38
  }
39
39
  });
40
- Object.defineProperty(exports, "V3DxcDate", {
40
+ Object.defineProperty(exports, "DxcBadge", {
41
41
  enumerable: true,
42
42
  get: function get() {
43
- return _Date["default"];
43
+ return _Badge["default"];
44
44
  }
45
45
  });
46
- Object.defineProperty(exports, "DxcDialog", {
46
+ Object.defineProperty(exports, "DxcBox", {
47
47
  enumerable: true,
48
48
  get: function get() {
49
- return _Dialog["default"];
49
+ return _Box["default"];
50
50
  }
51
51
  });
52
- Object.defineProperty(exports, "DxcDropdown", {
52
+ Object.defineProperty(exports, "DxcButton", {
53
53
  enumerable: true,
54
54
  get: function get() {
55
- return _Dropdown["default"];
55
+ return _Button["default"];
56
56
  }
57
57
  });
58
- Object.defineProperty(exports, "DxcFooter", {
58
+ Object.defineProperty(exports, "DxcCard", {
59
59
  enumerable: true,
60
60
  get: function get() {
61
- return _Footer["default"];
61
+ return _Card["default"];
62
62
  }
63
63
  });
64
- Object.defineProperty(exports, "DxcHeader", {
64
+ Object.defineProperty(exports, "DxcCheckbox", {
65
65
  enumerable: true,
66
66
  get: function get() {
67
- return _Header["default"];
67
+ return _Checkbox["default"];
68
68
  }
69
69
  });
70
- Object.defineProperty(exports, "V3DxcInputText", {
70
+ Object.defineProperty(exports, "DxcChip", {
71
71
  enumerable: true,
72
72
  get: function get() {
73
- return _InputText["default"];
73
+ return _Chip["default"];
74
74
  }
75
75
  });
76
- Object.defineProperty(exports, "DxcRadio", {
76
+ Object.defineProperty(exports, "DxcDate", {
77
77
  enumerable: true,
78
78
  get: function get() {
79
- return _Radio["default"];
79
+ return _Date["default"];
80
80
  }
81
81
  });
82
- Object.defineProperty(exports, "V3DxcSelect", {
82
+ Object.defineProperty(exports, "DxcDateInput", {
83
83
  enumerable: true,
84
84
  get: function get() {
85
- return _V3Select["default"];
85
+ return _DateInput["default"];
86
86
  }
87
87
  });
88
- Object.defineProperty(exports, "DxcSlider", {
88
+ Object.defineProperty(exports, "DxcDialog", {
89
89
  enumerable: true,
90
90
  get: function get() {
91
- return _Slider["default"];
91
+ return _Dialog["default"];
92
92
  }
93
93
  });
94
- Object.defineProperty(exports, "DxcSwitch", {
94
+ Object.defineProperty(exports, "DxcDropdown", {
95
95
  enumerable: true,
96
96
  get: function get() {
97
- return _Switch["default"];
97
+ return _Dropdown["default"];
98
98
  }
99
99
  });
100
- Object.defineProperty(exports, "DxcTabs", {
100
+ Object.defineProperty(exports, "DxcFileInput", {
101
101
  enumerable: true,
102
102
  get: function get() {
103
- return _Tabs["default"];
103
+ return _FileInput["default"];
104
104
  }
105
105
  });
106
- Object.defineProperty(exports, "DxcProgressBar", {
106
+ Object.defineProperty(exports, "DxcFooter", {
107
107
  enumerable: true,
108
108
  get: function get() {
109
- return _ProgressBar["default"];
109
+ return _Footer["default"];
110
110
  }
111
111
  });
112
- Object.defineProperty(exports, "DxcSpinner", {
112
+ Object.defineProperty(exports, "DxcHeader", {
113
113
  enumerable: true,
114
114
  get: function get() {
115
- return _Spinner["default"];
115
+ return _Header["default"];
116
116
  }
117
117
  });
118
- Object.defineProperty(exports, "V3DxcUpload", {
118
+ Object.defineProperty(exports, "DxcHeading", {
119
119
  enumerable: true,
120
120
  get: function get() {
121
- return _Upload["default"];
121
+ return _Heading["default"];
122
122
  }
123
123
  });
124
- Object.defineProperty(exports, "DxcTable", {
124
+ Object.defineProperty(exports, "DxcInput", {
125
125
  enumerable: true,
126
126
  get: function get() {
127
- return _Table["default"];
127
+ return _InputText["default"];
128
128
  }
129
129
  });
130
- Object.defineProperty(exports, "DxcBox", {
130
+ Object.defineProperty(exports, "DxcLink", {
131
131
  enumerable: true,
132
132
  get: function get() {
133
- return _Box["default"];
133
+ return _Link["default"];
134
134
  }
135
135
  });
136
- Object.defineProperty(exports, "DxcTag", {
136
+ Object.defineProperty(exports, "DxcNumberInput", {
137
137
  enumerable: true,
138
138
  get: function get() {
139
- return _Tag["default"];
139
+ return _NumberInput["default"];
140
140
  }
141
141
  });
142
142
  Object.defineProperty(exports, "DxcPaginator", {
@@ -145,34 +145,22 @@ Object.defineProperty(exports, "DxcPaginator", {
145
145
  return _Paginator["default"];
146
146
  }
147
147
  });
148
- Object.defineProperty(exports, "DxcSidenav", {
149
- enumerable: true,
150
- get: function get() {
151
- return _Sidenav["default"];
152
- }
153
- });
154
- Object.defineProperty(exports, "DxcWizard", {
155
- enumerable: true,
156
- get: function get() {
157
- return _Wizard["default"];
158
- }
159
- });
160
- Object.defineProperty(exports, "DxcLink", {
148
+ Object.defineProperty(exports, "DxcPasswordInput", {
161
149
  enumerable: true,
162
150
  get: function get() {
163
- return _Link["default"];
151
+ return _PasswordInput["default"];
164
152
  }
165
153
  });
166
- Object.defineProperty(exports, "DxcHeading", {
154
+ Object.defineProperty(exports, "DxcProgressBar", {
167
155
  enumerable: true,
168
156
  get: function get() {
169
- return _Heading["default"];
157
+ return _ProgressBar["default"];
170
158
  }
171
159
  });
172
- Object.defineProperty(exports, "V3DxcTextarea", {
160
+ Object.defineProperty(exports, "DxcRadio", {
173
161
  enumerable: true,
174
162
  get: function get() {
175
- return _V3Textarea["default"];
163
+ return _Radio["default"];
176
164
  }
177
165
  });
178
166
  Object.defineProperty(exports, "DxcResultsetTable", {
@@ -181,58 +169,58 @@ Object.defineProperty(exports, "DxcResultsetTable", {
181
169
  return _ResultsetTable["default"];
182
170
  }
183
171
  });
184
- Object.defineProperty(exports, "DxcChip", {
172
+ Object.defineProperty(exports, "DxcSelect", {
185
173
  enumerable: true,
186
174
  get: function get() {
187
- return _Chip["default"];
175
+ return _Select["default"];
188
176
  }
189
177
  });
190
- Object.defineProperty(exports, "DxcApplicationLayout", {
178
+ Object.defineProperty(exports, "DxcSidenav", {
191
179
  enumerable: true,
192
180
  get: function get() {
193
- return _ApplicationLayout["default"];
181
+ return _Sidenav["default"];
194
182
  }
195
183
  });
196
- Object.defineProperty(exports, "DxcToggleGroup", {
184
+ Object.defineProperty(exports, "DxcSlider", {
197
185
  enumerable: true,
198
186
  get: function get() {
199
- return _ToggleGroup["default"];
187
+ return _Slider["default"];
200
188
  }
201
189
  });
202
- Object.defineProperty(exports, "DxcAccordionGroup", {
190
+ Object.defineProperty(exports, "DxcSpinner", {
203
191
  enumerable: true,
204
192
  get: function get() {
205
- return _AccordionGroup["default"];
193
+ return _Spinner["default"];
206
194
  }
207
195
  });
208
- Object.defineProperty(exports, "DxcBadge", {
196
+ Object.defineProperty(exports, "DxcSwitch", {
209
197
  enumerable: true,
210
198
  get: function get() {
211
- return _Badge["default"];
199
+ return _Switch["default"];
212
200
  }
213
201
  });
214
- Object.defineProperty(exports, "DxcTextInput", {
202
+ Object.defineProperty(exports, "DxcTable", {
215
203
  enumerable: true,
216
204
  get: function get() {
217
- return _TextInput["default"];
205
+ return _Table["default"];
218
206
  }
219
207
  });
220
- Object.defineProperty(exports, "DxcPasswordInput", {
208
+ Object.defineProperty(exports, "DxcTabs", {
221
209
  enumerable: true,
222
210
  get: function get() {
223
- return _PasswordInput["default"];
211
+ return _Tabs["default"];
224
212
  }
225
213
  });
226
- Object.defineProperty(exports, "DxcDateInput", {
214
+ Object.defineProperty(exports, "DxcTag", {
227
215
  enumerable: true,
228
216
  get: function get() {
229
- return _DateInput["default"];
217
+ return _Tag["default"];
230
218
  }
231
219
  });
232
- Object.defineProperty(exports, "DxcNumberInput", {
220
+ Object.defineProperty(exports, "DxcTextInput", {
233
221
  enumerable: true,
234
222
  get: function get() {
235
- return _NumberInput["default"];
223
+ return _TextInput["default"];
236
224
  }
237
225
  });
238
226
  Object.defineProperty(exports, "DxcTextarea", {
@@ -241,16 +229,22 @@ Object.defineProperty(exports, "DxcTextarea", {
241
229
  return _Textarea["default"];
242
230
  }
243
231
  });
244
- Object.defineProperty(exports, "DxcSelect", {
232
+ Object.defineProperty(exports, "DxcToggleGroup", {
245
233
  enumerable: true,
246
234
  get: function get() {
247
- return _Select["default"];
235
+ return _ToggleGroup["default"];
248
236
  }
249
237
  });
250
- Object.defineProperty(exports, "DxcFileInput", {
238
+ Object.defineProperty(exports, "DxcUpload", {
251
239
  enumerable: true,
252
240
  get: function get() {
253
- return _FileInput["default"];
241
+ return _Upload["default"];
242
+ }
243
+ });
244
+ Object.defineProperty(exports, "DxcWizard", {
245
+ enumerable: true,
246
+ get: function get() {
247
+ return _Wizard["default"];
254
248
  }
255
249
  });
256
250
  Object.defineProperty(exports, "ThemeContext", {
@@ -265,10 +259,16 @@ Object.defineProperty(exports, "ThemeProvider", {
265
259
  return _ThemeContext.ThemeProvider;
266
260
  }
267
261
  });
268
- Object.defineProperty(exports, "BackgroundColorProvider", {
262
+ Object.defineProperty(exports, "V3DxcSelect", {
269
263
  enumerable: true,
270
264
  get: function get() {
271
- 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"];
272
272
  }
273
273
  });
274
274
 
@@ -356,4 +356,8 @@ var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
356
356
 
357
357
  var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
358
358
 
359
- 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; }
@@ -23,17 +23,9 @@ var _NumberInputContext = _interopRequireDefault(require("./NumberInputContext")
23
23
 
24
24
  var _variables = require("../common/variables.js");
25
25
 
26
- function _templateObject() {
27
- var data = (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"]);
26
+ var _templateObject;
28
27
 
29
- _templateObject = function _templateObject() {
30
- return data;
31
- };
32
-
33
- return data;
34
- }
35
-
36
- var DxcNumberInput = _react["default"].forwardRef(function (_ref, ref) {
28
+ var DxcNumberInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
37
29
  var _ref$label = _ref.label,
38
30
  label = _ref$label === void 0 ? "" : _ref$label,
39
31
  _ref$name = _ref.name,
@@ -65,14 +57,14 @@ var DxcNumberInput = _react["default"].forwardRef(function (_ref, ref) {
65
57
  size = _ref$size === void 0 ? "medium" : _ref$size,
66
58
  _ref$tabIndex = _ref.tabIndex,
67
59
  tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
68
- return _react["default"].createElement(_NumberInputContext["default"].Provider, {
60
+ return /*#__PURE__*/_react["default"].createElement(_NumberInputContext["default"].Provider, {
69
61
  value: {
70
62
  typeNumber: "number",
71
63
  minNumber: min,
72
64
  maxNumber: max,
73
65
  stepNumber: step
74
66
  }
75
- }, _react["default"].createElement(NumberInputContainer, null, _react["default"].createElement(_TextInput["default"], {
67
+ }, /*#__PURE__*/_react["default"].createElement(NumberInputContainer, null, /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
76
68
  label: label,
77
69
  name: name,
78
70
  value: value,
@@ -100,7 +92,7 @@ var sizes = {
100
92
  fillParent: "100%"
101
93
  };
102
94
 
103
- var NumberInputContainer = _styledComponents["default"].div(_templateObject());
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"])));
104
96
 
105
97
  DxcNumberInput.propTypes = {
106
98
  label: _propTypes["default"].string,
@@ -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
+ );
@@ -10,7 +10,7 @@ exports["default"] = void 0;
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
12
  /* eslint-disable prefer-template */
13
- var NumberInputContext = _react["default"].createContext();
13
+ var NumberInputContext = /*#__PURE__*/_react["default"].createContext();
14
14
 
15
15
  var _default = NumberInputContext;
16
16
  exports["default"] = _default;
File without changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxc-technology/halstack-react",
3
- "version": "0.0.0-228c4cf",
3
+ "version": "0.0.0-2509c58",
4
4
  "description": "DXC Halstack React components library",
5
5
  "repository": "dxc-technology/halstack-react",
6
6
  "homepage": "http://developer.dxc.com/tools/react",
@@ -10,8 +10,8 @@
10
10
  "email": "DigitalInsurance@dxc.com",
11
11
  "url": "https://dxc.com"
12
12
  },
13
- "main": "./dist/main.js",
14
- "types": "./dist/main.d.ts",
13
+ "main": "./main.js",
14
+ "types": "./main.d.ts",
15
15
  "peerDependencies": {
16
16
  "react": "^17.0.1",
17
17
  "react-dom": "^17.0.1",
@@ -24,7 +24,6 @@
24
24
  "@material-ui/lab": "4.0.0-alpha.17",
25
25
  "@material-ui/pickers": "3.2.2",
26
26
  "@material-ui/styles": "4.0.2",
27
- "@testing-library/user-event": "^12.6.3",
28
27
  "color": "^3.1.3",
29
28
  "date-fns": "^2.0.0-beta.4",
30
29
  "moment": "2.24.0",
@@ -35,21 +34,30 @@
35
34
  "scripts": {
36
35
  "test": "jest",
37
36
  "test:watch": "npm test -- --watch --coverage",
38
- "build": "babel src --out-dir dist --copy-files --verbose && node ../scripts/build/copy-readme.js",
39
- "build:watch": "babel src --watch --out-dir dist --copy-files --verbose"
37
+ "build": "babel src --extensions .js,.jsx,.ts,.tsx --out-dir ../dist --copy-files --verbose && node ../scripts/build/copy-package.js && tsc ",
38
+ "build:watch": "babel src --watch --out-dir ../dist --copy-files --verbose",
39
+ "storybook": "start-storybook -p 6006",
40
+ "build-storybook": "build-storybook"
40
41
  },
41
42
  "devDependencies": {
42
- "@babel/cli": "^7.6.2",
43
- "@babel/core": "^7.6.2",
44
- "@babel/plugin-proposal-class-properties": "^7.5.5",
45
- "@babel/plugin-proposal-nullish-coalescing-operator": "7.13.8",
46
- "@babel/plugin-proposal-optional-chaining": "7.13.8",
47
- "@babel/plugin-transform-runtime": "^7.10.1",
48
- "@babel/preset-env": "^7.6.2",
49
- "@babel/preset-react": "^7.0.0",
43
+ "@babel/cli": "^7.16.8",
44
+ "@babel/core": "^7.16.7",
45
+ "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
46
+ "@babel/plugin-proposal-optional-chaining": "^7.13.8",
47
+ "@babel/plugin-transform-runtime": "^7.16.8",
48
+ "@babel/preset-env": "^7.16.8",
49
+ "@babel/preset-react": "^7.16.7",
50
+ "@babel/preset-typescript": "^7.16.7",
51
+ "@storybook/addon-actions": "^6.4.9",
52
+ "@storybook/addon-essentials": "^6.4.9",
53
+ "@storybook/addon-links": "^6.4.9",
54
+ "@storybook/react": "^6.4.9",
50
55
  "@testing-library/react": "^11.2.5",
56
+ "@storybook/testing-library": "0.0.7",
57
+ "@testing-library/user-event": "^12.6.3",
51
58
  "babel-jest": "^24.8.0",
52
59
  "babel-loader": "^8.0.6",
60
+ "chromatic": "^6.3.3",
53
61
  "eslint": "^5.16.0",
54
62
  "eslint-config-airbnb": "^17.1.0",
55
63
  "eslint-config-prettier": "^6.7.0",
@@ -58,12 +66,15 @@
58
66
  "eslint-plugin-jsx-a11y": "^6.2.1",
59
67
  "eslint-plugin-react": "^7.13.0",
60
68
  "eslint-plugin-react-hooks": "^4.2.0",
69
+ "eslint-plugin-storybook": "^0.5.5",
61
70
  "identity-obj-proxy": "^3.0.0",
62
71
  "jest": "^25.5.4",
63
- "react": "file:../node_modules/react",
64
- "react-dom": "file:../node_modules/react-dom",
72
+ "react": "^17.0.1",
73
+ "react-dom": "^17.0.1",
65
74
  "react-test-renderer": "^16.8.6",
66
- "styled-components": "file:../node_modules/styled-components"
75
+ "storybook-addon-pseudo-states": "^1.0.0",
76
+ "styled-components": "^5.0.1",
77
+ "typescript": "^4.5.4"
67
78
  },
68
79
  "jest": {
69
80
  "moduleNameMapper": {