@dxc-technology/halstack-react 0.0.0-b821bfb → 0.0.0-ba408d4

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 (78) hide show
  1. package/BackgroundColorContext.js +8 -4
  2. package/ThemeContext.js +84 -88
  3. package/V3Select/V3Select.js +33 -127
  4. package/V3Textarea/V3Textarea.js +10 -14
  5. package/accordion/Accordion.js +23 -87
  6. package/accordion-group/AccordionGroup.js +13 -15
  7. package/alert/Alert.js +38 -132
  8. package/badge/Badge.js +9 -13
  9. package/box/Box.js +9 -13
  10. package/button/Button.d.ts +4 -0
  11. package/button/Button.js +15 -71
  12. package/button/Button.stories.tsx +306 -0
  13. package/button/types.d.ts +57 -0
  14. package/button/types.js +5 -0
  15. package/card/Card.js +19 -73
  16. package/checkbox/Checkbox.js +13 -37
  17. package/chip/Chip.js +17 -61
  18. package/common/RequiredComponent.js +3 -11
  19. package/common/variables.js +3 -1
  20. package/date/Date.js +16 -22
  21. package/date-input/DateInput.js +18 -22
  22. package/dialog/Dialog.js +16 -50
  23. package/dropdown/Dropdown.js +37 -131
  24. package/file-input/FileInput.js +48 -160
  25. package/file-input/FileItem.js +29 -123
  26. package/footer/Footer.js +34 -158
  27. package/footer/Icons.js +13 -13
  28. package/header/Header.js +35 -179
  29. package/header/Icons.js +11 -11
  30. package/heading/Heading.js +18 -72
  31. package/input-text/Icons.js +2 -2
  32. package/input-text/InputText.js +36 -130
  33. package/input-text/index.d.ts +1 -1
  34. package/layout/ApplicationLayout.js +31 -123
  35. package/layout/Icons.js +7 -7
  36. package/link/Link.js +18 -72
  37. package/main.d.ts +44 -40
  38. package/main.js +91 -87
  39. package/number-input/NumberInput.js +5 -13
  40. package/number-input/NumberInputContext.js +1 -1
  41. package/package.json +14 -11
  42. package/paginator/Icons.js +9 -9
  43. package/paginator/Paginator.d.ts +4 -0
  44. package/paginator/Paginator.js +24 -131
  45. package/paginator/types.d.ts +38 -0
  46. package/paginator/types.js +5 -0
  47. package/password-input/PasswordInput.js +15 -19
  48. package/progress-bar/ProgressBar.js +18 -72
  49. package/radio/Radio.js +12 -26
  50. package/resultsetTable/ResultsetTable.js +35 -119
  51. package/select/Select.js +161 -434
  52. package/sidenav/Sidenav.js +15 -49
  53. package/slider/Slider.js +19 -83
  54. package/spinner/Spinner.js +38 -152
  55. package/switch/Switch.js +12 -26
  56. package/table/Table.js +10 -24
  57. package/tabs/Tabs.js +26 -110
  58. package/tag/Tag.js +22 -96
  59. package/text-input/TextInput.js +104 -271
  60. package/textarea/Textarea.js +20 -72
  61. package/toggle/Toggle.js +15 -49
  62. package/toggle-group/ToggleGroup.js +23 -107
  63. package/upload/Upload.js +11 -15
  64. package/upload/buttons-upload/ButtonsUpload.js +13 -37
  65. package/upload/buttons-upload/Icons.js +7 -7
  66. package/upload/dragAndDropArea/DragAndDropArea.js +24 -128
  67. package/upload/dragAndDropArea/Icons.js +6 -6
  68. package/upload/file-upload/FileToUpload.js +16 -90
  69. package/upload/file-upload/Icons.js +13 -13
  70. package/upload/files-upload/FilesToUpload.js +12 -26
  71. package/upload/transaction/Icons.js +31 -31
  72. package/upload/transaction/Transaction.js +17 -61
  73. package/upload/transactions/Transactions.js +13 -57
  74. package/wizard/Icons.js +8 -8
  75. package/wizard/Wizard.js +31 -165
  76. package/button/Button.stories.js +0 -27
  77. package/button/index.d.ts +0 -24
  78. package/paginator/index.d.ts +0 -20
package/layout/Icons.js CHANGED
@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.linkedinLogo = exports.twitterLogo = exports.facebookLogo = void 0;
8
+ exports.twitterLogo = exports.linkedinLogo = exports.facebookLogo = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var facebookLogo = _react["default"].createElement("svg", {
12
+ var facebookLogo = /*#__PURE__*/_react["default"].createElement("svg", {
13
13
  version: "1.1",
14
14
  id: "Capa_1",
15
15
  x: "0px",
@@ -18,13 +18,13 @@ var facebookLogo = _react["default"].createElement("svg", {
18
18
  height: "438.536px",
19
19
  viewBox: "0 0 438.536 438.536",
20
20
  fill: "#FFFFFF"
21
- }, _react["default"].createElement("g", null, _react["default"].createElement("path", {
21
+ }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
22
22
  d: "M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123 C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 C438.532,59.576,430.49,40.204,414.41,24.123z M373.155,225.548h-49.963V406.84h-74.802V225.548H210.99V163.02h37.401v-37.402 c0-26.838,6.283-47.107,18.843-60.813c12.559-13.706,33.304-20.555,62.242-20.555h49.963v62.526h-31.401 c-10.663,0-17.467,1.853-20.417,5.568c-2.949,3.711-4.428,10.23-4.428,19.558v31.119h56.534L373.155,225.548z"
23
23
  })));
24
24
 
25
25
  exports.facebookLogo = facebookLogo;
26
26
 
27
- var twitterLogo = _react["default"].createElement("svg", {
27
+ var twitterLogo = /*#__PURE__*/_react["default"].createElement("svg", {
28
28
  version: "1.1",
29
29
  id: "Capa_1",
30
30
  x: "0px",
@@ -33,13 +33,13 @@ var twitterLogo = _react["default"].createElement("svg", {
33
33
  height: "438.536px",
34
34
  viewBox: "0 0 438.536 438.536",
35
35
  fill: "#FFFFFF"
36
- }, _react["default"].createElement("g", null, _react["default"].createElement("path", {
36
+ }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
37
37
  d: "M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123 C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 C438.532,59.576,430.49,40.204,414.41,24.123z M335.471,168.735c0.191,1.713,0.288,4.278,0.288,7.71 c0,15.989-2.334,32.025-6.995,48.104c-4.661,16.087-11.8,31.504-21.416,46.254c-9.606,14.749-21.074,27.791-34.396,39.115 c-13.325,11.32-29.311,20.365-47.968,27.117c-18.648,6.762-38.637,10.143-59.953,10.143c-33.116,0-63.76-8.952-91.931-26.836 c4.568,0.568,9.329,0.855,14.275,0.855c27.6,0,52.439-8.565,74.519-25.7c-12.941-0.185-24.506-4.179-34.688-11.991 c-10.185-7.803-17.273-17.699-21.271-29.691c4.947,0.76,8.658,1.137,11.132,1.137c4.187,0,9.042-0.76,14.56-2.279 c-13.894-2.669-25.598-9.562-35.115-20.697c-9.519-11.136-14.277-23.84-14.277-38.114v-0.571 c10.085,4.755,19.602,7.229,28.549,7.422c-17.321-11.613-25.981-28.265-25.981-49.963c0-10.66,2.758-20.747,8.278-30.264 c15.035,18.464,33.311,33.213,54.816,44.252c21.507,11.038,44.54,17.227,69.092,18.558c-0.95-3.616-1.427-8.186-1.427-13.704 c0-16.562,5.853-30.692,17.56-42.399c11.703-11.706,25.837-17.561,42.394-17.561c17.515,0,32.079,6.283,43.688,18.846 c13.134-2.474,25.892-7.33,38.26-14.56c-4.757,14.652-13.613,25.788-26.55,33.402c12.368-1.716,23.88-4.95,34.537-9.708 C357.458,149.793,347.462,160.166,335.471,168.735z"
38
38
  })));
39
39
 
40
40
  exports.twitterLogo = twitterLogo;
41
41
 
42
- var linkedinLogo = _react["default"].createElement("svg", {
42
+ var linkedinLogo = /*#__PURE__*/_react["default"].createElement("svg", {
43
43
  version: "1.1",
44
44
  id: "Capa_1",
45
45
  x: "0px",
@@ -48,7 +48,7 @@ var linkedinLogo = _react["default"].createElement("svg", {
48
48
  height: "438.536px",
49
49
  viewBox: "0 0 438.536 438.536",
50
50
  fill: "#FFFFFF"
51
- }, _react["default"].createElement("g", null, _react["default"].createElement("path", {
51
+ }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
52
52
  d: "M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123 C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 C438.532,59.576,430.49,40.204,414.41,24.123z M133.618,367.157H67.666V169.016h65.952V367.157z M127.626,132.332 c-6.851,6.567-15.893,9.851-27.124,9.851h-0.288c-10.848,0-19.648-3.284-26.407-9.851c-6.76-6.567-10.138-14.703-10.138-24.41 c0-9.897,3.476-18.083,10.421-24.556c6.95-6.471,15.942-9.708,26.98-9.708c11.039,0,19.89,3.237,26.553,9.708 c6.661,6.473,10.088,14.659,10.277,24.556C137.899,117.625,134.477,125.761,127.626,132.332z M370.873,367.157h-65.952v-105.92 c0-29.879-11.036-44.823-33.116-44.823c-8.374,0-15.42,2.331-21.128,6.995c-5.715,4.661-9.996,10.324-12.847,16.991 c-1.335,3.422-1.999,8.75-1.999,15.981v110.775h-65.952c0.571-119.529,0.571-185.579,0-198.142h65.952v27.974 c13.867-21.681,33.558-32.544,59.101-32.544c22.84,0,41.21,7.52,55.104,22.554c13.895,15.037,20.841,37.214,20.841,66.519v113.64 H370.873z"
53
53
  })));
54
54
 
package/link/Link.js CHANGED
@@ -1,9 +1,9 @@
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 _typeof3 = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
@@ -25,65 +25,11 @@ var _variables = require("../common/variables.js");
25
25
 
26
26
  var _useTheme = _interopRequireDefault(require("../useTheme.js"));
27
27
 
28
- function _templateObject6() {
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
-
31
- _templateObject6 = function _templateObject6() {
32
- return data;
33
- };
34
-
35
- return data;
36
- }
37
-
38
- function _templateObject5() {
39
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n"]);
40
-
41
- _templateObject5 = function _templateObject5() {
42
- return data;
43
- };
44
-
45
- return data;
46
- }
47
-
48
- function _templateObject4() {
49
- var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n font-weight: ", ";\n font-style: ", ";\n font-family: ", ";\n display: inline-flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: center;\n max-width: 100%;\n"]);
50
-
51
- _templateObject4 = function _templateObject4() {
52
- return data;
53
- };
54
-
55
- return data;
56
- }
57
-
58
- function _templateObject3() {
59
- var data = (0, _taggedTemplateLiteral2["default"])(["\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font-family: inherit;\n text-decoration-color: transparent;\n\n ", "\n ", "\n color: ", ";\n ", "\n\n &:hover {\n ", "\n }\n &:focus {\n outline-color: ", ";\n outline-width: 2px;\n outline-offset: 1px;\n ", "\n }\n &:active {\n ", "\n }\n"]);
60
-
61
- _templateObject3 = function _templateObject3() {
62
- return data;
63
- };
64
-
65
- return data;
66
- }
67
-
68
- function _templateObject2() {
69
- var data = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n ", "\n\n text-decoration-color: transparent;\n ", "\n\n &:visited {\n color: ", ";\n &:hover {\n ", "\n }\n }\n &:hover {\n ", "\n }\n &:focus {\n outline-color: ", ";\n outline-width: 2px;\n ", "\n }\n &:active {\n ", "\n }\n"]);
70
-
71
- _templateObject2 = function _templateObject2() {
72
- return data;
73
- };
74
-
75
- return data;
76
- }
77
-
78
- function _templateObject() {
79
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n"]);
28
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
80
29
 
81
- _templateObject = function _templateObject() {
82
- return data;
83
- };
30
+ 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); }
84
31
 
85
- return data;
86
- }
32
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
87
33
 
88
34
  var DxcLink = function DxcLink(_ref) {
89
35
  var _ref$inheritColor = _ref.inheritColor,
@@ -106,26 +52,26 @@ var DxcLink = function DxcLink(_ref) {
106
52
  tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
107
53
  var colorsTheme = (0, _useTheme["default"])();
108
54
 
109
- var linkContent = _react["default"].createElement(LinkText, {
55
+ var linkContent = /*#__PURE__*/_react["default"].createElement(LinkText, {
110
56
  iconPosition: iconPosition
111
- }, text, icon ? _react["default"].createElement(LinkIconContainer, {
57
+ }, text, icon ? /*#__PURE__*/_react["default"].createElement(LinkIconContainer, {
112
58
  iconPosition: iconPosition
113
- }, (0, _typeof2["default"])(icon) === "object" ? icon : _react["default"].createElement(icon)) : iconSrc && _react["default"].createElement(LinkIcon, {
59
+ }, (0, _typeof2["default"])(icon) === "object" ? icon : /*#__PURE__*/_react["default"].createElement(icon)) : iconSrc && /*#__PURE__*/_react["default"].createElement(LinkIcon, {
114
60
  src: iconSrc,
115
61
  iconPosition: iconPosition
116
62
  }));
117
63
 
118
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
64
+ return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
119
65
  theme: colorsTheme.link
120
- }, _react["default"].createElement(DxcLinkContainer, {
66
+ }, /*#__PURE__*/_react["default"].createElement(DxcLinkContainer, {
121
67
  margin: margin
122
- }, onClick ? _react["default"].createElement(StyledButton, {
68
+ }, onClick ? /*#__PURE__*/_react["default"].createElement(StyledButton, {
123
69
  type: "button",
124
70
  onClick: !disabled && onClick,
125
71
  margin: margin,
126
72
  disabled: disabled,
127
73
  inheritColor: inheritColor
128
- }, linkContent) : _react["default"].createElement(StyledLink, {
74
+ }, linkContent) : /*#__PURE__*/_react["default"].createElement(StyledLink, {
129
75
  tabIndex: tabIndex,
130
76
  href: !disabled && href,
131
77
  target: newWindow ? "_blank" : "_self",
@@ -135,7 +81,7 @@ var DxcLink = function DxcLink(_ref) {
135
81
  }, linkContent)));
136
82
  };
137
83
 
138
- var DxcLinkContainer = _styledComponents["default"].div(_templateObject(), function (props) {
84
+ var DxcLinkContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n"])), function (props) {
139
85
  return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
140
86
  }, function (props) {
141
87
  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.top ? _variables.spaces[props.margin.top] : "";
@@ -147,7 +93,7 @@ var DxcLinkContainer = _styledComponents["default"].div(_templateObject(), funct
147
93
  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
148
94
  });
149
95
 
150
- var StyledLink = _styledComponents["default"].a(_templateObject2(), function (props) {
96
+ var StyledLink = _styledComponents["default"].a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n ", "\n\n text-decoration-color: transparent;\n ", "\n\n &:visited {\n color: ", ";\n &:hover {\n ", "\n }\n }\n &:hover {\n ", "\n }\n &:focus {\n outline-color: ", ";\n outline-width: 2px;\n ", "\n }\n &:active {\n ", "\n }\n"])), function (props) {
151
97
  return props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledColor;
152
98
  }, function (props) {
153
99
  return props.disabled ? "pointer-events: none;" : "";
@@ -167,7 +113,7 @@ var StyledLink = _styledComponents["default"].a(_templateObject2(), function (pr
167
113
  return "color: ".concat(props.theme.activeFontColor, " !important;\n border-bottom-color: ").concat(props.theme.activeUnderlineColor, " !important;");
168
114
  });
169
115
 
170
- var StyledButton = _styledComponents["default"].button(_templateObject3(), function (props) {
116
+ var StyledButton = _styledComponents["default"].button(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font-family: inherit;\n text-decoration-color: transparent;\n\n ", "\n ", "\n color: ", ";\n ", "\n\n &:hover {\n ", "\n }\n &:focus {\n outline-color: ", ";\n outline-width: 2px;\n outline-offset: 1px;\n ", "\n }\n &:active {\n ", "\n }\n"])), function (props) {
171
117
  return "padding-bottom: ".concat(props.theme.underlineSpacing, ";\n border-bottom: ").concat(props.theme.underlineThickness, " ").concat(props.theme.underlineStyle, " transparent;");
172
118
  }, function (props) {
173
119
  return props.disabled && "cursor: default;";
@@ -185,7 +131,7 @@ var StyledButton = _styledComponents["default"].button(_templateObject3(), funct
185
131
  return "color: ".concat(props.theme.activeFontColor, " !important;\n border-bottom-color: ").concat(props.theme.activeUnderlineColor, " !important;");
186
132
  });
187
133
 
188
- var LinkText = _styledComponents["default"].div(_templateObject4(), function (props) {
134
+ var LinkText = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n font-weight: ", ";\n font-style: ", ";\n font-family: ", ";\n display: inline-flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: center;\n max-width: 100%;\n"])), function (props) {
189
135
  return props.theme.fontSize;
190
136
  }, function (props) {
191
137
  return props.theme.fontWeight;
@@ -199,7 +145,7 @@ var LinkText = _styledComponents["default"].div(_templateObject4(), function (pr
199
145
  return props.iconPosition === "after" ? "flex-start" : "flex-end";
200
146
  });
201
147
 
202
- var LinkIcon = _styledComponents["default"].img(_templateObject5(), function (props) {
148
+ var LinkIcon = _styledComponents["default"].img(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n"])), function (props) {
203
149
  return props.theme.iconSize;
204
150
  }, function (props) {
205
151
  return props.theme.iconSize;
@@ -207,7 +153,7 @@ var LinkIcon = _styledComponents["default"].img(_templateObject5(), function (pr
207
153
  return "".concat(props.iconPosition === "before" ? "margin-right" : "margin-left", ": ").concat(props.theme.iconSpacing);
208
154
  });
209
155
 
210
- var LinkIconContainer = _styledComponents["default"].div(_templateObject6(), function (props) {
156
+ var LinkIconContainer = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n overflow: hidden;\n \n img,\n svg {\n height: 100%;\n width: 100%;\n }\n"])), function (props) {
211
157
  return props.theme.iconSize;
212
158
  }, function (props) {
213
159
  return props.theme.iconSize;
package/main.d.ts CHANGED
@@ -1,40 +1,44 @@
1
- export { default as DxcAccordion } from "./accordion/index";
2
- export { default as DxcAccordionGroup } from "./accordion-group/index";
3
- export { default as DxcAlert } from "./alert/index";
4
- export { default as DxcBox } from "./box/index";
5
- export { default as DxcButton } from "./button/index";
6
- export { default as DxcCard } from "./card/index";
7
- export { default as DxcCheckbox } from "./checkbox/index";
8
- export { default as DxcChip } from "./chip/index";
9
- export { default as DxcDate } from "./date/index";
10
- export { default as DxcDateInput } from "./date-input/index";
11
- export { default as DxcDialog } from "./dialog/index";
12
- export { default as DxcDropdown } from "./dropdown/index";
13
- export { default as DxcFileInput } from "./file-input/index";
14
- export { default as DxcFooter } from "./footer/index";
15
- export { default as DxcHeader } from "./header/index";
16
- export { default as DxcHeading } from "./heading/index";
17
- export { default as DxcInputText } from "./input-text/index";
18
- export { default as DxcLink } from "./link/index";
19
- export { default as DxcNumberInput } from "./number-input/index";
20
- export { default as DxcPaginator } from "./paginator/index";
21
- export { default as DxcPasswordInput } from "./password-input/index";
22
- export { default as DxcProgressBar } from "./progress-bar/index";
23
- export { default as DxcRadio } from "./radio/index";
24
- export { default as DxcResultsetTable } from "./resultsetTable/index";
25
- export { default as DxcSelect } from "./select/index";
26
- export { default as DxcSidenav } from "./sidenav/index";
27
- export { default as DxcSlider } from "./slider/index";
28
- export { default as DxcSpinner } from "./spinner/index";
29
- export { default as DxcSwitch } from "./switch/index";
30
- export { default as DxcTable } from "./table/index";
31
- export { default as DxcTabs } from "./tabs/index";
32
- export { default as DxcTag } from "./tag/index";
33
- export { default as DxcTextInput } from "./text-input/index";
34
- export { default as DxcTextarea } from "./textarea/index";
35
- export { default as DxcToggle } from "./toggle/index";
36
- export { default as DxcToggleGroup } from "./toggle-group/index";
37
- export { default as DxcUpload } from "./upload/index";
38
- export { default as V3DxcSelect } from "./V3Select/index";
39
- export { default as V3DxcTextarea } from "./V3Textarea/index";
40
- export { default as DxcWizard } from "./wizard/index";
1
+ import DxcAlert from "./alert/Alert";
2
+ import DxcAccordion from "./accordion/Accordion";
3
+ import DxcButton from "./button/Button";
4
+ import DxcCard from "./card/Card";
5
+ import DxcCheckbox from "./checkbox/Checkbox";
6
+ import DxcDate from "./date/Date";
7
+ import DxcDialog from "./dialog/Dialog";
8
+ import DxcDropdown from "./dropdown/Dropdown";
9
+ import DxcFooter from "./footer/Footer";
10
+ import DxcHeader from "./header/Header";
11
+ import DxcInput from "./input-text/InputText";
12
+ import DxcRadio from "./radio/Radio";
13
+ import V3DxcSelect from "./V3Select/V3Select";
14
+ import DxcSlider from "./slider/Slider";
15
+ import DxcSwitch from "./switch/Switch";
16
+ import DxcTabs from "./tabs/Tabs";
17
+ import DxcProgressBar from "./progress-bar/ProgressBar";
18
+ import DxcSpinner from "./spinner/Spinner";
19
+ import DxcUpload from "./upload/Upload";
20
+ import DxcTable from "./table/Table";
21
+ import DxcBox from "./box/Box";
22
+ import DxcTag from "./tag/Tag";
23
+ import DxcPaginator from "./paginator/Paginator";
24
+ import DxcSidenav from "./sidenav/Sidenav";
25
+ import DxcWizard from "./wizard/Wizard";
26
+ import DxcLink from "./link/Link";
27
+ import DxcHeading from "./heading/Heading";
28
+ import V3DxcTextarea from "./V3Textarea/V3Textarea";
29
+ import DxcResultsetTable from "./resultsetTable/ResultsetTable";
30
+ import DxcChip from "./chip/Chip";
31
+ import DxcApplicationLayout from "./layout/ApplicationLayout";
32
+ import DxcToggleGroup from "./toggle-group/ToggleGroup";
33
+ import DxcAccordionGroup from "./accordion-group/AccordionGroup";
34
+ import DxcBadge from "./badge/Badge";
35
+ import DxcTextInput from "./text-input/TextInput";
36
+ import DxcPasswordInput from "./password-input/PasswordInput";
37
+ import DxcDateInput from "./date-input/DateInput";
38
+ import DxcNumberInput from "./number-input/NumberInput";
39
+ import DxcTextarea from "./textarea/Textarea";
40
+ import DxcSelect from "./select/Select";
41
+ import DxcFileInput from "./file-input/FileInput";
42
+ import ThemeContext, { ThemeProvider } from "./ThemeContext.js";
43
+ import { BackgroundColorProvider } from "./BackgroundColorContext.js";
44
+ export { DxcAlert, DxcButton, DxcFooter, DxcCheckbox, V3DxcSelect, DxcInput, DxcTextInput, DxcDropdown, DxcSwitch, DxcSlider, DxcRadio, DxcDate, DxcHeader, DxcTable, DxcTabs, DxcToggleGroup, DxcDialog, DxcCard, DxcProgressBar, DxcAccordion, DxcSpinner, DxcUpload, DxcBox, DxcTag, DxcPaginator, DxcSidenav, DxcWizard, DxcLink, DxcHeading, V3DxcTextarea, DxcResultsetTable, DxcChip, DxcApplicationLayout, ThemeContext, ThemeProvider, BackgroundColorProvider, DxcAccordionGroup, DxcBadge, DxcPasswordInput, DxcDateInput, DxcNumberInput, DxcTextarea, DxcSelect, DxcFileInput, };