@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.
Files changed (213) hide show
  1. package/BackgroundColorContext.js +50 -0
  2. package/ThemeContext.js +246 -0
  3. package/{dist/V3Select → V3Select}/V3Select.js +33 -127
  4. package/{dist/V3Select → V3Select}/index.d.ts +0 -0
  5. package/{dist/V3Textarea → V3Textarea}/V3Textarea.js +10 -14
  6. package/{dist/V3Textarea → V3Textarea}/index.d.ts +0 -0
  7. package/accordion/Accordion.d.ts +4 -0
  8. package/{dist/accordion → accordion}/Accordion.js +35 -130
  9. package/accordion/types.d.ts +68 -0
  10. package/accordion/types.js +5 -0
  11. package/accordion-group/AccordionGroup.d.ts +7 -0
  12. package/accordion-group/AccordionGroup.js +170 -0
  13. package/accordion-group/types.d.ts +72 -0
  14. package/accordion-group/types.js +5 -0
  15. package/alert/Alert.d.ts +4 -0
  16. package/{dist/alert → alert}/Alert.js +38 -151
  17. package/alert/types.d.ts +49 -0
  18. package/alert/types.js +5 -0
  19. package/badge/Badge.js +59 -0
  20. package/{dist/box → box}/Box.js +9 -13
  21. package/{dist/box → box}/index.d.ts +0 -0
  22. package/button/Button.d.ts +4 -0
  23. package/{dist/button → button}/Button.js +15 -71
  24. package/button/Button.stories.tsx +293 -0
  25. package/button/types.d.ts +57 -0
  26. package/button/types.js +5 -0
  27. package/card/Card.d.ts +4 -0
  28. package/{dist/card → card}/Card.js +32 -121
  29. package/card/types.d.ts +69 -0
  30. package/card/types.js +5 -0
  31. package/checkbox/Checkbox.d.ts +4 -0
  32. package/{dist/checkbox → checkbox}/Checkbox.js +13 -59
  33. package/checkbox/types.d.ts +60 -0
  34. package/checkbox/types.js +5 -0
  35. package/{dist/chip → chip}/Chip.js +17 -61
  36. package/{dist/chip → chip}/index.d.ts +0 -0
  37. package/{dist/common → common}/OpenSans.css +0 -0
  38. package/{dist/common → common}/RequiredComponent.js +3 -11
  39. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  40. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  41. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  42. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  43. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  44. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  45. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  46. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  47. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  48. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  49. package/{dist/common → common}/utils.js +0 -0
  50. package/{dist/common → common}/variables.js +40 -45
  51. package/{dist/date → date}/Date.js +16 -22
  52. package/{dist/date → date}/index.d.ts +0 -0
  53. package/date-input/DateInput.d.ts +4 -0
  54. package/{dist/date-input → date-input}/DateInput.js +22 -61
  55. package/date-input/types.d.ts +100 -0
  56. package/date-input/types.js +5 -0
  57. package/{dist/dialog → dialog}/Dialog.js +16 -50
  58. package/{dist/dialog → dialog}/index.d.ts +0 -0
  59. package/{dist/dropdown → dropdown}/Dropdown.js +37 -131
  60. package/{dist/dropdown → dropdown}/index.d.ts +0 -0
  61. package/{dist/file-input → file-input}/FileInput.js +49 -161
  62. package/{dist/file-input → file-input}/FileItem.js +29 -123
  63. package/{dist/file-input → file-input}/index.d.ts +0 -0
  64. package/{dist/footer → footer}/Footer.js +34 -158
  65. package/{dist/footer → footer}/Icons.js +13 -13
  66. package/{dist/footer → footer}/index.d.ts +0 -0
  67. package/{dist/header → header}/Header.js +35 -179
  68. package/{dist/header → header}/Icons.js +11 -11
  69. package/{dist/header → header}/index.d.ts +0 -0
  70. package/{dist/heading → heading}/Heading.js +18 -72
  71. package/{dist/heading → heading}/index.d.ts +0 -0
  72. package/{dist/input-text → input-text}/Icons.js +2 -2
  73. package/{dist/input-text → input-text}/InputText.js +36 -130
  74. package/{dist/input-text → input-text}/index.d.ts +1 -1
  75. package/{dist/layout → layout}/ApplicationLayout.js +31 -123
  76. package/{dist/layout → layout}/Icons.js +7 -7
  77. package/{dist/link → link}/Link.js +18 -72
  78. package/{dist/link → link}/index.d.ts +0 -0
  79. package/main.d.ts +44 -0
  80. package/{dist/main.js → main.js} +91 -87
  81. package/{dist/number-input → number-input}/NumberInput.js +5 -13
  82. package/{dist/number-input → number-input}/NumberInputContext.js +1 -1
  83. package/{dist/number-input → number-input}/index.d.ts +0 -0
  84. package/package.json +20 -17
  85. package/{dist/paginator → paginator}/Icons.js +9 -9
  86. package/paginator/Paginator.d.ts +4 -0
  87. package/{dist/paginator → paginator}/Paginator.js +24 -131
  88. package/paginator/types.d.ts +38 -0
  89. package/paginator/types.js +5 -0
  90. package/{dist/password-input → password-input}/PasswordInput.js +17 -21
  91. package/password-input/PasswordInput.stories.jsx +131 -0
  92. package/{dist/password-input → password-input}/index.d.ts +0 -0
  93. package/progress-bar/ProgressBar.d.ts +4 -0
  94. package/{dist/progress-bar → progress-bar}/ProgressBar.js +19 -91
  95. package/progress-bar/types.d.ts +37 -0
  96. package/progress-bar/types.js +5 -0
  97. package/radio/Radio.d.ts +4 -0
  98. package/{dist/radio → radio}/Radio.js +15 -50
  99. package/radio/types.d.ts +54 -0
  100. package/radio/types.js +5 -0
  101. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -119
  102. package/{dist/resultsetTable → resultsetTable}/index.d.ts +0 -0
  103. package/{dist/select → select}/Select.js +248 -479
  104. package/select/index.d.ts +131 -0
  105. package/{dist/sidenav → sidenav}/Sidenav.js +15 -49
  106. package/{dist/sidenav → sidenav}/index.d.ts +0 -0
  107. package/slider/Slider.d.ts +4 -0
  108. package/{dist/slider → slider}/Slider.js +45 -143
  109. package/slider/types.d.ts +83 -0
  110. package/slider/types.js +5 -0
  111. package/{dist/spinner → spinner}/Spinner.js +38 -152
  112. package/{dist/spinner → spinner}/index.d.ts +0 -0
  113. package/switch/Switch.d.ts +4 -0
  114. package/{dist/switch → switch}/Switch.js +26 -69
  115. package/switch/types.d.ts +58 -0
  116. package/switch/types.js +5 -0
  117. package/{dist/table → table}/Table.js +10 -24
  118. package/{dist/table → table}/index.d.ts +0 -0
  119. package/{dist/tabs → tabs}/Tabs.js +26 -110
  120. package/{dist/tabs → tabs}/index.d.ts +0 -0
  121. package/{dist/tag → tag}/Tag.js +22 -96
  122. package/{dist/tag → tag}/index.d.ts +0 -0
  123. package/{dist/text-input → text-input}/TextInput.js +241 -390
  124. package/{dist/text-input → text-input}/index.d.ts +0 -0
  125. package/{dist/textarea → textarea}/Textarea.js +20 -72
  126. package/textarea/Textarea.stories.jsx +135 -0
  127. package/{dist/textarea → textarea}/index.d.ts +0 -0
  128. package/{dist/toggle → toggle}/Toggle.js +15 -49
  129. package/{dist/toggle → toggle}/index.d.ts +0 -0
  130. package/{dist/toggle-group → toggle-group}/ToggleGroup.js +23 -107
  131. package/{dist/toggle-group → toggle-group}/index.d.ts +0 -0
  132. package/{dist/upload → upload}/Upload.js +11 -15
  133. package/{dist/upload → upload}/buttons-upload/ButtonsUpload.js +13 -37
  134. package/{dist/upload → upload}/buttons-upload/Icons.js +7 -7
  135. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  136. package/{dist/upload → upload}/dragAndDropArea/Icons.js +6 -6
  137. package/upload/file-upload/FileToUpload.js +115 -0
  138. package/{dist/upload → upload}/file-upload/Icons.js +13 -13
  139. package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
  140. package/{dist/upload → upload}/index.d.ts +0 -0
  141. package/{dist/upload → upload}/transaction/Icons.js +31 -31
  142. package/upload/transaction/Transaction.js +104 -0
  143. package/upload/transactions/Transactions.js +94 -0
  144. package/{dist/useTheme.js → useTheme.js} +0 -0
  145. package/{dist/wizard → wizard}/Icons.js +8 -8
  146. package/{dist/wizard → wizard}/Wizard.js +31 -165
  147. package/{dist/wizard → wizard}/index.d.ts +0 -0
  148. package/README.md +0 -66
  149. package/babel.config.js +0 -7
  150. package/dist/BackgroundColorContext.js +0 -46
  151. package/dist/ThemeContext.js +0 -250
  152. package/dist/accordion/index.d.ts +0 -28
  153. package/dist/accordion-group/AccordionGroup.js +0 -186
  154. package/dist/accordion-group/index.d.ts +0 -16
  155. package/dist/alert/index.d.ts +0 -51
  156. package/dist/badge/Badge.js +0 -63
  157. package/dist/button/Button.stories.js +0 -27
  158. package/dist/button/index.d.ts +0 -24
  159. package/dist/card/index.d.ts +0 -22
  160. package/dist/checkbox/index.d.ts +0 -24
  161. package/dist/date-input/index.d.ts +0 -95
  162. package/dist/main.d.ts +0 -40
  163. package/dist/paginator/index.d.ts +0 -20
  164. package/dist/progress-bar/index.d.ts +0 -18
  165. package/dist/radio/index.d.ts +0 -23
  166. package/dist/select/index.d.ts +0 -53
  167. package/dist/slider/index.d.ts +0 -29
  168. package/dist/switch/index.d.ts +0 -24
  169. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  170. package/dist/upload/file-upload/FileToUpload.js +0 -189
  171. package/dist/upload/transaction/Transaction.js +0 -148
  172. package/dist/upload/transactions/Transactions.js +0 -138
  173. package/test/Accordion.test.js +0 -33
  174. package/test/AccordionGroup.test.js +0 -125
  175. package/test/Alert.test.js +0 -53
  176. package/test/Box.test.js +0 -10
  177. package/test/Button.test.js +0 -18
  178. package/test/Card.test.js +0 -30
  179. package/test/Checkbox.test.js +0 -45
  180. package/test/Chip.test.js +0 -25
  181. package/test/Date.test.js +0 -395
  182. package/test/DateInput.test.js +0 -242
  183. package/test/Dialog.test.js +0 -23
  184. package/test/Dropdown.test.js +0 -145
  185. package/test/FileInput.test.js +0 -201
  186. package/test/Footer.test.js +0 -94
  187. package/test/Header.test.js +0 -34
  188. package/test/Heading.test.js +0 -83
  189. package/test/InputText.test.js +0 -239
  190. package/test/Link.test.js +0 -43
  191. package/test/NumberInput.test.js +0 -259
  192. package/test/Paginator.test.js +0 -181
  193. package/test/PasswordInput.test.js +0 -83
  194. package/test/ProgressBar.test.js +0 -35
  195. package/test/Radio.test.js +0 -37
  196. package/test/ResultsetTable.test.js +0 -330
  197. package/test/Select.test.js +0 -415
  198. package/test/Sidenav.test.js +0 -45
  199. package/test/Slider.test.js +0 -74
  200. package/test/Spinner.test.js +0 -32
  201. package/test/Switch.test.js +0 -45
  202. package/test/Table.test.js +0 -36
  203. package/test/Tabs.test.js +0 -109
  204. package/test/Tag.test.js +0 -32
  205. package/test/TextInput.test.js +0 -732
  206. package/test/Textarea.test.js +0 -193
  207. package/test/ToggleGroup.test.js +0 -85
  208. package/test/Upload.test.js +0 -60
  209. package/test/V3Select.test.js +0 -212
  210. package/test/V3TextArea.test.js +0 -51
  211. package/test/Wizard.test.js +0 -130
  212. package/test/mocks/pngMock.js +0 -1
  213. 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
- 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"]);
34
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
96
35
 
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
- };
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
- return data;
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