@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.
- package/BackgroundColorContext.js +8 -4
- package/ThemeContext.js +84 -88
- package/V3Select/V3Select.js +33 -127
- package/V3Textarea/V3Textarea.js +10 -14
- package/accordion/Accordion.js +23 -87
- package/accordion-group/AccordionGroup.js +13 -15
- package/alert/Alert.js +38 -132
- package/badge/Badge.js +9 -13
- package/box/Box.js +9 -13
- package/button/Button.d.ts +4 -0
- package/button/Button.js +15 -71
- package/button/Button.stories.tsx +306 -0
- package/button/types.d.ts +57 -0
- package/button/types.js +5 -0
- package/card/Card.js +19 -73
- package/checkbox/Checkbox.js +13 -37
- package/chip/Chip.js +17 -61
- package/common/RequiredComponent.js +3 -11
- package/common/variables.js +3 -1
- package/date/Date.js +16 -22
- package/date-input/DateInput.js +18 -22
- package/dialog/Dialog.js +16 -50
- package/dropdown/Dropdown.js +37 -131
- package/file-input/FileInput.js +48 -160
- package/file-input/FileItem.js +29 -123
- package/footer/Footer.js +34 -158
- package/footer/Icons.js +13 -13
- package/header/Header.js +35 -179
- package/header/Icons.js +11 -11
- package/heading/Heading.js +18 -72
- package/input-text/Icons.js +2 -2
- package/input-text/InputText.js +36 -130
- package/input-text/index.d.ts +1 -1
- package/layout/ApplicationLayout.js +31 -123
- package/layout/Icons.js +7 -7
- package/link/Link.js +18 -72
- package/main.d.ts +44 -40
- package/main.js +91 -87
- package/number-input/NumberInput.js +5 -13
- package/number-input/NumberInputContext.js +1 -1
- package/package.json +14 -11
- package/paginator/Icons.js +9 -9
- package/paginator/Paginator.d.ts +4 -0
- package/paginator/Paginator.js +24 -131
- package/paginator/types.d.ts +38 -0
- package/paginator/types.js +5 -0
- package/password-input/PasswordInput.js +15 -19
- package/progress-bar/ProgressBar.js +18 -72
- package/radio/Radio.js +12 -26
- package/resultsetTable/ResultsetTable.js +35 -119
- package/select/Select.js +161 -434
- package/sidenav/Sidenav.js +15 -49
- package/slider/Slider.js +19 -83
- package/spinner/Spinner.js +38 -152
- package/switch/Switch.js +12 -26
- package/table/Table.js +10 -24
- package/tabs/Tabs.js +26 -110
- package/tag/Tag.js +22 -96
- package/text-input/TextInput.js +104 -271
- package/textarea/Textarea.js +20 -72
- package/toggle/Toggle.js +15 -49
- package/toggle-group/ToggleGroup.js +23 -107
- package/upload/Upload.js +11 -15
- package/upload/buttons-upload/ButtonsUpload.js +13 -37
- package/upload/buttons-upload/Icons.js +7 -7
- package/upload/dragAndDropArea/DragAndDropArea.js +24 -128
- package/upload/dragAndDropArea/Icons.js +6 -6
- package/upload/file-upload/FileToUpload.js +16 -90
- package/upload/file-upload/Icons.js +13 -13
- package/upload/files-upload/FilesToUpload.js +12 -26
- package/upload/transaction/Icons.js +31 -31
- package/upload/transaction/Transaction.js +17 -61
- package/upload/transactions/Transactions.js +13 -57
- package/wizard/Icons.js +8 -8
- package/wizard/Wizard.js +31 -165
- package/button/Button.stories.js +0 -27
- package/button/index.d.ts +0 -24
- 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.
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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, };
|