@dxc-technology/halstack-react 0.0.0-220a9ab → 0.0.0-228c4cf

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 (187) hide show
  1. package/dist/ThemeContext.js +134 -100
  2. package/dist/V3Select/V3Select.js +549 -0
  3. package/dist/V3Textarea/V3Textarea.js +264 -0
  4. package/dist/accordion/Accordion.js +80 -83
  5. package/dist/accordion-group/AccordionGroup.js +1 -3
  6. package/dist/alert/Alert.js +126 -111
  7. package/dist/alert/index.d.ts +51 -0
  8. package/dist/badge/Badge.js +3 -1
  9. package/dist/box/Box.js +1 -9
  10. package/dist/button/Button.js +32 -22
  11. package/dist/card/Card.js +2 -4
  12. package/dist/checkbox/Checkbox.js +33 -25
  13. package/dist/chip/Chip.js +37 -49
  14. package/dist/common/variables.js +1002 -594
  15. package/dist/date/Date.js +23 -35
  16. package/dist/date-input/DateInput.js +400 -0
  17. package/dist/date-input/index.d.ts +95 -0
  18. package/dist/dialog/Dialog.js +21 -39
  19. package/dist/dropdown/Dropdown.js +129 -83
  20. package/dist/file-input/FileInput.js +644 -0
  21. package/dist/file-input/FileItem.js +287 -0
  22. package/dist/file-input/index.d.ts +81 -0
  23. package/dist/footer/Footer.js +69 -53
  24. package/dist/footer/Icons.js +77 -0
  25. package/dist/header/Header.js +123 -84
  26. package/dist/header/Icons.js +59 -0
  27. package/dist/heading/Heading.js +13 -5
  28. package/dist/input-text/Icons.js +22 -0
  29. package/dist/input-text/InputText.js +97 -61
  30. package/dist/layout/ApplicationLayout.js +5 -9
  31. package/dist/layout/Icons.js +55 -0
  32. package/dist/link/Link.js +71 -46
  33. package/dist/main.d.ts +8 -0
  34. package/dist/main.js +65 -17
  35. package/dist/number-input/NumberInput.js +136 -0
  36. package/dist/number-input/NumberInputContext.js +16 -0
  37. package/dist/number-input/index.d.ts +113 -0
  38. package/dist/paginator/Icons.js +66 -0
  39. package/dist/paginator/Paginator.js +17 -17
  40. package/dist/password-input/PasswordInput.js +203 -0
  41. package/dist/password-input/index.d.ts +94 -0
  42. package/dist/progress-bar/ProgressBar.js +63 -27
  43. package/dist/resultsetTable/ResultsetTable.js +5 -22
  44. package/dist/select/Select.js +853 -309
  45. package/dist/select/index.d.ts +53 -0
  46. package/dist/sidenav/Sidenav.js +11 -15
  47. package/dist/slider/Slider.js +159 -70
  48. package/dist/spinner/Spinner.js +226 -59
  49. package/dist/switch/Switch.js +3 -3
  50. package/dist/table/Table.js +15 -5
  51. package/dist/tabs/Tabs.js +4 -8
  52. package/dist/tag/Tag.js +38 -36
  53. package/dist/text-input/TextInput.js +974 -0
  54. package/dist/text-input/index.d.ts +135 -0
  55. package/dist/textarea/Textarea.js +233 -124
  56. package/dist/textarea/index.d.ts +117 -0
  57. package/dist/toggle-group/ToggleGroup.js +130 -44
  58. package/dist/upload/Upload.js +3 -3
  59. package/dist/upload/buttons-upload/ButtonsUpload.js +13 -13
  60. package/dist/upload/buttons-upload/Icons.js +40 -0
  61. package/dist/upload/dragAndDropArea/DragAndDropArea.js +27 -23
  62. package/dist/upload/dragAndDropArea/Icons.js +39 -0
  63. package/dist/upload/file-upload/FileToUpload.js +29 -24
  64. package/dist/upload/file-upload/Icons.js +66 -0
  65. package/dist/upload/transaction/Icons.js +160 -0
  66. package/dist/upload/transaction/Transaction.js +19 -42
  67. package/dist/upload/transactions/Transactions.js +11 -11
  68. package/dist/wizard/Icons.js +65 -0
  69. package/dist/wizard/Wizard.js +85 -63
  70. package/package.json +8 -10
  71. package/test/Date.test.js +48 -44
  72. package/test/DateInput.test.js +242 -0
  73. package/test/Dropdown.test.js +15 -0
  74. package/test/FileInput.test.js +201 -0
  75. package/test/Footer.test.js +2 -7
  76. package/test/Header.test.js +5 -10
  77. package/test/Heading.test.js +60 -12
  78. package/test/InputText.test.js +24 -16
  79. package/test/Link.test.js +3 -2
  80. package/test/NumberInput.test.js +259 -0
  81. package/test/Paginator.test.js +1 -1
  82. package/test/PasswordInput.test.js +83 -0
  83. package/test/ResultsetTable.test.js +1 -2
  84. package/test/Slider.test.js +9 -17
  85. package/test/Spinner.test.js +5 -0
  86. package/test/TextInput.test.js +732 -0
  87. package/test/Textarea.test.js +193 -0
  88. package/test/ToggleGroup.test.js +5 -1
  89. package/test/Upload.test.js +5 -5
  90. package/test/{Select.test.js → V3Select.test.js} +56 -36
  91. package/test/{TextArea.test.js → V3TextArea.test.js} +6 -7
  92. package/dist/accordion/Accordion.stories.js +0 -207
  93. package/dist/accordion/readme.md +0 -96
  94. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  95. package/dist/accordion-group/readme.md +0 -70
  96. package/dist/alert/Alert.stories.js +0 -158
  97. package/dist/alert/close.svg +0 -4
  98. package/dist/alert/error.svg +0 -4
  99. package/dist/alert/info.svg +0 -4
  100. package/dist/alert/readme.md +0 -43
  101. package/dist/alert/success.svg +0 -4
  102. package/dist/alert/warning.svg +0 -4
  103. package/dist/button/Button.stories.js +0 -224
  104. package/dist/button/readme.md +0 -93
  105. package/dist/checkbox/Checkbox.stories.js +0 -144
  106. package/dist/checkbox/readme.md +0 -116
  107. package/dist/date/Date.stories.js +0 -205
  108. package/dist/date/calendar.svg +0 -1
  109. package/dist/date/calendar_dark.svg +0 -1
  110. package/dist/date/readme.md +0 -73
  111. package/dist/dialog/Dialog.stories.js +0 -217
  112. package/dist/dialog/readme.md +0 -32
  113. package/dist/dropdown/Dropdown.stories.js +0 -249
  114. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  115. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  116. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  117. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  118. package/dist/dropdown/readme.md +0 -69
  119. package/dist/footer/Footer.stories.js +0 -94
  120. package/dist/footer/dxc_logo_wht.png +0 -0
  121. package/dist/footer/readme.md +0 -41
  122. package/dist/header/Header.stories.js +0 -176
  123. package/dist/header/close_icon.svg +0 -1
  124. package/dist/header/dxc_logo_black.png +0 -0
  125. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  126. package/dist/header/dxc_logo_white.png +0 -0
  127. package/dist/header/hamb_menu_black.svg +0 -1
  128. package/dist/header/hamb_menu_white.svg +0 -1
  129. package/dist/header/readme.md +0 -33
  130. package/dist/input-text/InputText.stories.js +0 -209
  131. package/dist/input-text/error.svg +0 -1
  132. package/dist/input-text/readme.md +0 -91
  133. package/dist/layout/facebook.svg +0 -45
  134. package/dist/layout/linkedin.svg +0 -50
  135. package/dist/layout/twitter.svg +0 -53
  136. package/dist/link/readme.md +0 -51
  137. package/dist/paginator/images/next.svg +0 -3
  138. package/dist/paginator/images/nextPage.svg +0 -3
  139. package/dist/paginator/images/previous.svg +0 -3
  140. package/dist/paginator/images/previousPage.svg +0 -3
  141. package/dist/paginator/readme.md +0 -50
  142. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  143. package/dist/progress-bar/readme.md +0 -63
  144. package/dist/radio/Radio.stories.js +0 -166
  145. package/dist/radio/readme.md +0 -70
  146. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  147. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  148. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  149. package/dist/select/Select.stories.js +0 -235
  150. package/dist/select/readme.md +0 -72
  151. package/dist/slider/Slider.stories.js +0 -241
  152. package/dist/slider/readme.md +0 -64
  153. package/dist/spinner/Spinner.stories.js +0 -183
  154. package/dist/spinner/readme.md +0 -65
  155. package/dist/switch/Switch.stories.js +0 -134
  156. package/dist/switch/readme.md +0 -133
  157. package/dist/tabs/Tabs.stories.js +0 -130
  158. package/dist/tabs/readme.md +0 -78
  159. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  160. package/dist/tabs-for-sections/readme.md +0 -78
  161. package/dist/toggle/Toggle.stories.js +0 -297
  162. package/dist/toggle/readme.md +0 -80
  163. package/dist/toggle-group/readme.md +0 -82
  164. package/dist/upload/Upload.stories.js +0 -72
  165. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  166. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  167. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  168. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  169. package/dist/upload/file-upload/audio-icon.svg +0 -4
  170. package/dist/upload/file-upload/close.svg +0 -4
  171. package/dist/upload/file-upload/file-icon.svg +0 -4
  172. package/dist/upload/file-upload/video-icon.svg +0 -4
  173. package/dist/upload/readme.md +0 -37
  174. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  175. package/dist/upload/transaction/audio-icon.svg +0 -4
  176. package/dist/upload/transaction/error-icon.svg +0 -4
  177. package/dist/upload/transaction/file-icon-err.svg +0 -4
  178. package/dist/upload/transaction/file-icon.svg +0 -4
  179. package/dist/upload/transaction/image-icon-err.svg +0 -4
  180. package/dist/upload/transaction/image-icon.svg +0 -4
  181. package/dist/upload/transaction/success-icon.svg +0 -4
  182. package/dist/upload/transaction/video-icon-err.svg +0 -4
  183. package/dist/upload/transaction/video-icon.svg +0 -4
  184. package/dist/wizard/invalid_icon.svg +0 -6
  185. package/dist/wizard/valid_icon.svg +0 -6
  186. package/dist/wizard/validation-wrong.svg +0 -6
  187. package/test/TabsForSections.test.js +0 -34
package/dist/resultsetTable/ResultsetTable.js CHANGED
@@ -32,7 +32,7 @@ var _Paginator = _interopRequireDefault(require("../paginator/Paginator"));
32
32
  var _useTheme = _interopRequireDefault(require("../useTheme.js"));
33
33
 
34
34
  function _templateObject9() {
35
- var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n overflow-y: hidden;\n overflow-x: auto;\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n\n &::-webkit-scrollbar {\n height: 6px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: ", ";\n border-radius: 6px;\n }\n"]);
35
+ var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n overflow: hidden;\n"]);
36
36
 
37
37
  _templateObject9 = function _templateObject9() {
38
38
  return data;
@@ -102,7 +102,7 @@ function _templateObject3() {
102
102
  }
103
103
 
104
104
  function _templateObject2() {
105
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-left: ", ";\n margin-right: ", ";\n"]);
105
+ var data = (0, _taggedTemplateLiteral2["default"])([""]);
106
106
 
107
107
  _templateObject2 = function _templateObject2() {
108
108
  return data;
@@ -263,14 +263,7 @@ var DxcResultsetTable = function DxcResultsetTable(_ref) {
263
263
  theme: colorsTheme.table
264
264
  }, _react["default"].createElement(DxcResultsetTableContainer, {
265
265
  margin: margin
266
- }, _react["default"].createElement(TableContainer, null, _react["default"].createElement(_Table["default"], {
267
- margin: {
268
- top: margin,
269
- right: margin,
270
- bottom: "0px",
271
- left: margin
272
- }
273
- }, _react["default"].createElement(HeaderRow, null, _react["default"].createElement("tr", null, columns.map(function (column, index) {
266
+ }, _react["default"].createElement(TableContainer, null, _react["default"].createElement(_Table["default"], null, _react["default"].createElement(HeaderRow, null, _react["default"].createElement("tr", null, columns.map(function (column, index) {
274
267
  return _react["default"].createElement(TableHeader, {
275
268
  key: "tableHeader_".concat(index)
276
269
  }, _react["default"].createElement(HeaderContainer, {
@@ -290,9 +283,7 @@ var DxcResultsetTable = function DxcResultsetTable(_ref) {
290
283
  key: "resultSetTableCellContent_".concat(index)
291
284
  }, cellContent.displayValue);
292
285
  }));
293
- })))), _react["default"].createElement(PaginatorContainer, {
294
- margin: margin
295
- }, _react["default"].createElement(_Paginator["default"], {
286
+ })))), _react["default"].createElement(PaginatorContainer, null, _react["default"].createElement(_Paginator["default"], {
296
287
  totalItems: rows.length,
297
288
  itemsPerPage: itemsPerPage,
298
289
  itemsPerPageOptions: itemsPerPageOptions,
@@ -306,11 +297,7 @@ var DxcResultsetTable = function DxcResultsetTable(_ref) {
306
297
 
307
298
  var TableContainer = _styledComponents["default"].div(_templateObject());
308
299
 
309
- var PaginatorContainer = _styledComponents["default"].div(_templateObject2(), function (props) {
310
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
311
- }, function (props) {
312
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
313
- });
300
+ var PaginatorContainer = _styledComponents["default"].div(_templateObject2());
314
301
 
315
302
  var TableRowGroup = _styledComponents["default"].tbody(_templateObject3(), function (props) {
316
303
  return props.theme.rowHeight || "70px";
@@ -344,10 +331,6 @@ var DxcResultsetTableContainer = _styledComponents["default"].div(_templateObjec
344
331
  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.bottom ? _variables.spaces[props.margin.bottom] : "";
345
332
  }, function (props) {
346
333
  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
347
- }, function (props) {
348
- return props.theme.scrollBarThumbColor;
349
- }, function (props) {
350
- return props.theme.scrollBarTrackColor;
351
334
  });
352
335
 
353
336
  DxcResultsetTable.propTypes = {