@dxc-technology/halstack-react 0.0.0-b915415 → 0.0.0-b92e300
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 +50 -0
- package/ThemeContext.js +246 -0
- package/{dist/V3Select → V3Select}/V3Select.js +33 -127
- package/{dist/V3Select → V3Select}/index.d.ts +0 -0
- package/{dist/V3Textarea → V3Textarea}/V3Textarea.js +10 -14
- package/{dist/V3Textarea → V3Textarea}/index.d.ts +0 -0
- package/accordion/Accordion.d.ts +4 -0
- package/{dist/accordion → accordion}/Accordion.js +35 -130
- package/accordion/types.d.ts +68 -0
- package/accordion/types.js +5 -0
- package/accordion-group/AccordionGroup.d.ts +7 -0
- package/accordion-group/AccordionGroup.js +170 -0
- package/accordion-group/types.d.ts +72 -0
- package/accordion-group/types.js +5 -0
- package/alert/Alert.d.ts +4 -0
- package/{dist/alert → alert}/Alert.js +38 -151
- package/alert/types.d.ts +49 -0
- package/alert/types.js +5 -0
- package/badge/Badge.js +59 -0
- package/{dist/box → box}/Box.js +9 -13
- package/{dist/box → box}/index.d.ts +0 -0
- package/button/Button.d.ts +4 -0
- package/{dist/button → button}/Button.js +15 -71
- package/button/Button.stories.tsx +293 -0
- package/button/types.d.ts +57 -0
- package/button/types.js +5 -0
- package/card/Card.d.ts +4 -0
- package/{dist/card → card}/Card.js +32 -121
- package/card/types.d.ts +69 -0
- package/card/types.js +5 -0
- package/checkbox/Checkbox.d.ts +4 -0
- package/{dist/checkbox → checkbox}/Checkbox.js +13 -59
- package/checkbox/types.d.ts +60 -0
- package/checkbox/types.js +5 -0
- package/{dist/chip → chip}/Chip.js +17 -61
- package/{dist/chip → chip}/index.d.ts +0 -0
- package/{dist/common → common}/OpenSans.css +0 -0
- package/{dist/common → common}/RequiredComponent.js +3 -11
- package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
- package/{dist/common → common}/utils.js +0 -0
- package/{dist/common → common}/variables.js +40 -45
- package/{dist/date → date}/Date.js +16 -22
- package/{dist/date → date}/index.d.ts +0 -0
- package/date-input/DateInput.d.ts +4 -0
- package/{dist/date-input → date-input}/DateInput.js +22 -61
- package/date-input/types.d.ts +100 -0
- package/date-input/types.js +5 -0
- package/{dist/dialog → dialog}/Dialog.js +16 -50
- package/{dist/dialog → dialog}/index.d.ts +0 -0
- package/{dist/dropdown → dropdown}/Dropdown.js +37 -131
- package/{dist/dropdown → dropdown}/index.d.ts +0 -0
- package/{dist/file-input → file-input}/FileInput.js +49 -161
- package/{dist/file-input → file-input}/FileItem.js +29 -123
- package/{dist/file-input → file-input}/index.d.ts +0 -0
- package/{dist/footer → footer}/Footer.js +34 -158
- package/{dist/footer → footer}/Icons.js +13 -13
- package/{dist/footer → footer}/index.d.ts +0 -0
- package/{dist/header → header}/Header.js +35 -179
- package/{dist/header → header}/Icons.js +11 -11
- package/{dist/header → header}/index.d.ts +0 -0
- package/{dist/heading → heading}/Heading.js +18 -72
- package/{dist/heading → heading}/index.d.ts +0 -0
- package/{dist/input-text → input-text}/Icons.js +2 -2
- package/{dist/input-text → input-text}/InputText.js +36 -130
- package/{dist/input-text → input-text}/index.d.ts +1 -1
- package/{dist/layout → layout}/ApplicationLayout.js +31 -123
- package/{dist/layout → layout}/Icons.js +7 -7
- package/{dist/link → link}/Link.js +18 -72
- package/{dist/link → link}/index.d.ts +0 -0
- package/main.d.ts +44 -0
- package/{dist/main.js → main.js} +91 -87
- package/{dist/number-input → number-input}/NumberInput.js +5 -13
- package/{dist/number-input → number-input}/NumberInputContext.js +1 -1
- package/{dist/number-input → number-input}/index.d.ts +0 -0
- package/package.json +20 -17
- package/{dist/paginator → paginator}/Icons.js +9 -9
- package/paginator/Paginator.d.ts +4 -0
- package/{dist/paginator → paginator}/Paginator.js +24 -131
- package/paginator/types.d.ts +38 -0
- package/paginator/types.js +5 -0
- package/{dist/password-input → password-input}/PasswordInput.js +17 -21
- package/password-input/PasswordInput.stories.jsx +131 -0
- package/{dist/password-input → password-input}/index.d.ts +0 -0
- package/progress-bar/ProgressBar.d.ts +4 -0
- package/{dist/progress-bar → progress-bar}/ProgressBar.js +19 -91
- package/progress-bar/types.d.ts +37 -0
- package/progress-bar/types.js +5 -0
- package/radio/Radio.d.ts +4 -0
- package/{dist/radio → radio}/Radio.js +15 -50
- package/radio/types.d.ts +54 -0
- package/radio/types.js +5 -0
- package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -119
- package/{dist/resultsetTable → resultsetTable}/index.d.ts +0 -0
- package/{dist/select → select}/Select.js +248 -479
- package/select/index.d.ts +131 -0
- package/{dist/sidenav → sidenav}/Sidenav.js +15 -49
- package/{dist/sidenav → sidenav}/index.d.ts +0 -0
- package/slider/Slider.d.ts +4 -0
- package/{dist/slider → slider}/Slider.js +45 -143
- package/slider/types.d.ts +83 -0
- package/slider/types.js +5 -0
- package/{dist/spinner → spinner}/Spinner.js +38 -152
- package/{dist/spinner → spinner}/index.d.ts +0 -0
- package/switch/Switch.d.ts +4 -0
- package/{dist/switch → switch}/Switch.js +26 -69
- package/switch/types.d.ts +58 -0
- package/switch/types.js +5 -0
- package/{dist/table → table}/Table.js +10 -24
- package/{dist/table → table}/index.d.ts +0 -0
- package/{dist/tabs → tabs}/Tabs.js +26 -110
- package/{dist/tabs → tabs}/index.d.ts +0 -0
- package/{dist/tag → tag}/Tag.js +22 -96
- package/{dist/tag → tag}/index.d.ts +0 -0
- package/{dist/text-input → text-input}/TextInput.js +241 -390
- package/{dist/text-input → text-input}/index.d.ts +0 -0
- package/{dist/textarea → textarea}/Textarea.js +20 -72
- package/textarea/Textarea.stories.jsx +135 -0
- package/{dist/textarea → textarea}/index.d.ts +0 -0
- package/{dist/toggle → toggle}/Toggle.js +15 -49
- package/{dist/toggle → toggle}/index.d.ts +0 -0
- package/{dist/toggle-group → toggle-group}/ToggleGroup.js +23 -107
- package/{dist/toggle-group → toggle-group}/index.d.ts +0 -0
- package/{dist/upload → upload}/Upload.js +11 -15
- package/{dist/upload → upload}/buttons-upload/ButtonsUpload.js +13 -37
- package/{dist/upload → upload}/buttons-upload/Icons.js +7 -7
- package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
- package/{dist/upload → upload}/dragAndDropArea/Icons.js +6 -6
- package/upload/file-upload/FileToUpload.js +115 -0
- package/{dist/upload → upload}/file-upload/Icons.js +13 -13
- package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
- package/{dist/upload → upload}/index.d.ts +0 -0
- package/{dist/upload → upload}/transaction/Icons.js +31 -31
- package/upload/transaction/Transaction.js +104 -0
- package/upload/transactions/Transactions.js +94 -0
- package/{dist/useTheme.js → useTheme.js} +0 -0
- package/{dist/wizard → wizard}/Icons.js +8 -8
- package/{dist/wizard → wizard}/Wizard.js +31 -165
- package/{dist/wizard → wizard}/index.d.ts +0 -0
- package/README.md +0 -66
- package/babel.config.js +0 -7
- package/dist/BackgroundColorContext.js +0 -46
- package/dist/ThemeContext.js +0 -250
- 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/index.d.ts +0 -51
- package/dist/badge/Badge.js +0 -63
- package/dist/button/Button.stories.js +0 -27
- package/dist/button/index.d.ts +0 -24
- package/dist/card/index.d.ts +0 -22
- package/dist/checkbox/index.d.ts +0 -24
- package/dist/date-input/index.d.ts +0 -95
- package/dist/main.d.ts +0 -40
- package/dist/paginator/index.d.ts +0 -20
- package/dist/progress-bar/index.d.ts +0 -18
- package/dist/radio/index.d.ts +0 -23
- package/dist/select/index.d.ts +0 -53
- package/dist/slider/index.d.ts +0 -29
- package/dist/switch/index.d.ts +0 -24
- package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
- package/dist/upload/file-upload/FileToUpload.js +0 -189
- package/dist/upload/transaction/Transaction.js +0 -148
- package/dist/upload/transactions/Transactions.js +0 -138
- 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 -415
- 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 -732
- 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
|
@@ -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
|
});
|
|
@@ -31,135 +31,11 @@ var _BackgroundColorContext = require("../BackgroundColorContext.js");
|
|
|
31
31
|
|
|
32
32
|
var _Icons = _interopRequireDefault(require("./Icons"));
|
|
33
33
|
|
|
34
|
-
|
|
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"]);
|
|
34
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
96
35
|
|
|
97
|
-
|
|
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
|
-
};
|
|
36
|
+
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); }
|
|
160
37
|
|
|
161
|
-
|
|
162
|
-
}
|
|
38
|
+
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; }
|
|
163
39
|
|
|
164
40
|
var DxcFooter = function DxcFooter(_ref) {
|
|
165
41
|
var _ref$socialLinks = _ref.socialLinks,
|
|
@@ -197,7 +73,7 @@ var DxcFooter = function DxcFooter(_ref) {
|
|
|
197
73
|
}
|
|
198
74
|
|
|
199
75
|
if (typeof colorsTheme.footer.logo === "string") {
|
|
200
|
-
return _react["default"].createElement(LogoImg, {
|
|
76
|
+
return /*#__PURE__*/_react["default"].createElement(LogoImg, {
|
|
201
77
|
alt: "Logo",
|
|
202
78
|
src: colorsTheme.footer.logo
|
|
203
79
|
});
|
|
@@ -235,52 +111,52 @@ var DxcFooter = function DxcFooter(_ref) {
|
|
|
235
111
|
};
|
|
236
112
|
}, []);
|
|
237
113
|
var socialLink = socialLinks.map(function (link, index) {
|
|
238
|
-
return _react["default"].createElement(SocialAnchor, {
|
|
114
|
+
return /*#__PURE__*/_react["default"].createElement(SocialAnchor, {
|
|
239
115
|
tabIndex: tabIndex,
|
|
240
116
|
key: "social".concat(index).concat(link.href),
|
|
241
117
|
index: index,
|
|
242
118
|
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, {
|
|
119
|
+
}, link.logo ? /*#__PURE__*/_react["default"].createElement(SocialIconContainer, null, (0, _typeof2["default"])(link.logo) === "object" ? link.logo : /*#__PURE__*/_react["default"].createElement(link.logo)) : link && link.logoSrc && /*#__PURE__*/_react["default"].createElement(SocialIcon, {
|
|
244
120
|
src: link.logoSrc
|
|
245
121
|
}));
|
|
246
122
|
});
|
|
247
123
|
var bottomLink = bottomLinks.map(function (link, index) {
|
|
248
|
-
return _react["default"].createElement("span", {
|
|
124
|
+
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
249
125
|
key: "bottom".concat(index).concat(link.text)
|
|
250
|
-
}, _react["default"].createElement(BottomLink, {
|
|
126
|
+
}, /*#__PURE__*/_react["default"].createElement(BottomLink, {
|
|
251
127
|
tabIndex: tabIndex,
|
|
252
128
|
href: link && link.href ? link.href : ""
|
|
253
|
-
}, link && link.text ? link.text : ""), _react["default"].createElement(Point, {
|
|
129
|
+
}, link && link.text ? link.text : ""), /*#__PURE__*/_react["default"].createElement(Point, {
|
|
254
130
|
index: index
|
|
255
131
|
}, "\xB7"));
|
|
256
132
|
});
|
|
257
|
-
return _react["default"].createElement(_styledComponents.ThemeProvider, {
|
|
133
|
+
return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
|
|
258
134
|
theme: colorsTheme.footer
|
|
259
|
-
}, _react["default"].createElement(FooterContainer, {
|
|
135
|
+
}, /*#__PURE__*/_react["default"].createElement(FooterContainer, {
|
|
260
136
|
margin: margin,
|
|
261
137
|
refSize: refSize,
|
|
262
138
|
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, {
|
|
139
|
+
}, /*#__PURE__*/_react["default"].createElement(FooterHeader, null, /*#__PURE__*/_react["default"].createElement(LogoContainer, null, footerLogo), /*#__PURE__*/_react["default"].createElement("div", null, socialLink)), isResponsivePhone && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(FooterFooter, {
|
|
264
140
|
className: "footerFooter",
|
|
265
141
|
refSize: refSize
|
|
266
|
-
}, _react["default"].createElement(BottomLinks, {
|
|
142
|
+
}, /*#__PURE__*/_react["default"].createElement(BottomLinks, {
|
|
267
143
|
refSize: refSize
|
|
268
|
-
}, bottomLink), _react["default"].createElement(Copyright, {
|
|
144
|
+
}, bottomLink), /*#__PURE__*/_react["default"].createElement(Copyright, {
|
|
269
145
|
refSize: refSize
|
|
270
|
-
}, copyright))), (!isResponsiveTablet && !isResponsivePhone || isResponsiveTablet) && _react["default"].createElement("div", null, _react["default"].createElement(ChildComponents, {
|
|
146
|
+
}, copyright))), (!isResponsiveTablet && !isResponsivePhone || isResponsiveTablet) && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(ChildComponents, {
|
|
271
147
|
padding: padding
|
|
272
|
-
}, _react["default"].createElement(_BackgroundColorContext.BackgroundColorProvider, {
|
|
148
|
+
}, /*#__PURE__*/_react["default"].createElement(_BackgroundColorContext.BackgroundColorProvider, {
|
|
273
149
|
color: colorsTheme.footer.backgroundColor
|
|
274
|
-
}, children)), _react["default"].createElement(FooterFooter, {
|
|
150
|
+
}, children)), /*#__PURE__*/_react["default"].createElement(FooterFooter, {
|
|
275
151
|
className: "footerFooter"
|
|
276
|
-
}, _react["default"].createElement(BottomLinks, {
|
|
152
|
+
}, /*#__PURE__*/_react["default"].createElement(BottomLinks, {
|
|
277
153
|
refSize: refSize
|
|
278
|
-
}, bottomLink), _react["default"].createElement(Copyright, {
|
|
154
|
+
}, bottomLink), /*#__PURE__*/_react["default"].createElement(Copyright, {
|
|
279
155
|
refSize: refSize
|
|
280
156
|
}, copyright)))));
|
|
281
157
|
};
|
|
282
158
|
|
|
283
|
-
var FooterContainer = _styledComponents["default"].footer(_templateObject(), function (props) {
|
|
159
|
+
var FooterContainer = _styledComponents["default"].footer(_templateObject || (_templateObject = (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"])), function (props) {
|
|
284
160
|
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "20px 20px 20px 20px" : "24px 36px 24px 36px";
|
|
285
161
|
}, function (props) {
|
|
286
162
|
return props.theme.backgroundColor;
|
|
@@ -290,9 +166,9 @@ var FooterContainer = _styledComponents["default"].footer(_templateObject(), fun
|
|
|
290
166
|
return props.theme.height;
|
|
291
167
|
});
|
|
292
168
|
|
|
293
|
-
var FooterHeader = _styledComponents["default"].div(_templateObject2());
|
|
169
|
+
var FooterHeader = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
294
170
|
|
|
295
|
-
var FooterFooter = _styledComponents["default"].div(_templateObject3(), function (props) {
|
|
171
|
+
var FooterFooter = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (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"])), function (props) {
|
|
296
172
|
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "column" : "row";
|
|
297
173
|
}, function (props) {
|
|
298
174
|
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "center" : "";
|
|
@@ -300,7 +176,7 @@ var FooterFooter = _styledComponents["default"].div(_templateObject3(), function
|
|
|
300
176
|
return "".concat(props.theme.bottomLinksDividerThickness, " ").concat(props.theme.bottomLinksDividerStyle, " ").concat(props.theme.bottomLinksDividerColor);
|
|
301
177
|
});
|
|
302
178
|
|
|
303
|
-
var BottomLinks = _styledComponents["default"].div(_templateObject4(), function (props) {
|
|
179
|
+
var BottomLinks = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (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"])), function (props) {
|
|
304
180
|
return props.theme.bottomLinksDividerSpacing;
|
|
305
181
|
}, function (props) {
|
|
306
182
|
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "60%";
|
|
@@ -310,7 +186,7 @@ var BottomLinks = _styledComponents["default"].div(_templateObject4(), function
|
|
|
310
186
|
return props.refSize <= _variables.responsiveSizes.mobileLarge ? "40px 0 40px 0" : "";
|
|
311
187
|
});
|
|
312
188
|
|
|
313
|
-
var ChildComponents = _styledComponents["default"].div(_templateObject5(), function (props) {
|
|
189
|
+
var ChildComponents = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (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"])), function (props) {
|
|
314
190
|
return props.padding && (0, _typeof2["default"])(props.padding) !== "object" ? _variables.spaces[props.padding] : "0px";
|
|
315
191
|
}, function (props) {
|
|
316
192
|
return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.top ? _variables.spaces[props.padding.top] : "";
|
|
@@ -322,7 +198,7 @@ var ChildComponents = _styledComponents["default"].div(_templateObject5(), funct
|
|
|
322
198
|
return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.left ? _variables.spaces[props.padding.left] : "";
|
|
323
199
|
});
|
|
324
200
|
|
|
325
|
-
var Copyright = _styledComponents["default"].div(_templateObject6(), function (props) {
|
|
201
|
+
var Copyright = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (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"])), function (props) {
|
|
326
202
|
return props.theme.copyrightFontFamily;
|
|
327
203
|
}, function (props) {
|
|
328
204
|
return props.theme.copyrightFontSize;
|
|
@@ -342,23 +218,23 @@ var Copyright = _styledComponents["default"].div(_templateObject6(), function (p
|
|
|
342
218
|
return props.theme.bottomLinksDividerSpacing;
|
|
343
219
|
});
|
|
344
220
|
|
|
345
|
-
var LogoContainer = _styledComponents["default"].div(_templateObject7(), function (props) {
|
|
221
|
+
var LogoContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n max-height: ", ";\n width: ", ";\n"])), function (props) {
|
|
346
222
|
return props.theme.logoHeight;
|
|
347
223
|
}, function (props) {
|
|
348
224
|
return props.theme.logoWidth;
|
|
349
225
|
});
|
|
350
226
|
|
|
351
|
-
var LogoImg = _styledComponents["default"].img(_templateObject8(), function (props) {
|
|
227
|
+
var LogoImg = _styledComponents["default"].img(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n max-height: ", ";\n width: ", ";\n"])), function (props) {
|
|
352
228
|
return props.theme.logoHeight;
|
|
353
229
|
}, function (props) {
|
|
354
230
|
return props.theme.logoWidth;
|
|
355
231
|
});
|
|
356
232
|
|
|
357
|
-
var SocialAnchor = _styledComponents["default"].a(_templateObject9(), function (props) {
|
|
233
|
+
var SocialAnchor = _styledComponents["default"].a(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n & {\n display: inline-flex;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
358
234
|
return props.index === 0 ? "0px" : props.theme.socialLinksGutter;
|
|
359
235
|
});
|
|
360
236
|
|
|
361
|
-
var SocialIcon = _styledComponents["default"].img(_templateObject10(), function (props) {
|
|
237
|
+
var SocialIcon = _styledComponents["default"].img(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n & {\n display: inline-flex;\n height: ", ";\n width: ", ";\n fill: ", ";\n }\n"])), function (props) {
|
|
362
238
|
return props.theme.socialLinksSize;
|
|
363
239
|
}, function (props) {
|
|
364
240
|
return props.theme.socialLinksSize;
|
|
@@ -366,7 +242,7 @@ var SocialIcon = _styledComponents["default"].img(_templateObject10(), function
|
|
|
366
242
|
return props.theme.socialLinksColor;
|
|
367
243
|
});
|
|
368
244
|
|
|
369
|
-
var SocialIconContainer = _styledComponents["default"].div(_templateObject11(), function (props) {
|
|
245
|
+
var SocialIconContainer = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = (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"])), function (props) {
|
|
370
246
|
return props.theme.socialLinksSize;
|
|
371
247
|
}, function (props) {
|
|
372
248
|
return props.theme.socialLinksSize;
|
|
@@ -374,11 +250,11 @@ var SocialIconContainer = _styledComponents["default"].div(_templateObject11(),
|
|
|
374
250
|
return props.theme.socialLinksColor;
|
|
375
251
|
});
|
|
376
252
|
|
|
377
|
-
var Point = _styledComponents["default"].span(_templateObject12(), function (props) {
|
|
253
|
+
var Point = _styledComponents["default"].span(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n margin: 0px 10px;\n color: ", ";\n"])), function (props) {
|
|
378
254
|
return props.theme.bottomLinksFontColor;
|
|
379
255
|
});
|
|
380
256
|
|
|
381
|
-
var BottomLink = _styledComponents["default"].a(_templateObject13(), function (props) {
|
|
257
|
+
var BottomLink = _styledComponents["default"].a(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n text-decoration: ", ";\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n"])), function (props) {
|
|
382
258
|
return props.theme.bottomLinksTextDecoration;
|
|
383
259
|
}, function (props) {
|
|
384
260
|
return props.theme.bottomLinksFontColor;
|
|
@@ -9,65 +9,65 @@ exports["default"] = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var _default = _react["default"].createElement("svg", {
|
|
12
|
+
var _default = /*#__PURE__*/_react["default"].createElement("svg", {
|
|
13
13
|
id: "g10",
|
|
14
14
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15
15
|
width: "280.781",
|
|
16
16
|
height: "32",
|
|
17
17
|
viewBox: "0 0 280.781 32"
|
|
18
|
-
}, _react["default"].createElement("title", null, "DXC Logo"), _react["default"].createElement("g", {
|
|
18
|
+
}, /*#__PURE__*/_react["default"].createElement("title", null, "DXC Logo"), /*#__PURE__*/_react["default"].createElement("g", {
|
|
19
19
|
id: "g12"
|
|
20
|
-
}, _react["default"].createElement("path", {
|
|
20
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
21
21
|
id: "path14",
|
|
22
22
|
d: "M171.5-54.124v12.539h-3.6V-54.124h-4.973v-3.191h13.54v3.191H171.5",
|
|
23
23
|
transform: "translate(-68.528 65.45)",
|
|
24
24
|
fill: "#fff"
|
|
25
|
-
}), _react["default"].createElement("path", {
|
|
25
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
26
26
|
id: "path16",
|
|
27
27
|
d: "M189.96-41.585V-57.315h12.326v3.079h-8.753v3.191h7.7v3.078h-7.7v3.3h8.87v3.078H189.96",
|
|
28
28
|
transform: "translate(-77.56 65.45)",
|
|
29
29
|
fill: "#fff"
|
|
30
|
-
}), _react["default"].createElement("path", {
|
|
30
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
31
31
|
id: "path18",
|
|
32
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
33
|
transform: "translate(-86.019 65.583)",
|
|
34
34
|
fill: "#fff"
|
|
35
|
-
}), _react["default"].createElement("path", {
|
|
35
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
36
36
|
id: "path20",
|
|
37
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
38
|
transform: "translate(-95.903 65.45)",
|
|
39
39
|
fill: "#fff"
|
|
40
|
-
}), _react["default"].createElement("path", {
|
|
40
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
41
41
|
id: "path22",
|
|
42
42
|
d: "M285.991-41.585l-7.914-10v10h-3.549V-57.315h3.316l7.657,9.685v-9.685h3.549v15.731h-3.058",
|
|
43
43
|
transform: "translate(-105.869 65.45)",
|
|
44
44
|
fill: "#fff"
|
|
45
|
-
}), _react["default"].createElement("path", {
|
|
45
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
46
46
|
id: "path24",
|
|
47
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
48
|
transform: "translate(-115.631 65.583)",
|
|
49
49
|
fill: "#fff"
|
|
50
|
-
}), _react["default"].createElement("path", {
|
|
50
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
51
51
|
id: "path26",
|
|
52
52
|
d: "M336.786-41.585V-57.315h3.6v12.584h8.148v3.146H336.786",
|
|
53
53
|
transform: "translate(-126.654 65.45)",
|
|
54
54
|
fill: "#fff"
|
|
55
|
-
}), _react["default"].createElement("path", {
|
|
55
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
56
56
|
id: "path28",
|
|
57
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
58
|
transform: "translate(-135.016 65.583)",
|
|
59
59
|
fill: "#fff"
|
|
60
|
-
}), _react["default"].createElement("path", {
|
|
60
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
61
61
|
id: "path30",
|
|
62
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
63
|
transform: "translate(-145.284 65.583)",
|
|
64
64
|
fill: "#fff"
|
|
65
|
-
}), _react["default"].createElement("path", {
|
|
65
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
66
66
|
id: "path32",
|
|
67
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
68
|
transform: "translate(-154.162 65.45)",
|
|
69
69
|
fill: "#fff"
|
|
70
|
-
}), _react["default"].createElement("path", {
|
|
70
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
71
71
|
id: "path34",
|
|
72
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
73
|
transform: "translate(-21.08 69.298)",
|
|
File without changes
|