@dxc-technology/halstack-react 0.0.0-b3404a3 → 0.0.0-b3da1a9

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 (151) hide show
  1. package/dist/ThemeContext.js +72 -62
  2. package/dist/V3Textarea/V3Textarea.js +264 -0
  3. package/dist/alert/Alert.js +6 -6
  4. package/dist/alert/index.d.ts +51 -0
  5. package/dist/button/Button.js +3 -3
  6. package/dist/checkbox/Checkbox.js +4 -5
  7. package/dist/common/variables.js +351 -140
  8. package/dist/date/Date.js +10 -12
  9. package/dist/{new-date/NewDate.js → date-input/DateInput.js} +69 -72
  10. package/dist/date-input/index.d.ts +95 -0
  11. package/dist/dropdown/Dropdown.js +8 -13
  12. package/dist/file-input/FileInput.js +644 -0
  13. package/dist/file-input/FileItem.js +280 -0
  14. package/dist/file-input/index.d.ts +81 -0
  15. package/dist/footer/Footer.js +44 -18
  16. package/dist/footer/Icons.js +77 -0
  17. package/dist/header/Header.js +122 -55
  18. package/dist/header/Icons.js +59 -0
  19. package/dist/heading/Heading.js +12 -0
  20. package/dist/input-text/Icons.js +22 -0
  21. package/dist/input-text/InputText.js +7 -9
  22. package/dist/layout/ApplicationLayout.js +5 -9
  23. package/dist/layout/Icons.js +55 -0
  24. package/dist/link/Link.js +4 -8
  25. package/dist/main.d.ts +8 -0
  26. package/dist/main.js +37 -29
  27. package/dist/new-select/NewSelect.js +1085 -0
  28. package/dist/new-select/index.d.ts +53 -0
  29. package/dist/{number/Number.js → number-input/NumberInput.js} +9 -11
  30. package/dist/{number/NumberContext.js → number-input/NumberInputContext.js} +2 -2
  31. package/dist/number-input/index.d.ts +113 -0
  32. package/dist/paginator/Icons.js +66 -0
  33. package/dist/paginator/Paginator.js +5 -11
  34. package/dist/{password/Password.js → password-input/PasswordInput.js} +11 -13
  35. package/dist/password-input/index.d.ts +94 -0
  36. package/dist/progress-bar/ProgressBar.js +1 -1
  37. package/dist/select/Select.js +122 -158
  38. package/dist/sidenav/Sidenav.js +6 -4
  39. package/dist/slider/Slider.js +104 -19
  40. package/dist/spinner/Spinner.js +217 -54
  41. package/dist/tag/Tag.js +26 -32
  42. package/dist/{new-input-text/NewInputText.js → text-input/TextInput.js} +184 -174
  43. package/dist/text-input/index.d.ts +135 -0
  44. package/dist/textarea/Textarea.js +227 -122
  45. package/dist/textarea/index.d.ts +117 -0
  46. package/dist/toggle-group/ToggleGroup.js +132 -28
  47. package/dist/upload/Upload.js +3 -3
  48. package/dist/upload/buttons-upload/ButtonsUpload.js +7 -11
  49. package/dist/upload/buttons-upload/Icons.js +40 -0
  50. package/dist/upload/dragAndDropArea/DragAndDropArea.js +14 -14
  51. package/dist/upload/dragAndDropArea/Icons.js +39 -0
  52. package/dist/upload/file-upload/FileToUpload.js +26 -21
  53. package/dist/upload/file-upload/Icons.js +66 -0
  54. package/dist/upload/transaction/Icons.js +160 -0
  55. package/dist/upload/transaction/Transaction.js +11 -38
  56. package/dist/wizard/Icons.js +65 -0
  57. package/dist/wizard/Wizard.js +3 -9
  58. package/package.json +6 -9
  59. package/test/Date.test.js +48 -44
  60. package/test/{NewDate.test.js → DateInput.test.js} +66 -27
  61. package/test/FileInput.test.js +201 -0
  62. package/test/Footer.test.js +2 -7
  63. package/test/Header.test.js +5 -10
  64. package/test/Heading.test.js +60 -12
  65. package/test/InputText.test.js +24 -16
  66. package/test/{Number.test.js → NumberInput.test.js} +84 -66
  67. package/test/Paginator.test.js +1 -1
  68. package/test/PasswordInput.test.js +83 -0
  69. package/test/ResultsetTable.test.js +1 -2
  70. package/test/Select.test.js +40 -17
  71. package/test/Slider.test.js +9 -17
  72. package/test/Spinner.test.js +5 -0
  73. package/test/{NewInputText.test.js → TextInput.test.js} +146 -231
  74. package/test/Textarea.test.js +193 -0
  75. package/test/ToggleGroup.test.js +5 -1
  76. package/test/Upload.test.js +5 -5
  77. package/test/{TextArea.test.js → V3TextArea.test.js} +6 -7
  78. package/dist/checkbox/Checkbox.stories.js +0 -144
  79. package/dist/checkbox/readme.md +0 -116
  80. package/dist/date/Date.stories.js +0 -205
  81. package/dist/date/readme.md +0 -73
  82. package/dist/footer/Footer.stories.js +0 -94
  83. package/dist/footer/dxc_logo.svg +0 -15
  84. package/dist/footer/readme.md +0 -41
  85. package/dist/header/Header.stories.js +0 -176
  86. package/dist/header/close_icon.svg +0 -1
  87. package/dist/header/dxc_logo_black.svg +0 -8
  88. package/dist/header/hamb_menu_black.svg +0 -1
  89. package/dist/header/hamb_menu_white.svg +0 -1
  90. package/dist/header/readme.md +0 -33
  91. package/dist/input-text/InputText.stories.js +0 -209
  92. package/dist/input-text/error.svg +0 -1
  93. package/dist/input-text/readme.md +0 -91
  94. package/dist/layout/facebook.svg +0 -45
  95. package/dist/layout/linkedin.svg +0 -50
  96. package/dist/layout/twitter.svg +0 -53
  97. package/dist/link/readme.md +0 -51
  98. package/dist/new-textarea/NewTextarea.js +0 -346
  99. package/dist/paginator/images/next.svg +0 -3
  100. package/dist/paginator/images/nextPage.svg +0 -3
  101. package/dist/paginator/images/previous.svg +0 -3
  102. package/dist/paginator/images/previousPage.svg +0 -3
  103. package/dist/paginator/readme.md +0 -50
  104. package/dist/password/styles.css +0 -3
  105. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  106. package/dist/progress-bar/readme.md +0 -63
  107. package/dist/radio/Radio.stories.js +0 -166
  108. package/dist/radio/readme.md +0 -70
  109. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  110. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  111. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  112. package/dist/select/Select.stories.js +0 -235
  113. package/dist/select/readme.md +0 -72
  114. package/dist/slider/Slider.stories.js +0 -241
  115. package/dist/slider/readme.md +0 -64
  116. package/dist/spinner/Spinner.stories.js +0 -183
  117. package/dist/spinner/readme.md +0 -65
  118. package/dist/switch/Switch.stories.js +0 -134
  119. package/dist/switch/readme.md +0 -133
  120. package/dist/tabs/Tabs.stories.js +0 -130
  121. package/dist/tabs/readme.md +0 -78
  122. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  123. package/dist/tabs-for-sections/readme.md +0 -78
  124. package/dist/toggle/Toggle.stories.js +0 -297
  125. package/dist/toggle/readme.md +0 -80
  126. package/dist/upload/Upload.stories.js +0 -72
  127. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  128. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  129. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  130. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  131. package/dist/upload/file-upload/audio-icon.svg +0 -4
  132. package/dist/upload/file-upload/close.svg +0 -4
  133. package/dist/upload/file-upload/file-icon.svg +0 -4
  134. package/dist/upload/file-upload/video-icon.svg +0 -4
  135. package/dist/upload/readme.md +0 -37
  136. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  137. package/dist/upload/transaction/audio-icon.svg +0 -4
  138. package/dist/upload/transaction/error-icon.svg +0 -4
  139. package/dist/upload/transaction/file-icon-err.svg +0 -4
  140. package/dist/upload/transaction/file-icon.svg +0 -4
  141. package/dist/upload/transaction/image-icon-err.svg +0 -4
  142. package/dist/upload/transaction/image-icon.svg +0 -4
  143. package/dist/upload/transaction/success-icon.svg +0 -4
  144. package/dist/upload/transaction/video-icon-err.svg +0 -4
  145. package/dist/upload/transaction/video-icon.svg +0 -4
  146. package/dist/wizard/invalid_icon.svg +0 -5
  147. package/dist/wizard/valid_icon.svg +0 -5
  148. package/dist/wizard/validation-wrong.svg +0 -6
  149. package/test/NewTextarea.test.js +0 -201
  150. package/test/Password.test.js +0 -76
  151. package/test/TabsForSections.test.js +0 -34
package/dist/link/Link.js CHANGED
@@ -26,7 +26,7 @@ var _variables = require("../common/variables.js");
26
26
  var _useTheme = _interopRequireDefault(require("../useTheme.js"));
27
27
 
28
28
  function _templateObject6() {
29
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ": ", ";\n overflow: hidden;\n img,\n svg {\n height: 100%;\n width: 100%;\n }\n"]);
29
+ var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n overflow: hidden;\n \n img,\n svg {\n height: 100%;\n width: 100%;\n }\n"]);
30
30
 
31
31
  _templateObject6 = function _templateObject6() {
32
32
  return data;
@@ -36,7 +36,7 @@ function _templateObject6() {
36
36
  }
37
37
 
38
38
  function _templateObject5() {
39
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ": ", ";\n"]);
39
+ var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n"]);
40
40
 
41
41
  _templateObject5 = function _templateObject5() {
42
42
  return data;
@@ -204,9 +204,7 @@ var LinkIcon = _styledComponents["default"].img(_templateObject5(), function (pr
204
204
  }, function (props) {
205
205
  return props.theme.iconSize;
206
206
  }, function (props) {
207
- return props.iconPosition === "before" ? "margin-right" : "margin-left";
208
- }, function (props) {
209
- return props.theme.iconSpacing;
207
+ return "".concat(props.iconPosition === "before" ? "margin-right" : "margin-left", ": ").concat(props.theme.iconSpacing);
210
208
  });
211
209
 
212
210
  var LinkIconContainer = _styledComponents["default"].div(_templateObject6(), function (props) {
@@ -214,9 +212,7 @@ var LinkIconContainer = _styledComponents["default"].div(_templateObject6(), fun
214
212
  }, function (props) {
215
213
  return props.theme.iconSize;
216
214
  }, function (props) {
217
- return props.iconPosition === "before" ? "margin-right" : "margin-left";
218
- }, function (props) {
219
- return props.theme.iconSpacing;
215
+ return "".concat(props.iconPosition === "before" ? "margin-right" : "margin-left", ": ").concat(props.theme.iconSpacing);
220
216
  });
221
217
 
222
218
  DxcLink.propTypes = {
package/dist/main.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export { default as DxcAlert } from "./alert/index";
2
+ export { default as DxcNewSelect } from "./new-select/index";
3
+ export { default as DxcTextInput } from "./text-input/index";
4
+ export { default as DxcDateInput } from "./date-input/index";
5
+ export { default as DxcTextarea } from "./textarea/index";
6
+ export { default as DxcNumberInput } from "./number-input/index";
7
+ export { default as DxcPasswordInput } from "./password-input/index";
8
+ export { default as DxcFileInput } from "./file-input/index";
package/dist/main.js CHANGED
@@ -37,7 +37,7 @@ Object.defineProperty(exports, "DxcCheckbox", {
37
37
  return _Checkbox["default"];
38
38
  }
39
39
  });
40
- Object.defineProperty(exports, "DxcDate", {
40
+ Object.defineProperty(exports, "V3DxcDate", {
41
41
  enumerable: true,
42
42
  get: function get() {
43
43
  return _Date["default"];
@@ -67,7 +67,7 @@ Object.defineProperty(exports, "DxcHeader", {
67
67
  return _Header["default"];
68
68
  }
69
69
  });
70
- Object.defineProperty(exports, "DxcInput", {
70
+ Object.defineProperty(exports, "V3DxcInputText", {
71
71
  enumerable: true,
72
72
  get: function get() {
73
73
  return _InputText["default"];
@@ -103,12 +103,6 @@ Object.defineProperty(exports, "DxcTabs", {
103
103
  return _Tabs["default"];
104
104
  }
105
105
  });
106
- Object.defineProperty(exports, "DxcTabsForSections", {
107
- enumerable: true,
108
- get: function get() {
109
- return _TabsForSections["default"];
110
- }
111
- });
112
106
  Object.defineProperty(exports, "DxcProgressBar", {
113
107
  enumerable: true,
114
108
  get: function get() {
@@ -121,7 +115,7 @@ Object.defineProperty(exports, "DxcSpinner", {
121
115
  return _Spinner["default"];
122
116
  }
123
117
  });
124
- Object.defineProperty(exports, "DxcUpload", {
118
+ Object.defineProperty(exports, "V3DxcUpload", {
125
119
  enumerable: true,
126
120
  get: function get() {
127
121
  return _Upload["default"];
@@ -175,10 +169,10 @@ Object.defineProperty(exports, "DxcHeading", {
175
169
  return _Heading["default"];
176
170
  }
177
171
  });
178
- Object.defineProperty(exports, "DxcTextarea", {
172
+ Object.defineProperty(exports, "V3DxcTextarea", {
179
173
  enumerable: true,
180
174
  get: function get() {
181
- return _Textarea["default"];
175
+ return _V3Textarea["default"];
182
176
  }
183
177
  });
184
178
  Object.defineProperty(exports, "DxcResultsetTable", {
@@ -217,34 +211,46 @@ Object.defineProperty(exports, "DxcBadge", {
217
211
  return _Badge["default"];
218
212
  }
219
213
  });
220
- Object.defineProperty(exports, "DxcNewInputText", {
214
+ Object.defineProperty(exports, "DxcTextInput", {
221
215
  enumerable: true,
222
216
  get: function get() {
223
- return _NewInputText["default"];
217
+ return _TextInput["default"];
224
218
  }
225
219
  });
226
- Object.defineProperty(exports, "DxcPassword", {
220
+ Object.defineProperty(exports, "DxcPasswordInput", {
227
221
  enumerable: true,
228
222
  get: function get() {
229
- return _Password["default"];
223
+ return _PasswordInput["default"];
230
224
  }
231
225
  });
232
- Object.defineProperty(exports, "DxcNewDate", {
226
+ Object.defineProperty(exports, "DxcDateInput", {
233
227
  enumerable: true,
234
228
  get: function get() {
235
- return _NewDate["default"];
229
+ return _DateInput["default"];
236
230
  }
237
231
  });
238
- Object.defineProperty(exports, "DxcNumber", {
232
+ Object.defineProperty(exports, "DxcNumberInput", {
239
233
  enumerable: true,
240
234
  get: function get() {
241
- return _Number["default"];
235
+ return _NumberInput["default"];
242
236
  }
243
237
  });
244
- Object.defineProperty(exports, "DxcNewTextarea", {
238
+ Object.defineProperty(exports, "DxcTextarea", {
245
239
  enumerable: true,
246
240
  get: function get() {
247
- return _NewTextarea["default"];
241
+ return _Textarea["default"];
242
+ }
243
+ });
244
+ Object.defineProperty(exports, "DxcNewSelect", {
245
+ enumerable: true,
246
+ get: function get() {
247
+ return _NewSelect["default"];
248
+ }
249
+ });
250
+ Object.defineProperty(exports, "DxcFileInput", {
251
+ enumerable: true,
252
+ get: function get() {
253
+ return _FileInput["default"];
248
254
  }
249
255
  });
250
256
  Object.defineProperty(exports, "ThemeContext", {
@@ -298,8 +304,6 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
298
304
 
299
305
  var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
300
306
 
301
- var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
302
-
303
307
  var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
304
308
 
305
309
  var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
@@ -322,7 +326,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
322
326
 
323
327
  var _Heading = _interopRequireDefault(require("./heading/Heading"));
324
328
 
325
- var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
329
+ var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
326
330
 
327
331
  var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
328
332
 
@@ -336,15 +340,19 @@ var _AccordionGroup = _interopRequireDefault(require("./accordion-group/Accordio
336
340
 
337
341
  var _Badge = _interopRequireDefault(require("./badge/Badge"));
338
342
 
339
- var _NewInputText = _interopRequireDefault(require("./new-input-text/NewInputText"));
343
+ var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
344
+
345
+ var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
340
346
 
341
- var _Password = _interopRequireDefault(require("./password/Password"));
347
+ var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
342
348
 
343
- var _NewDate = _interopRequireDefault(require("./new-date/NewDate"));
349
+ var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
350
+
351
+ var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
344
352
 
345
- var _Number = _interopRequireDefault(require("./number/Number"));
353
+ var _NewSelect = _interopRequireDefault(require("./new-select/NewSelect"));
346
354
 
347
- var _NewTextarea = _interopRequireDefault(require("./new-textarea/NewTextarea"));
355
+ var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
348
356
 
349
357
  var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
350
358