@stokr/components-library 3.0.63 → 3.0.65
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.
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import PropTypes from "prop-types";
|
|
3
3
|
import "react";
|
|
4
4
|
import { Wrapper } from "../Grid/Grid.styles.js";
|
|
5
|
-
import { StyledFooter, FooterInner, PartnerWrap, Partner, PartnerLine, LogoWrap, PoweredWrap, Copyright } from "./Footer.styles.js";
|
|
5
|
+
import { StyledFooter, FooterInner, PartnerWrap, Partner, PartnerLine, PartnerLineBreak, LogoWrap, PoweredWrap, Copyright } from "./Footer.styles.js";
|
|
6
6
|
import MangoPayLogo from "../../static/images/mangopay.svg.js";
|
|
7
7
|
const Footer = ({ color = "primary", hasSidebar = false, isSidebarExpanded }) => /* @__PURE__ */ jsx(StyledFooter, { color, isSidebarExpanded, hasSidebar, children: /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs(FooterInner, { hasSidebar, children: [
|
|
8
8
|
/* @__PURE__ */ jsx(PartnerWrap, { children: /* @__PURE__ */ jsxs(Partner, { children: [
|
|
@@ -19,9 +19,8 @@ const Footer = ({ color = "primary", hasSidebar = false, isSidebarExpanded }) =>
|
|
|
19
19
|
children: "CASP"
|
|
20
20
|
}
|
|
21
21
|
),
|
|
22
|
-
")"
|
|
23
|
-
|
|
24
|
-
/* @__PURE__ */ jsxs(PartnerLine, { children: [
|
|
22
|
+
") ",
|
|
23
|
+
/* @__PURE__ */ jsx(PartnerLineBreak, {}),
|
|
25
24
|
"and payment institution (",
|
|
26
25
|
/* @__PURE__ */ jsx(
|
|
27
26
|
"a",
|
|
@@ -21,11 +21,15 @@ const StyledFooter = styled.footer.withConfig({
|
|
|
21
21
|
${(props) => props.color === "red" && css`
|
|
22
22
|
color: ${colors.white};
|
|
23
23
|
background-color: ${colors.rustyRed};
|
|
24
|
+
padding: 0 25px;
|
|
24
25
|
|
|
25
26
|
${rwd.Medium`
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
box-shadow: inset 0 1px 0 0 ${colors.rustyRed};
|
|
28
|
+
`}
|
|
29
|
+
|
|
30
|
+
${rwd.XLarge`
|
|
31
|
+
padding: 0 50px;
|
|
32
|
+
`}
|
|
29
33
|
`}
|
|
30
34
|
|
|
31
35
|
${rwd.Medium`
|
|
@@ -207,6 +211,13 @@ const PartnerLine = styled.span`
|
|
|
207
211
|
white-space: nowrap;
|
|
208
212
|
`}
|
|
209
213
|
`;
|
|
214
|
+
const PartnerLineBreak = styled.span`
|
|
215
|
+
display: block;
|
|
216
|
+
|
|
217
|
+
${rwd.XLarge`
|
|
218
|
+
display: none;
|
|
219
|
+
`}
|
|
220
|
+
`;
|
|
210
221
|
const Copyright = styled.span`
|
|
211
222
|
img {
|
|
212
223
|
margin-bottom: 4px;
|
|
@@ -259,6 +270,7 @@ export {
|
|
|
259
270
|
LogoWrap,
|
|
260
271
|
Partner,
|
|
261
272
|
PartnerLine,
|
|
273
|
+
PartnerLineBreak,
|
|
262
274
|
PartnerWrap,
|
|
263
275
|
PoweredWrap,
|
|
264
276
|
StyledFooter
|