@dxc-technology/halstack-react 0.0.0-4fd9593 → 0.0.0-51a5c42

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 (99) hide show
  1. package/dist/ThemeContext.js +131 -99
  2. package/dist/V3Textarea/V3Textarea.js +264 -0
  3. package/dist/accordion/Accordion.js +44 -39
  4. package/dist/accordion-group/AccordionGroup.js +1 -3
  5. package/dist/alert/Alert.js +124 -113
  6. package/dist/alert/index.d.ts +51 -0
  7. package/dist/button/Button.js +31 -25
  8. package/dist/checkbox/Checkbox.js +19 -13
  9. package/dist/common/variables.js +590 -386
  10. package/dist/date/Date.js +11 -13
  11. package/dist/{new-date/NewDate.js → date-input/DateInput.js} +77 -72
  12. package/dist/date-input/index.d.ts +95 -0
  13. package/dist/dialog/Dialog.js +8 -30
  14. package/dist/dropdown/Dropdown.js +108 -68
  15. package/dist/file-input/FileInput.js +644 -0
  16. package/dist/file-input/FileItem.js +280 -0
  17. package/dist/file-input/index.d.ts +81 -0
  18. package/dist/header/Header.js +78 -67
  19. package/dist/header/Icons.js +59 -0
  20. package/dist/input-text/InputText.js +3 -3
  21. package/dist/layout/ApplicationLayout.js +1 -1
  22. package/dist/link/Link.js +4 -8
  23. package/dist/main.d.ts +8 -0
  24. package/dist/main.js +37 -21
  25. package/dist/new-select/NewSelect.js +836 -0
  26. package/dist/new-select/index.d.ts +53 -0
  27. package/dist/{number/Number.js → number-input/NumberInput.js} +13 -11
  28. package/dist/{number/NumberContext.js → number-input/NumberInputContext.js} +2 -2
  29. package/dist/number-input/index.d.ts +113 -0
  30. package/dist/{password/Password.js → password-input/PasswordInput.js} +15 -13
  31. package/dist/password-input/index.d.ts +94 -0
  32. package/dist/progress-bar/ProgressBar.js +62 -26
  33. package/dist/select/Select.js +122 -158
  34. package/dist/sidenav/Sidenav.js +6 -4
  35. package/dist/slider/Slider.js +141 -62
  36. package/dist/spinner/Spinner.js +217 -54
  37. package/dist/tag/Tag.js +26 -32
  38. package/dist/{new-input-text/NewInputText.js → text-input/TextInput.js} +185 -171
  39. package/dist/text-input/index.d.ts +135 -0
  40. package/dist/textarea/Textarea.js +227 -122
  41. package/dist/textarea/index.d.ts +117 -0
  42. package/dist/toggle-group/ToggleGroup.js +130 -44
  43. package/dist/upload/Upload.js +3 -3
  44. package/dist/upload/readme.md +2 -2
  45. package/dist/upload/transaction/Transaction.js +2 -2
  46. package/package.json +2 -1
  47. package/test/Date.test.js +48 -44
  48. package/test/{NewDate.test.js → DateInput.test.js} +71 -29
  49. package/test/FileInput.test.js +201 -0
  50. package/test/Header.test.js +5 -10
  51. package/test/InputText.test.js +24 -16
  52. package/test/{Number.test.js → NumberInput.test.js} +85 -67
  53. package/test/Paginator.test.js +1 -1
  54. package/test/PasswordInput.test.js +83 -0
  55. package/test/ResultsetTable.test.js +1 -2
  56. package/test/Select.test.js +40 -17
  57. package/test/Spinner.test.js +5 -0
  58. package/test/{NewInputText.test.js → TextInput.test.js} +147 -232
  59. package/test/Textarea.test.js +193 -0
  60. package/test/ToggleGroup.test.js +5 -1
  61. package/test/Upload.test.js +5 -5
  62. package/test/{TextArea.test.js → V3TextArea.test.js} +6 -7
  63. package/dist/accordion/Accordion.stories.js +0 -207
  64. package/dist/accordion/readme.md +0 -96
  65. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  66. package/dist/accordion-group/readme.md +0 -70
  67. package/dist/alert/Alert.stories.js +0 -158
  68. package/dist/alert/close.svg +0 -4
  69. package/dist/alert/error.svg +0 -4
  70. package/dist/alert/info.svg +0 -4
  71. package/dist/alert/readme.md +0 -43
  72. package/dist/alert/success.svg +0 -4
  73. package/dist/alert/warning.svg +0 -4
  74. package/dist/button/Button.stories.js +0 -224
  75. package/dist/button/readme.md +0 -93
  76. package/dist/dialog/Dialog.stories.js +0 -217
  77. package/dist/dialog/readme.md +0 -32
  78. package/dist/dropdown/Dropdown.stories.js +0 -249
  79. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  80. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  81. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  82. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  83. package/dist/dropdown/readme.md +0 -69
  84. package/dist/footer/Footer.stories.js +0 -94
  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/new-textarea/NewTextarea.js +0 -342
  93. package/dist/password/styles.css +0 -3
  94. package/dist/select/Select.stories.js +0 -235
  95. package/dist/select/readme.md +0 -72
  96. package/dist/slider/Slider.stories.js +0 -241
  97. package/dist/toggle-group/readme.md +0 -82
  98. package/test/NewTextarea.test.js +0 -201
  99. package/test/Password.test.js +0 -76
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.hamburgerIcon = exports.closeIcon = exports.dxcLogo = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var dxcLogo = _react["default"].createElement("svg", {
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ width: "73",
15
+ height: "40",
16
+ viewBox: "0 0 73 40"
17
+ }, _react["default"].createElement("title", null, "DXC Logo"), _react["default"].createElement("g", {
18
+ id: "g10",
19
+ transform: "translate(0)"
20
+ }, _react["default"].createElement("g", {
21
+ id: "g12"
22
+ }, _react["default"].createElement("path", {
23
+ id: "path14",
24
+ d: "M91.613-28.177v2.514H90.231V-28.15l-2.415-3.82h1.616l1.5,2.532,1.526-2.532h1.571ZM83.9-25.555A3.15,3.15,0,0,1,80.6-28.8v-.018a3.231,3.231,0,0,1,3.294-3.262,3.442,3.442,0,0,1,2.469.865l-.87,1.054a2.311,2.311,0,0,0-1.643-.64,1.891,1.891,0,0,0-1.8,1.964v.018a1.886,1.886,0,0,0,1.9,2,2.2,2.2,0,0,0,1.3-.378v-.9H83.858v-1.2h2.729v2.738A4.071,4.071,0,0,1,83.9-25.555Zm-6.416-3.261a1.913,1.913,0,0,0-1.9-1.982A1.883,1.883,0,0,0,73.7-28.835v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,77.486-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018A3.255,3.255,0,0,1,75.6-32.078a3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,75.583-25.555Zm-9.173-.108V-31.97h1.382v5.045h3.133v1.261Zm-3.433-3.153a1.913,1.913,0,0,0-1.9-1.982,1.883,1.883,0,0,0-1.886,1.964v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,62.978-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018a3.255,3.255,0,0,1,3.348-3.262,3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,61.075-25.555Zm-6.508-.108-3.043-4.009v4.009H50.159V-31.97h1.275l2.944,3.883V-31.97h1.364v6.306Zm-8.246,0v-2.531h-2.55v2.531H42.389V-31.97h1.382v2.5h2.55v-2.5H47.7v6.306Zm-8.432.108A3.178,3.178,0,0,1,34.666-28.8v-.018a3.2,3.2,0,0,1,3.276-3.262,3.237,3.237,0,0,1,2.478.973l-.88,1.018a2.315,2.315,0,0,0-1.606-.712,1.866,1.866,0,0,0-1.822,1.964v.018a1.87,1.87,0,0,0,1.822,1.982,2.265,2.265,0,0,0,1.651-.739l.88.891A3.206,3.206,0,0,1,37.889-25.555Zm-9.805-.108V-31.97h4.739v1.235H29.458v1.279h2.962v1.234H29.458V-26.9h3.411v1.234ZM24.322-30.69v5.027H22.939V-30.69H21.028v-1.28h5.206v1.28H24.322",
25
+ transform: "translate(-21.028 65.555)",
26
+ fill: "#100f0d"
27
+ }), _react["default"].createElement("path", {
28
+ id: "path16",
29
+ d: "M75.836-76.712a8.975,8.975,0,0,1,2.246-3.9,8.393,8.393,0,0,1,6.058-2.457h9.824v-5.67H84.139a14.611,14.611,0,0,0-10.232,4.221,14.509,14.509,0,0,0-3.076,4.536,11.913,11.913,0,0,0-.973,3.271Zm0,4.325a8.978,8.978,0,0,0,2.246,3.9,8.394,8.394,0,0,0,6.058,2.457h9.824v5.67H84.139A14.611,14.611,0,0,1,73.907-64.58a14.506,14.506,0,0,1-3.076-4.536,11.91,11.91,0,0,1-.973-3.271ZM57.522-69.832l-7.5,9.473H42.581L53.818-74.55,42.581-88.739H50.02l7.5,9.472,7.5-9.472h7.439L61.225-74.55l11.237,14.19H65.023Zm-12.336-6.88a11.935,11.935,0,0,0-.973-3.271,14.515,14.515,0,0,0-3.076-4.536A14.612,14.612,0,0,0,30.9-88.739H21.081v5.67H30.9a8.394,8.394,0,0,1,6.058,2.457,8.978,8.978,0,0,1,2.246,3.9Zm0,4.325a11.932,11.932,0,0,1-.973,3.271,14.511,14.511,0,0,1-3.076,4.536A14.611,14.611,0,0,1,30.9-60.359H21.081v-5.67H30.9a8.4,8.4,0,0,0,6.058-2.457,8.981,8.981,0,0,0,2.246-3.9h5.978",
30
+ transform: "translate(-21.049 88.739)",
31
+ fill: "#100f0d"
32
+ }))));
33
+
34
+ exports.dxcLogo = dxcLogo;
35
+
36
+ var closeIcon = _react["default"].createElement("svg", {
37
+ xmlns: "http://www.w3.org/2000/svg",
38
+ height: "24",
39
+ viewBox: "0 0 24 24",
40
+ width: "24"
41
+ }, _react["default"].createElement("path", {
42
+ d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
43
+ }), _react["default"].createElement("path", {
44
+ d: "M0 0h24v24H0z",
45
+ fill: "none"
46
+ }));
47
+
48
+ exports.closeIcon = closeIcon;
49
+
50
+ var hamburgerIcon = _react["default"].createElement("svg", {
51
+ xmlns: "http://www.w3.org/2000/svg",
52
+ viewBox: "0 0 24 24",
53
+ width: "24",
54
+ height: "24"
55
+ }, _react["default"].createElement("path", {
56
+ d: "M3,8H21a1,1,0,0,0,0-2H3A1,1,0,0,0,3,8Zm18,8H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm0-5H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Z"
57
+ }));
58
+
59
+ exports.hamburgerIcon = hamburgerIcon;
@@ -166,7 +166,7 @@ var makeCancelable = function makeCancelable(promise) {
166
166
  };
167
167
  };
168
168
 
169
- var DxcInputText = function DxcInputText(_ref) {
169
+ var V3DxcInputText = function V3DxcInputText(_ref) {
170
170
  var _ref$label = _ref.label,
171
171
  label = _ref$label === void 0 ? " " : _ref$label,
172
172
  _ref$name = _ref.name,
@@ -672,7 +672,7 @@ var TextContainer = _styledComponents["default"].div(_templateObject10(), functi
672
672
  return props.backgroundType === "dark" ? props.theme.disabledColorOnDark : props.theme.disabledColor;
673
673
  });
674
674
 
675
- DxcInputText.propTypes = {
675
+ V3DxcInputText.propTypes = {
676
676
  label: _propTypes["default"].string,
677
677
  name: _propTypes["default"].string,
678
678
  value: _propTypes["default"].string,
@@ -703,5 +703,5 @@ DxcInputText.propTypes = {
703
703
  autocompleteOptions: _propTypes["default"].any,
704
704
  tabIndex: _propTypes["default"].number
705
705
  };
706
- var _default = DxcInputText;
706
+ var _default = V3DxcInputText;
707
707
  exports["default"] = _default;
@@ -124,7 +124,7 @@ function _templateObject2() {
124
124
  }
125
125
 
126
126
  function _templateObject() {
127
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 64px;\n bottom: 0;\n left: 0;\n right:0;\n"]);
127
+ var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 64px;\n bottom: 0;\n left: 0;\n right: 0;\n"]);
128
128
 
129
129
  _templateObject = function _templateObject() {
130
130
  return data;
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"];
@@ -121,7 +121,7 @@ Object.defineProperty(exports, "DxcSpinner", {
121
121
  return _Spinner["default"];
122
122
  }
123
123
  });
124
- Object.defineProperty(exports, "DxcUpload", {
124
+ Object.defineProperty(exports, "V3DxcUpload", {
125
125
  enumerable: true,
126
126
  get: function get() {
127
127
  return _Upload["default"];
@@ -175,10 +175,10 @@ Object.defineProperty(exports, "DxcHeading", {
175
175
  return _Heading["default"];
176
176
  }
177
177
  });
178
- Object.defineProperty(exports, "DxcTextarea", {
178
+ Object.defineProperty(exports, "V3DxcTextarea", {
179
179
  enumerable: true,
180
180
  get: function get() {
181
- return _Textarea["default"];
181
+ return _V3Textarea["default"];
182
182
  }
183
183
  });
184
184
  Object.defineProperty(exports, "DxcResultsetTable", {
@@ -217,34 +217,46 @@ Object.defineProperty(exports, "DxcBadge", {
217
217
  return _Badge["default"];
218
218
  }
219
219
  });
220
- Object.defineProperty(exports, "DxcNewInputText", {
220
+ Object.defineProperty(exports, "DxcTextInput", {
221
+ enumerable: true,
222
+ get: function get() {
223
+ return _TextInput["default"];
224
+ }
225
+ });
226
+ Object.defineProperty(exports, "DxcPasswordInput", {
227
+ enumerable: true,
228
+ get: function get() {
229
+ return _PasswordInput["default"];
230
+ }
231
+ });
232
+ Object.defineProperty(exports, "DxcDateInput", {
221
233
  enumerable: true,
222
234
  get: function get() {
223
- return _NewInputText["default"];
235
+ return _DateInput["default"];
224
236
  }
225
237
  });
226
- Object.defineProperty(exports, "DxcPassword", {
238
+ Object.defineProperty(exports, "DxcNumberInput", {
227
239
  enumerable: true,
228
240
  get: function get() {
229
- return _Password["default"];
241
+ return _NumberInput["default"];
230
242
  }
231
243
  });
232
- Object.defineProperty(exports, "DxcNewDate", {
244
+ Object.defineProperty(exports, "DxcTextarea", {
233
245
  enumerable: true,
234
246
  get: function get() {
235
- return _NewDate["default"];
247
+ return _Textarea["default"];
236
248
  }
237
249
  });
238
- Object.defineProperty(exports, "DxcNumber", {
250
+ Object.defineProperty(exports, "DxcNewSelect", {
239
251
  enumerable: true,
240
252
  get: function get() {
241
- return _Number["default"];
253
+ return _NewSelect["default"];
242
254
  }
243
255
  });
244
- Object.defineProperty(exports, "DxcNewTextarea", {
256
+ Object.defineProperty(exports, "DxcFileInput", {
245
257
  enumerable: true,
246
258
  get: function get() {
247
- return _NewTextarea["default"];
259
+ return _FileInput["default"];
248
260
  }
249
261
  });
250
262
  Object.defineProperty(exports, "ThemeContext", {
@@ -322,7 +334,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
322
334
 
323
335
  var _Heading = _interopRequireDefault(require("./heading/Heading"));
324
336
 
325
- var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
337
+ var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
326
338
 
327
339
  var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
328
340
 
@@ -336,15 +348,19 @@ var _AccordionGroup = _interopRequireDefault(require("./accordion-group/Accordio
336
348
 
337
349
  var _Badge = _interopRequireDefault(require("./badge/Badge"));
338
350
 
339
- var _NewInputText = _interopRequireDefault(require("./new-input-text/NewInputText"));
351
+ var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
352
+
353
+ var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
340
354
 
341
- var _Password = _interopRequireDefault(require("./password/Password"));
355
+ var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
342
356
 
343
- var _NewDate = _interopRequireDefault(require("./new-date/NewDate"));
357
+ var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
358
+
359
+ var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
344
360
 
345
- var _Number = _interopRequireDefault(require("./number/Number"));
361
+ var _NewSelect = _interopRequireDefault(require("./new-select/NewSelect"));
346
362
 
347
- var _NewTextarea = _interopRequireDefault(require("./new-textarea/NewTextarea"));
363
+ var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
348
364
 
349
365
  var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
350
366