@dxc-technology/halstack-react 0.0.0-ebb089f → 0.0.0-ebf1ceb
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/README.md +27 -47
- package/dist/index.d.mts +6580 -0
- package/dist/index.d.ts +6580 -0
- package/dist/index.js +14244 -0
- package/dist/index.mjs +14187 -0
- package/package.json +75 -71
- package/babel.config.js +0 -7
- package/dist/BackgroundColorContext.js +0 -46
- package/dist/ThemeContext.js +0 -250
- package/dist/V3Select/V3Select.js +0 -549
- package/dist/V3Select/index.d.ts +0 -27
- package/dist/V3Textarea/V3Textarea.js +0 -264
- package/dist/V3Textarea/index.d.ts +0 -27
- package/dist/accordion/Accordion.js +0 -353
- package/dist/accordion/index.d.ts +0 -28
- package/dist/accordion-group/AccordionGroup.js +0 -186
- package/dist/accordion-group/index.d.ts +0 -16
- package/dist/alert/Alert.js +0 -403
- package/dist/alert/index.d.ts +0 -51
- package/dist/badge/Badge.js +0 -63
- package/dist/box/Box.js +0 -156
- package/dist/box/index.d.ts +0 -25
- package/dist/button/Button.js +0 -238
- package/dist/button/Button.stories.js +0 -27
- package/dist/button/index.d.ts +0 -24
- package/dist/card/Card.js +0 -254
- package/dist/card/index.d.ts +0 -22
- package/dist/checkbox/Checkbox.js +0 -299
- package/dist/checkbox/index.d.ts +0 -24
- package/dist/chip/Chip.js +0 -265
- package/dist/chip/index.d.ts +0 -22
- package/dist/common/OpenSans.css +0 -81
- package/dist/common/RequiredComponent.js +0 -40
- package/dist/common/fonts/OpenSans-Bold.ttf +0 -0
- package/dist/common/fonts/OpenSans-BoldItalic.ttf +0 -0
- package/dist/common/fonts/OpenSans-ExtraBold.ttf +0 -0
- package/dist/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
- package/dist/common/fonts/OpenSans-Italic.ttf +0 -0
- package/dist/common/fonts/OpenSans-Light.ttf +0 -0
- package/dist/common/fonts/OpenSans-LightItalic.ttf +0 -0
- package/dist/common/fonts/OpenSans-Regular.ttf +0 -0
- package/dist/common/fonts/OpenSans-SemiBold.ttf +0 -0
- package/dist/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
- package/dist/common/utils.js +0 -22
- package/dist/common/variables.js +0 -1574
- package/dist/date/Date.js +0 -379
- package/dist/date/index.d.ts +0 -27
- package/dist/date-input/DateInput.js +0 -400
- package/dist/date-input/index.d.ts +0 -95
- package/dist/dialog/Dialog.js +0 -218
- package/dist/dialog/index.d.ts +0 -18
- package/dist/dropdown/Dropdown.js +0 -544
- package/dist/dropdown/index.d.ts +0 -26
- package/dist/file-input/FileInput.js +0 -644
- package/dist/file-input/FileItem.js +0 -287
- package/dist/file-input/index.d.ts +0 -81
- package/dist/footer/Footer.js +0 -421
- package/dist/footer/Icons.js +0 -77
- package/dist/footer/index.d.ts +0 -25
- package/dist/header/Header.js +0 -470
- package/dist/header/Icons.js +0 -59
- package/dist/header/index.d.ts +0 -25
- package/dist/heading/Heading.js +0 -230
- package/dist/heading/index.d.ts +0 -17
- package/dist/input-text/Icons.js +0 -22
- package/dist/input-text/InputText.js +0 -705
- package/dist/input-text/index.d.ts +0 -36
- package/dist/layout/ApplicationLayout.js +0 -327
- package/dist/layout/Icons.js +0 -55
- package/dist/link/Link.js +0 -237
- package/dist/link/index.d.ts +0 -23
- package/dist/main.d.ts +0 -40
- package/dist/main.js +0 -359
- package/dist/number-input/NumberInput.js +0 -136
- package/dist/number-input/NumberInputContext.js +0 -16
- package/dist/number-input/index.d.ts +0 -113
- package/dist/paginator/Icons.js +0 -66
- package/dist/paginator/Paginator.js +0 -305
- package/dist/paginator/index.d.ts +0 -20
- package/dist/password-input/PasswordInput.js +0 -203
- package/dist/password-input/index.d.ts +0 -94
- package/dist/progress-bar/ProgressBar.js +0 -242
- package/dist/progress-bar/index.d.ts +0 -18
- package/dist/radio/Radio.js +0 -209
- package/dist/radio/index.d.ts +0 -23
- package/dist/resultsetTable/ResultsetTable.js +0 -358
- package/dist/resultsetTable/index.d.ts +0 -19
- package/dist/select/Select.js +0 -1137
- package/dist/select/index.d.ts +0 -131
- package/dist/sidenav/Sidenav.js +0 -179
- package/dist/sidenav/index.d.ts +0 -13
- package/dist/slider/Slider.js +0 -404
- package/dist/slider/index.d.ts +0 -29
- package/dist/spinner/Spinner.js +0 -381
- package/dist/spinner/index.d.ts +0 -17
- package/dist/switch/Switch.js +0 -222
- package/dist/switch/index.d.ts +0 -24
- package/dist/table/Table.js +0 -132
- package/dist/table/index.d.ts +0 -13
- package/dist/tabs/Tabs.js +0 -343
- package/dist/tabs/index.d.ts +0 -19
- package/dist/tag/Tag.js +0 -282
- package/dist/tag/index.d.ts +0 -24
- package/dist/text-input/TextInput.js +0 -974
- package/dist/text-input/index.d.ts +0 -135
- package/dist/textarea/Textarea.js +0 -369
- package/dist/textarea/index.d.ts +0 -117
- package/dist/toggle/Toggle.js +0 -220
- package/dist/toggle/index.d.ts +0 -21
- package/dist/toggle-group/ToggleGroup.js +0 -327
- package/dist/toggle-group/index.d.ts +0 -21
- package/dist/upload/Upload.js +0 -205
- package/dist/upload/buttons-upload/ButtonsUpload.js +0 -135
- package/dist/upload/buttons-upload/Icons.js +0 -40
- package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
- package/dist/upload/dragAndDropArea/Icons.js +0 -39
- package/dist/upload/file-upload/FileToUpload.js +0 -189
- package/dist/upload/file-upload/Icons.js +0 -66
- package/dist/upload/files-upload/FilesToUpload.js +0 -123
- package/dist/upload/index.d.ts +0 -15
- package/dist/upload/transaction/Icons.js +0 -160
- package/dist/upload/transaction/Transaction.js +0 -148
- package/dist/upload/transactions/Transactions.js +0 -138
- package/dist/useTheme.js +0 -22
- package/dist/wizard/Icons.js +0 -65
- package/dist/wizard/Wizard.js +0 -405
- package/dist/wizard/index.d.ts +0 -18
- package/test/Accordion.test.js +0 -33
- package/test/AccordionGroup.test.js +0 -125
- package/test/Alert.test.js +0 -53
- package/test/Box.test.js +0 -10
- package/test/Button.test.js +0 -18
- package/test/Card.test.js +0 -30
- package/test/Checkbox.test.js +0 -45
- package/test/Chip.test.js +0 -25
- package/test/Date.test.js +0 -395
- package/test/DateInput.test.js +0 -242
- package/test/Dialog.test.js +0 -23
- package/test/Dropdown.test.js +0 -145
- package/test/FileInput.test.js +0 -201
- package/test/Footer.test.js +0 -94
- package/test/Header.test.js +0 -34
- package/test/Heading.test.js +0 -83
- package/test/InputText.test.js +0 -239
- package/test/Link.test.js +0 -43
- package/test/NumberInput.test.js +0 -259
- package/test/Paginator.test.js +0 -181
- package/test/PasswordInput.test.js +0 -83
- package/test/ProgressBar.test.js +0 -35
- package/test/Radio.test.js +0 -37
- package/test/ResultsetTable.test.js +0 -330
- package/test/Select.test.js +0 -928
- package/test/Sidenav.test.js +0 -45
- package/test/Slider.test.js +0 -74
- package/test/Spinner.test.js +0 -32
- package/test/Switch.test.js +0 -45
- package/test/Table.test.js +0 -36
- package/test/Tabs.test.js +0 -109
- package/test/Tag.test.js +0 -32
- package/test/TextInput.test.js +0 -731
- package/test/Textarea.test.js +0 -193
- package/test/ToggleGroup.test.js +0 -85
- package/test/Upload.test.js +0 -60
- package/test/V3Select.test.js +0 -212
- package/test/V3TextArea.test.js +0 -51
- package/test/Wizard.test.js +0 -130
- package/test/mocks/pngMock.js +0 -1
- package/test/mocks/svgMock.js +0 -1
package/dist/footer/Footer.js
DELETED
|
@@ -1,421 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports["default"] = void 0;
|
|
11
|
-
|
|
12
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
-
|
|
14
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
15
|
-
|
|
16
|
-
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
17
|
-
|
|
18
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
19
|
-
|
|
20
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
|
-
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
23
|
-
|
|
24
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
25
|
-
|
|
26
|
-
var _variables = require("../common/variables.js");
|
|
27
|
-
|
|
28
|
-
var _useTheme = _interopRequireDefault(require("../useTheme.js"));
|
|
29
|
-
|
|
30
|
-
var _BackgroundColorContext = require("../BackgroundColorContext.js");
|
|
31
|
-
|
|
32
|
-
var _Icons = _interopRequireDefault(require("./Icons"));
|
|
33
|
-
|
|
34
|
-
function _templateObject13() {
|
|
35
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n text-decoration: ", ";\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n"]);
|
|
36
|
-
|
|
37
|
-
_templateObject13 = function _templateObject13() {
|
|
38
|
-
return data;
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
return data;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
function _templateObject12() {
|
|
45
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n margin: 0px 10px;\n color: ", ";\n"]);
|
|
46
|
-
|
|
47
|
-
_templateObject12 = function _templateObject12() {
|
|
48
|
-
return data;
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
return data;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
function _templateObject11() {
|
|
55
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n & {\n display: inline-flex;\n height: ", ";\n width: ", ";\n color: ", ";\n }\n\n overflow: hidden;\n\n img,\n svg {\n height: 100%;\n width: 100%;\n }\n"]);
|
|
56
|
-
|
|
57
|
-
_templateObject11 = function _templateObject11() {
|
|
58
|
-
return data;
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
return data;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
function _templateObject10() {
|
|
65
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n & {\n display: inline-flex;\n height: ", ";\n width: ", ";\n fill: ", ";\n }\n"]);
|
|
66
|
-
|
|
67
|
-
_templateObject10 = function _templateObject10() {
|
|
68
|
-
return data;
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
return data;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
function _templateObject9() {
|
|
75
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n & {\n display: inline-flex;\n margin-left: ", ";\n }\n"]);
|
|
76
|
-
|
|
77
|
-
_templateObject9 = function _templateObject9() {
|
|
78
|
-
return data;
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
return data;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
function _templateObject8() {
|
|
85
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n max-height: ", ";\n width: ", ";\n"]);
|
|
86
|
-
|
|
87
|
-
_templateObject8 = function _templateObject8() {
|
|
88
|
-
return data;
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
return data;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
function _templateObject7() {
|
|
95
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n max-height: ", ";\n width: ", ";\n"]);
|
|
96
|
-
|
|
97
|
-
_templateObject7 = function _templateObject7() {
|
|
98
|
-
return data;
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
return data;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
function _templateObject6() {
|
|
105
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n color: ", ";\n max-width: ", ";\n width: ", ";\n text-align: ", ";\n padding-top: ", ";\n"]);
|
|
106
|
-
|
|
107
|
-
_templateObject6 = function _templateObject6() {
|
|
108
|
-
return data;
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
return data;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
function _templateObject5() {
|
|
115
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n min-height: 15px;\n padding: ", ";\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n overflow: hidden;\n"]);
|
|
116
|
-
|
|
117
|
-
_templateObject5 = function _templateObject5() {
|
|
118
|
-
return data;
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
return data;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
function _templateObject4() {
|
|
125
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n padding-top: ", ";\n display: inline-flex;\n flex-wrap: wrap;\n max-width: ", ";\n width: ", ";\n & > span:last-child span {\n display: none;\n }\n margin: ", ";\n"]);
|
|
126
|
-
|
|
127
|
-
_templateObject4 = function _templateObject4() {
|
|
128
|
-
return data;
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
return data;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
function _templateObject3() {
|
|
135
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n flex-direction: ", ";\n align-items: ", ";\n border-top: ", ";\n"]);
|
|
136
|
-
|
|
137
|
-
_templateObject3 = function _templateObject3() {
|
|
138
|
-
return data;
|
|
139
|
-
};
|
|
140
|
-
|
|
141
|
-
return data;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
function _templateObject2() {
|
|
145
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n justify-content: space-between;\n"]);
|
|
146
|
-
|
|
147
|
-
_templateObject2 = function _templateObject2() {
|
|
148
|
-
return data;
|
|
149
|
-
};
|
|
150
|
-
|
|
151
|
-
return data;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
function _templateObject() {
|
|
155
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n padding: ", ";\n background-color: ", ";\n margin-top: ", ";\n width: 100%;\n box-sizing: border-box;\n min-height: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"]);
|
|
156
|
-
|
|
157
|
-
_templateObject = function _templateObject() {
|
|
158
|
-
return data;
|
|
159
|
-
};
|
|
160
|
-
|
|
161
|
-
return data;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
var DxcFooter = function DxcFooter(_ref) {
|
|
165
|
-
var _ref$socialLinks = _ref.socialLinks,
|
|
166
|
-
socialLinks = _ref$socialLinks === void 0 ? [] : _ref$socialLinks,
|
|
167
|
-
_ref$bottomLinks = _ref.bottomLinks,
|
|
168
|
-
bottomLinks = _ref$bottomLinks === void 0 ? [] : _ref$bottomLinks,
|
|
169
|
-
_ref$copyright = _ref.copyright,
|
|
170
|
-
copyright = _ref$copyright === void 0 ? "" : _ref$copyright,
|
|
171
|
-
children = _ref.children,
|
|
172
|
-
padding = _ref.padding,
|
|
173
|
-
margin = _ref.margin,
|
|
174
|
-
_ref$tabIndex = _ref.tabIndex,
|
|
175
|
-
tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
|
|
176
|
-
var ref = (0, _react.useRef)(null);
|
|
177
|
-
|
|
178
|
-
var _useState = (0, _react.useState)(),
|
|
179
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
180
|
-
refSize = _useState2[0],
|
|
181
|
-
setRefSize = _useState2[1];
|
|
182
|
-
|
|
183
|
-
var _useState3 = (0, _react.useState)(false),
|
|
184
|
-
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
185
|
-
isResponsiveTablet = _useState4[0],
|
|
186
|
-
setIsResponsiveTablet = _useState4[1];
|
|
187
|
-
|
|
188
|
-
var _useState5 = (0, _react.useState)(false),
|
|
189
|
-
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
190
|
-
isResponsivePhone = _useState6[0],
|
|
191
|
-
setIsResponsivePhone = _useState6[1];
|
|
192
|
-
|
|
193
|
-
var colorsTheme = (0, _useTheme["default"])();
|
|
194
|
-
var footerLogo = (0, _react.useMemo)(function () {
|
|
195
|
-
if (!colorsTheme.footer.logo) {
|
|
196
|
-
return _Icons["default"];
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
if (typeof colorsTheme.footer.logo === "string") {
|
|
200
|
-
return _react["default"].createElement(LogoImg, {
|
|
201
|
-
alt: "Logo",
|
|
202
|
-
src: colorsTheme.footer.logo
|
|
203
|
-
});
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
return colorsTheme.footer.logo;
|
|
207
|
-
}, [colorsTheme.footer.logo]);
|
|
208
|
-
|
|
209
|
-
var handleResize = function handleResize(refWidth) {
|
|
210
|
-
if (ref.current) {
|
|
211
|
-
setRefSize(refWidth);
|
|
212
|
-
|
|
213
|
-
if (refWidth <= _variables.responsiveSizes.tablet && refWidth > _variables.responsiveSizes.mobileLarge) {
|
|
214
|
-
setIsResponsiveTablet(true);
|
|
215
|
-
setIsResponsivePhone(false);
|
|
216
|
-
} else if (refWidth <= _variables.responsiveSizes.tablet && refWidth <= _variables.responsiveSizes.mobileLarge) {
|
|
217
|
-
setIsResponsivePhone(true);
|
|
218
|
-
setIsResponsiveTablet(false);
|
|
219
|
-
} else {
|
|
220
|
-
setIsResponsiveTablet(false);
|
|
221
|
-
setIsResponsivePhone(false);
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
};
|
|
225
|
-
|
|
226
|
-
var handleEventListener = function handleEventListener() {
|
|
227
|
-
handleResize(ref.current.offsetWidth);
|
|
228
|
-
};
|
|
229
|
-
|
|
230
|
-
(0, _react.useEffect)(function () {
|
|
231
|
-
window.addEventListener("resize", handleEventListener);
|
|
232
|
-
handleResize(ref.current.offsetWidth);
|
|
233
|
-
return function () {
|
|
234
|
-
window.removeEventListener("resize", handleEventListener);
|
|
235
|
-
};
|
|
236
|
-
}, []);
|
|
237
|
-
var socialLink = socialLinks.map(function (link, index) {
|
|
238
|
-
return _react["default"].createElement(SocialAnchor, {
|
|
239
|
-
tabIndex: tabIndex,
|
|
240
|
-
key: "social".concat(index).concat(link.href),
|
|
241
|
-
index: index,
|
|
242
|
-
href: link && link.href ? link.href : ""
|
|
243
|
-
}, link.logo ? _react["default"].createElement(SocialIconContainer, null, (0, _typeof2["default"])(link.logo) === "object" ? link.logo : _react["default"].createElement(link.logo)) : link && link.logoSrc && _react["default"].createElement(SocialIcon, {
|
|
244
|
-
src: link.logoSrc
|
|
245
|
-
}));
|
|
246
|
-
});
|
|
247
|
-
var bottomLink = bottomLinks.map(function (link, index) {
|
|
248
|
-
return _react["default"].createElement("span", {
|
|
249
|
-
key: "bottom".concat(index).concat(link.text)
|
|
250
|
-
}, _react["default"].createElement(BottomLink, {
|
|
251
|
-
tabIndex: tabIndex,
|
|
252
|
-
href: link && link.href ? link.href : ""
|
|
253
|
-
}, link && link.text ? link.text : ""), _react["default"].createElement(Point, {
|
|
254
|
-
index: index
|
|
255
|
-
}, "\xB7"));
|
|
256
|
-
});
|
|
257
|
-
return _react["default"].createElement(_styledComponents.ThemeProvider, {
|
|
258
|
-
theme: colorsTheme.footer
|
|
259
|
-
}, _react["default"].createElement(FooterContainer, {
|
|
260
|
-
margin: margin,
|
|
261
|
-
refSize: refSize,
|
|
262
|
-
ref: ref
|
|
263
|
-
}, _react["default"].createElement(FooterHeader, null, _react["default"].createElement(LogoContainer, null, footerLogo), _react["default"].createElement("div", null, socialLink)), isResponsivePhone && _react["default"].createElement("div", null, _react["default"].createElement(FooterFooter, {
|
|
264
|
-
className: "footerFooter",
|
|
265
|
-
refSize: refSize
|
|
266
|
-
}, _react["default"].createElement(BottomLinks, {
|
|
267
|
-
refSize: refSize
|
|
268
|
-
}, bottomLink), _react["default"].createElement(Copyright, {
|
|
269
|
-
refSize: refSize
|
|
270
|
-
}, copyright))), (!isResponsiveTablet && !isResponsivePhone || isResponsiveTablet) && _react["default"].createElement("div", null, _react["default"].createElement(ChildComponents, {
|
|
271
|
-
padding: padding
|
|
272
|
-
}, _react["default"].createElement(_BackgroundColorContext.BackgroundColorProvider, {
|
|
273
|
-
color: colorsTheme.footer.backgroundColor
|
|
274
|
-
}, children)), _react["default"].createElement(FooterFooter, {
|
|
275
|
-
className: "footerFooter"
|
|
276
|
-
}, _react["default"].createElement(BottomLinks, {
|
|
277
|
-
refSize: refSize
|
|
278
|
-
}, bottomLink), _react["default"].createElement(Copyright, {
|
|
279
|
-
refSize: refSize
|
|
280
|
-
}, copyright)))));
|
|
281
|
-
};
|
|
282
|
-
|
|
283
|
-
var FooterContainer = _styledComponents["default"].footer(_templateObject(), function (props) {
|
|
284
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "20px 20px 20px 20px" : "24px 36px 24px 36px";
|
|
285
|
-
}, function (props) {
|
|
286
|
-
return props.theme.backgroundColor;
|
|
287
|
-
}, function (props) {
|
|
288
|
-
return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
|
|
289
|
-
}, function (props) {
|
|
290
|
-
return props.theme.height;
|
|
291
|
-
});
|
|
292
|
-
|
|
293
|
-
var FooterHeader = _styledComponents["default"].div(_templateObject2());
|
|
294
|
-
|
|
295
|
-
var FooterFooter = _styledComponents["default"].div(_templateObject3(), function (props) {
|
|
296
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "column" : "row";
|
|
297
|
-
}, function (props) {
|
|
298
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "center" : "";
|
|
299
|
-
}, function (props) {
|
|
300
|
-
return "".concat(props.theme.bottomLinksDividerThickness, " ").concat(props.theme.bottomLinksDividerStyle, " ").concat(props.theme.bottomLinksDividerColor);
|
|
301
|
-
});
|
|
302
|
-
|
|
303
|
-
var BottomLinks = _styledComponents["default"].div(_templateObject4(), function (props) {
|
|
304
|
-
return props.theme.bottomLinksDividerSpacing;
|
|
305
|
-
}, function (props) {
|
|
306
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "60%";
|
|
307
|
-
}, function (props) {
|
|
308
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "";
|
|
309
|
-
}, function (props) {
|
|
310
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "40px 0 40px 0" : "";
|
|
311
|
-
});
|
|
312
|
-
|
|
313
|
-
var ChildComponents = _styledComponents["default"].div(_templateObject5(), function (props) {
|
|
314
|
-
return props.padding && (0, _typeof2["default"])(props.padding) !== "object" ? _variables.spaces[props.padding] : "0px";
|
|
315
|
-
}, function (props) {
|
|
316
|
-
return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.top ? _variables.spaces[props.padding.top] : "";
|
|
317
|
-
}, function (props) {
|
|
318
|
-
return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.right ? _variables.spaces[props.padding.right] : "";
|
|
319
|
-
}, function (props) {
|
|
320
|
-
return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.bottom ? _variables.spaces[props.padding.bottom] : "";
|
|
321
|
-
}, function (props) {
|
|
322
|
-
return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.left ? _variables.spaces[props.padding.left] : "";
|
|
323
|
-
});
|
|
324
|
-
|
|
325
|
-
var Copyright = _styledComponents["default"].div(_templateObject6(), function (props) {
|
|
326
|
-
return props.theme.copyrightFontFamily;
|
|
327
|
-
}, function (props) {
|
|
328
|
-
return props.theme.copyrightFontSize;
|
|
329
|
-
}, function (props) {
|
|
330
|
-
return props.theme.copyrightFontStyle;
|
|
331
|
-
}, function (props) {
|
|
332
|
-
return props.theme.copyrightFontWeight;
|
|
333
|
-
}, function (props) {
|
|
334
|
-
return props.theme.copyrightFontColor;
|
|
335
|
-
}, function (props) {
|
|
336
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "40%";
|
|
337
|
-
}, function (props) {
|
|
338
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "";
|
|
339
|
-
}, function (props) {
|
|
340
|
-
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "center" : "right";
|
|
341
|
-
}, function (props) {
|
|
342
|
-
return props.theme.bottomLinksDividerSpacing;
|
|
343
|
-
});
|
|
344
|
-
|
|
345
|
-
var LogoContainer = _styledComponents["default"].div(_templateObject7(), function (props) {
|
|
346
|
-
return props.theme.logoHeight;
|
|
347
|
-
}, function (props) {
|
|
348
|
-
return props.theme.logoWidth;
|
|
349
|
-
});
|
|
350
|
-
|
|
351
|
-
var LogoImg = _styledComponents["default"].img(_templateObject8(), function (props) {
|
|
352
|
-
return props.theme.logoHeight;
|
|
353
|
-
}, function (props) {
|
|
354
|
-
return props.theme.logoWidth;
|
|
355
|
-
});
|
|
356
|
-
|
|
357
|
-
var SocialAnchor = _styledComponents["default"].a(_templateObject9(), function (props) {
|
|
358
|
-
return props.index === 0 ? "0px" : props.theme.socialLinksGutter;
|
|
359
|
-
});
|
|
360
|
-
|
|
361
|
-
var SocialIcon = _styledComponents["default"].img(_templateObject10(), function (props) {
|
|
362
|
-
return props.theme.socialLinksSize;
|
|
363
|
-
}, function (props) {
|
|
364
|
-
return props.theme.socialLinksSize;
|
|
365
|
-
}, function (props) {
|
|
366
|
-
return props.theme.socialLinksColor;
|
|
367
|
-
});
|
|
368
|
-
|
|
369
|
-
var SocialIconContainer = _styledComponents["default"].div(_templateObject11(), function (props) {
|
|
370
|
-
return props.theme.socialLinksSize;
|
|
371
|
-
}, function (props) {
|
|
372
|
-
return props.theme.socialLinksSize;
|
|
373
|
-
}, function (props) {
|
|
374
|
-
return props.theme.socialLinksColor;
|
|
375
|
-
});
|
|
376
|
-
|
|
377
|
-
var Point = _styledComponents["default"].span(_templateObject12(), function (props) {
|
|
378
|
-
return props.theme.bottomLinksFontColor;
|
|
379
|
-
});
|
|
380
|
-
|
|
381
|
-
var BottomLink = _styledComponents["default"].a(_templateObject13(), function (props) {
|
|
382
|
-
return props.theme.bottomLinksTextDecoration;
|
|
383
|
-
}, function (props) {
|
|
384
|
-
return props.theme.bottomLinksFontColor;
|
|
385
|
-
}, function (props) {
|
|
386
|
-
return props.theme.bottomLinksFontFamily;
|
|
387
|
-
}, function (props) {
|
|
388
|
-
return props.theme.bottomLinksFontSize;
|
|
389
|
-
}, function (props) {
|
|
390
|
-
return props.theme.bottomLinksFontStyle;
|
|
391
|
-
}, function (props) {
|
|
392
|
-
return props.theme.bottomLinksFontWeight;
|
|
393
|
-
});
|
|
394
|
-
|
|
395
|
-
DxcFooter.propTypes = {
|
|
396
|
-
socialLinks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
397
|
-
logo: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].func]),
|
|
398
|
-
logoSrc: _propTypes["default"].string.isRequired,
|
|
399
|
-
href: _propTypes["default"].string
|
|
400
|
-
})),
|
|
401
|
-
bottomLinks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
402
|
-
text: _propTypes["default"].string.isRequired,
|
|
403
|
-
href: _propTypes["default"].string
|
|
404
|
-
})),
|
|
405
|
-
copyright: _propTypes["default"].string,
|
|
406
|
-
margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
|
407
|
-
top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
408
|
-
bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
409
|
-
left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
410
|
-
right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
|
|
411
|
-
}), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
|
|
412
|
-
padding: _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
|
413
|
-
top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
414
|
-
bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
415
|
-
left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
416
|
-
right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
|
|
417
|
-
}), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
|
|
418
|
-
tabIndex: _propTypes["default"].number
|
|
419
|
-
};
|
|
420
|
-
var _default = DxcFooter;
|
|
421
|
-
exports["default"] = _default;
|
package/dist/footer/Icons.js
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _default = _react["default"].createElement("svg", {
|
|
13
|
-
id: "g10",
|
|
14
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
-
width: "280.781",
|
|
16
|
-
height: "32",
|
|
17
|
-
viewBox: "0 0 280.781 32"
|
|
18
|
-
}, _react["default"].createElement("title", null, "DXC Logo"), _react["default"].createElement("g", {
|
|
19
|
-
id: "g12"
|
|
20
|
-
}, _react["default"].createElement("path", {
|
|
21
|
-
id: "path14",
|
|
22
|
-
d: "M171.5-54.124v12.539h-3.6V-54.124h-4.973v-3.191h13.54v3.191H171.5",
|
|
23
|
-
transform: "translate(-68.528 65.45)",
|
|
24
|
-
fill: "#fff"
|
|
25
|
-
}), _react["default"].createElement("path", {
|
|
26
|
-
id: "path16",
|
|
27
|
-
d: "M189.96-41.585V-57.315h12.326v3.079h-8.753v3.191h7.7v3.078h-7.7v3.3h8.87v3.078H189.96",
|
|
28
|
-
transform: "translate(-77.56 65.45)",
|
|
29
|
-
fill: "#fff"
|
|
30
|
-
}), _react["default"].createElement("path", {
|
|
31
|
-
id: "path18",
|
|
32
|
-
d: "M223.558-41.438a8.1,8.1,0,0,1-8.382-8.1v-.045a8.161,8.161,0,0,1,8.522-8.146,8.6,8.6,0,0,1,6.444,2.431l-2.289,2.543a6.133,6.133,0,0,0-4.178-1.778,4.743,4.743,0,0,0-4.738,4.905v.045a4.752,4.752,0,0,0,4.738,4.95,6,6,0,0,0,4.295-1.845l2.288,2.228a8.491,8.491,0,0,1-6.7,2.813",
|
|
33
|
-
transform: "translate(-86.019 65.583)",
|
|
34
|
-
fill: "#fff"
|
|
35
|
-
}), _react["default"].createElement("path", {
|
|
36
|
-
id: "path20",
|
|
37
|
-
d: "M254.988-41.585V-47.9h-6.63v6.315h-3.6V-57.315h3.6v6.225h6.63v-6.225h3.594v15.731h-3.594",
|
|
38
|
-
transform: "translate(-95.903 65.45)",
|
|
39
|
-
fill: "#fff"
|
|
40
|
-
}), _react["default"].createElement("path", {
|
|
41
|
-
id: "path22",
|
|
42
|
-
d: "M285.991-41.585l-7.914-10v10h-3.549V-57.315h3.316l7.657,9.685v-9.685h3.549v15.731h-3.058",
|
|
43
|
-
transform: "translate(-105.869 65.45)",
|
|
44
|
-
fill: "#fff"
|
|
45
|
-
}), _react["default"].createElement("path", {
|
|
46
|
-
id: "path24",
|
|
47
|
-
d: "M317.2-49.583a4.869,4.869,0,0,0-4.949-4.95,4.793,4.793,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.793,4.793,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.661-3.623-8.661-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.66,3.623,8.66,8.1v.045c0,4.477-3.664,8.145-8.708,8.145",
|
|
48
|
-
transform: "translate(-115.631 65.583)",
|
|
49
|
-
fill: "#fff"
|
|
50
|
-
}), _react["default"].createElement("path", {
|
|
51
|
-
id: "path26",
|
|
52
|
-
d: "M336.786-41.585V-57.315h3.6v12.584h8.148v3.146H336.786",
|
|
53
|
-
transform: "translate(-126.654 65.45)",
|
|
54
|
-
fill: "#fff"
|
|
55
|
-
}), _react["default"].createElement("path", {
|
|
56
|
-
id: "path28",
|
|
57
|
-
d: "M372.78-49.583a4.87,4.87,0,0,0-4.949-4.95,4.794,4.794,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.794,4.794,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.662-3.623-8.662-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.661,3.623,8.661,8.1v.045c0,4.477-3.666,8.145-8.708,8.145",
|
|
58
|
-
transform: "translate(-135.016 65.583)",
|
|
59
|
-
fill: "#fff"
|
|
60
|
-
}), _react["default"].createElement("path", {
|
|
61
|
-
id: "path30",
|
|
62
|
-
d: "M399.735-41.438c-5.09,0-8.592-3.443-8.592-8.1v-.045a8.243,8.243,0,0,1,8.568-8.146,9.18,9.18,0,0,1,6.42,2.16l-2.265,2.634a6.141,6.141,0,0,0-4.272-1.6,4.807,4.807,0,0,0-4.692,4.905v.045a4.8,4.8,0,0,0,4.949,4.995,5.89,5.89,0,0,0,3.384-.945v-2.25h-3.618v-2.992h7.1v6.841a10.837,10.837,0,0,1-6.98,2.5",
|
|
63
|
-
transform: "translate(-145.284 65.583)",
|
|
64
|
-
fill: "#fff"
|
|
65
|
-
}), _react["default"].createElement("path", {
|
|
66
|
-
id: "path32",
|
|
67
|
-
d: "M428.664-47.855v6.27h-3.6v-6.2l-6.28-9.528h4.2L426.89-51l3.968-6.315h4.085l-6.28,9.46",
|
|
68
|
-
transform: "translate(-154.162 65.45)",
|
|
69
|
-
fill: "#fff"
|
|
70
|
-
}), _react["default"].createElement("path", {
|
|
71
|
-
id: "path34",
|
|
72
|
-
d: "M84.218-55.737a10.063,10.063,0,0,1,2.589-4.4,9.792,9.792,0,0,1,6.985-2.77h11.328V-69.3H93.792a17.041,17.041,0,0,0-11.8,4.759,16.344,16.344,0,0,0-3.547,5.115,13.247,13.247,0,0,0-1.122,3.688Zm0,4.877a10.065,10.065,0,0,0,2.589,4.4,9.793,9.793,0,0,0,6.985,2.77h11.328V-37.3H93.792a17.042,17.042,0,0,1-11.8-4.759,16.339,16.339,0,0,1-3.547-5.114,13.251,13.251,0,0,1-1.122-3.688ZM63.1-47.98,54.45-37.3H45.873l12.957-16-12.957-16H54.45L63.1-58.619l8.65-10.68h8.578l-12.957,16,12.957,16H71.749ZM48.875-55.737a13.212,13.212,0,0,0-1.122-3.688,16.359,16.359,0,0,0-3.546-5.115,17.043,17.043,0,0,0-11.8-4.759H21.08v6.393H32.408a9.79,9.79,0,0,1,6.985,2.77,10.072,10.072,0,0,1,2.59,4.4Zm0,4.877a13.215,13.215,0,0,1-1.122,3.688,16.353,16.353,0,0,1-3.546,5.114,17.044,17.044,0,0,1-11.8,4.759H21.08v-6.393H32.408a9.791,9.791,0,0,0,6.985-2.77,10.074,10.074,0,0,0,2.59-4.4h6.892",
|
|
73
|
-
transform: "translate(-21.08 69.298)",
|
|
74
|
-
fill: "#fff"
|
|
75
|
-
})));
|
|
76
|
-
|
|
77
|
-
exports["default"] = _default;
|
package/dist/footer/index.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
|
|
2
|
-
type Margin = {
|
|
3
|
-
top?: Space;
|
|
4
|
-
bottom?: Space;
|
|
5
|
-
left?: Space;
|
|
6
|
-
right?: Space;
|
|
7
|
-
};
|
|
8
|
-
type Padding = {
|
|
9
|
-
top?: Space;
|
|
10
|
-
bottom?: Space;
|
|
11
|
-
left?: Space;
|
|
12
|
-
right?: Space;
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
type Props = {
|
|
16
|
-
socialLinks?: any;
|
|
17
|
-
bottomLinks?: any;
|
|
18
|
-
copyright?: string;
|
|
19
|
-
padding?: Space | Padding;
|
|
20
|
-
margin?: Space | Margin;
|
|
21
|
-
tabIndex?: number;
|
|
22
|
-
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export default function DxcFooter(props: Props): JSX.Element;
|