@royaloperahouse/chord 1.3.1 → 1.4.0-b-chord-development
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/CHANGELOG.md +0 -3
- package/README.md +99 -44
- package/dist/chord.cjs.development.js +114 -89
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +114 -89
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Sponsorship/Sponsorship.style.d.ts +2 -0
- package/dist/components/molecules/PageHeading/Impact/Impact.d.ts +1 -1
- package/dist/components/molecules/PageHeading/PageHeading.style.d.ts +6 -3
- package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +0 -2
- package/dist/types/editorial.d.ts +0 -30
- package/dist/types/impactHeader.d.ts +50 -0
- package/dist/types/types.d.ts +4 -0
- package/package.json +1 -1
- package/README.GIT +0 -122
|
@@ -2654,11 +2654,13 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
2654
2654
|
})))));
|
|
2655
2655
|
};
|
|
2656
2656
|
|
|
2657
|
-
var _templateObject$d;
|
|
2657
|
+
var _templateObject$d, _templateObject2$3;
|
|
2658
|
+
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
2659
|
+
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
2660
|
+
|
|
2658
2661
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v3/rolex.html?size=80';
|
|
2659
2662
|
var DEFAULT_SPONSORSHIP_TITLE = 'rolex';
|
|
2660
2663
|
var DEFAULT_DATA_ROH = 'ImgAdvert';
|
|
2661
|
-
var SponsorshipStyled = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
2662
2664
|
|
|
2663
2665
|
var Sponsorship = function Sponsorship(_ref) {
|
|
2664
2666
|
var _ref$src = _ref.src,
|
|
@@ -2666,8 +2668,15 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
2666
2668
|
_ref$dataRoh = _ref.dataRoh,
|
|
2667
2669
|
dataRoh = _ref$dataRoh === void 0 ? DEFAULT_DATA_ROH : _ref$dataRoh,
|
|
2668
2670
|
_ref$title = _ref.title,
|
|
2669
|
-
title = _ref$title === void 0 ? DEFAULT_SPONSORSHIP_TITLE : _ref$title
|
|
2670
|
-
|
|
2671
|
+
title = _ref$title === void 0 ? DEFAULT_SPONSORSHIP_TITLE : _ref$title,
|
|
2672
|
+
isCustomImage = _ref.isCustomImage;
|
|
2673
|
+
if (isCustomImage) return /*#__PURE__*/React__default.createElement(CustomImage, {
|
|
2674
|
+
src: src,
|
|
2675
|
+
alt: title,
|
|
2676
|
+
"data-roh": dataRoh,
|
|
2677
|
+
"data-testid": "custom-sponsor"
|
|
2678
|
+
});
|
|
2679
|
+
return /*#__PURE__*/React__default.createElement(SponsorshipStyledIframe, null, /*#__PURE__*/React__default.createElement("iframe", {
|
|
2671
2680
|
src: src,
|
|
2672
2681
|
scrolling: "no",
|
|
2673
2682
|
"data-roh": dataRoh,
|
|
@@ -2676,9 +2685,9 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
2676
2685
|
}));
|
|
2677
2686
|
};
|
|
2678
2687
|
|
|
2679
|
-
var _templateObject$e, _templateObject2$
|
|
2688
|
+
var _templateObject$e, _templateObject2$4;
|
|
2680
2689
|
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
2681
|
-
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2690
|
+
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
2682
2691
|
|
|
2683
2692
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
2684
2693
|
var _ref$fullWidth = _ref.fullWidth,
|
|
@@ -2715,7 +2724,7 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$f
|
|
|
2715
2724
|
return aspectRatio;
|
|
2716
2725
|
});
|
|
2717
2726
|
|
|
2718
|
-
var _templateObject$g, _templateObject2$
|
|
2727
|
+
var _templateObject$g, _templateObject2$5;
|
|
2719
2728
|
var TabText = /*#__PURE__*/styled__default.a(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
2720
2729
|
if (props.withIcon === 'left') {
|
|
2721
2730
|
return "margin-left: 5px;";
|
|
@@ -2729,7 +2738,7 @@ var TabText = /*#__PURE__*/styled__default.a(_templateObject$g || (_templateObje
|
|
|
2729
2738
|
|
|
2730
2739
|
return "";
|
|
2731
2740
|
});
|
|
2732
|
-
var TitleContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2741
|
+
var TitleContainer = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n width: fit-content;\n border-bottom: 1px solid transparent;\n\n ", "\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n ", "\n\n ", "\n\n @media ", " {\n svg {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (props) {
|
|
2733
2742
|
if (props.withIcon === 'left') {
|
|
2734
2743
|
return "\n flex-direction: row-reverse;\n svg {\n margin-right: 6px;\n }";
|
|
2735
2744
|
}
|
|
@@ -2815,7 +2824,7 @@ var Tab = function Tab(_ref) {
|
|
|
2815
2824
|
}));
|
|
2816
2825
|
};
|
|
2817
2826
|
|
|
2818
|
-
var _templateObject$h, _templateObject2$
|
|
2827
|
+
var _templateObject$h, _templateObject2$6;
|
|
2819
2828
|
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
2820
2829
|
var iconName = _ref.iconName;
|
|
2821
2830
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
@@ -2842,7 +2851,7 @@ var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$h || (_templ
|
|
|
2842
2851
|
var hoverColor = _ref7.hoverColor;
|
|
2843
2852
|
return hoverColor;
|
|
2844
2853
|
});
|
|
2845
|
-
var TabLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
2854
|
+
var TabLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-right: var(--button-icon-margin);\n"])));
|
|
2846
2855
|
|
|
2847
2856
|
var _excluded$4 = ["children", "iconName", "iconDirection", "color", "hoverColor"];
|
|
2848
2857
|
|
|
@@ -2869,7 +2878,7 @@ var TabLink = function TabLink(_ref) {
|
|
|
2869
2878
|
})) : null, children);
|
|
2870
2879
|
};
|
|
2871
2880
|
|
|
2872
|
-
var _templateObject$i, _templateObject2$
|
|
2881
|
+
var _templateObject$i, _templateObject2$7;
|
|
2873
2882
|
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
2874
2883
|
var iconName = _ref.iconName;
|
|
2875
2884
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
@@ -2877,7 +2886,7 @@ var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$i || (_temp
|
|
|
2877
2886
|
var color = _ref2.color;
|
|
2878
2887
|
return color;
|
|
2879
2888
|
});
|
|
2880
|
-
var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
2889
|
+
var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
|
|
2881
2890
|
|
|
2882
2891
|
var _excluded$5 = ["children", "iconName", "iconDirection", "color"];
|
|
2883
2892
|
|
|
@@ -3009,12 +3018,12 @@ var Subtitle = function Subtitle(_ref6) {
|
|
|
3009
3018
|
}, children);
|
|
3010
3019
|
};
|
|
3011
3020
|
|
|
3012
|
-
var _templateObject$k, _templateObject2$
|
|
3021
|
+
var _templateObject$k, _templateObject2$8, _templateObject3$2;
|
|
3013
3022
|
var TickboxLabel = /*#__PURE__*/styled__default.label(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n width: fit-content;\n position: relative;\n padding-left: 32px;\n color: var(--base-color-", ");\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n @media ", " {\n &:focus {\n outline: 0;\n }\n }\n"])), function (_ref) {
|
|
3014
3023
|
var dark = _ref.dark;
|
|
3015
3024
|
return dark ? 'white' : 'black';
|
|
3016
3025
|
}, devices.mobileAndTablet);
|
|
3017
|
-
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
3026
|
+
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid var(--base-color-", ");\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref2) {
|
|
3018
3027
|
var dark = _ref2.dark;
|
|
3019
3028
|
return dark ? 'white' : 'black';
|
|
3020
3029
|
}, devices.mobile);
|
|
@@ -3092,9 +3101,9 @@ var TypeTags = function TypeTags(_ref) {
|
|
|
3092
3101
|
}));
|
|
3093
3102
|
};
|
|
3094
3103
|
|
|
3095
|
-
var _templateObject$m, _templateObject2$
|
|
3104
|
+
var _templateObject$m, _templateObject2$9, _templateObject3$3;
|
|
3096
3105
|
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3097
|
-
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3106
|
+
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
3098
3107
|
var theme = _ref.theme;
|
|
3099
3108
|
return theme.colors.primary;
|
|
3100
3109
|
}, devices.mobile);
|
|
@@ -3162,12 +3171,12 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3162
3171
|
}, renderNextIcon()));
|
|
3163
3172
|
};
|
|
3164
3173
|
|
|
3165
|
-
var _templateObject$n, _templateObject2$
|
|
3174
|
+
var _templateObject$n, _templateObject2$a, _templateObject3$4, _templateObject4$1, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
3166
3175
|
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
3167
3176
|
var isMenuOpen = _ref.isMenuOpen;
|
|
3168
3177
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
3169
3178
|
});
|
|
3170
|
-
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3179
|
+
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 100vw;\n position: absolute;\n z-index: ", ";\n opacity: 0.4;\n"])), zIndexes.searchOverlay);
|
|
3171
3180
|
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
|
|
3172
3181
|
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n top: 80px;\n }\n"])), zIndexes.search, devices.mobile);
|
|
3173
3182
|
var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-white);\n border-top: 1px solid var(--base-color-light-grey);\n height: 100px;\n width: 100%\n position: absolute;\n top: 140px;\n z-index: ", ";\n \n @media ", " {\n height: 80px;\n top: 80px;\n }\n"])), zIndexes.search, devices.mobile);
|
|
@@ -3214,7 +3223,7 @@ var Logo = function Logo(_ref) {
|
|
|
3214
3223
|
var _templateObject$p;
|
|
3215
3224
|
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
3216
3225
|
|
|
3217
|
-
var _templateObject$q, _templateObject2$
|
|
3226
|
+
var _templateObject$q, _templateObject2$b, _templateObject3$5, _templateObject4$2;
|
|
3218
3227
|
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
3219
3228
|
var selected = _ref.selected,
|
|
3220
3229
|
colorPrimary = _ref.colorPrimary;
|
|
@@ -3234,7 +3243,7 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_te
|
|
|
3234
3243
|
var colorPrimary = _ref4.colorPrimary;
|
|
3235
3244
|
return colorPrimary;
|
|
3236
3245
|
});
|
|
3237
|
-
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3246
|
+
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
3238
3247
|
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
|
|
3239
3248
|
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
3240
3249
|
|
|
@@ -3279,7 +3288,7 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3279
3288
|
}, text) : ''));
|
|
3280
3289
|
};
|
|
3281
3290
|
|
|
3282
|
-
var _templateObject$r, _templateObject2$
|
|
3291
|
+
var _templateObject$r, _templateObject2$c;
|
|
3283
3292
|
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
3284
3293
|
var selected = _ref.selected,
|
|
3285
3294
|
colorPrimary = _ref.colorPrimary;
|
|
@@ -3296,7 +3305,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$r || (_te
|
|
|
3296
3305
|
var colorPrimary = _ref3.colorPrimary;
|
|
3297
3306
|
return colorPrimary;
|
|
3298
3307
|
});
|
|
3299
|
-
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3308
|
+
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
3300
3309
|
|
|
3301
3310
|
var Search$1 = function Search(_ref) {
|
|
3302
3311
|
var _ref$selected = _ref.selected,
|
|
@@ -3567,9 +3576,9 @@ var NavTop = function NavTop(_ref) {
|
|
|
3567
3576
|
}));
|
|
3568
3577
|
};
|
|
3569
3578
|
|
|
3570
|
-
var _templateObject$s, _templateObject2$
|
|
3579
|
+
var _templateObject$s, _templateObject2$d, _templateObject3$6, _templateObject4$3;
|
|
3571
3580
|
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
3572
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3581
|
+
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
3573
3582
|
if (props.showMenu) {
|
|
3574
3583
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
3575
3584
|
}
|
|
@@ -3710,9 +3719,9 @@ var Tabs = function Tabs(_ref) {
|
|
|
3710
3719
|
}, "MENU"))));
|
|
3711
3720
|
};
|
|
3712
3721
|
|
|
3713
|
-
var _templateObject$t, _templateObject2$
|
|
3722
|
+
var _templateObject$t, _templateObject2$e, _templateObject3$7, _templateObject4$4, _templateObject5$1, _templateObject6$1;
|
|
3714
3723
|
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100px;\n background-color: var(--base-color-white);\n\n @media ", " {\n column-gap: 12px;\n height: 80px;\n }\n"])), devices.mobile);
|
|
3715
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3724
|
+
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
3716
3725
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
3717
3726
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
3718
3727
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
@@ -3935,17 +3944,17 @@ var Navigation = function Navigation(_ref) {
|
|
|
3935
3944
|
})))));
|
|
3936
3945
|
};
|
|
3937
3946
|
|
|
3938
|
-
var _templateObject$u, _templateObject2$
|
|
3947
|
+
var _templateObject$u, _templateObject2$f, _templateObject3$8, _templateObject4$5, _templateObject5$2, _templateObject6$2;
|
|
3939
3948
|
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
3940
|
-
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3949
|
+
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
3941
3950
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
3942
3951
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
3943
3952
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
3944
3953
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
3945
3954
|
|
|
3946
|
-
var _templateObject$v, _templateObject2$
|
|
3955
|
+
var _templateObject$v, _templateObject2$g, _templateObject3$9;
|
|
3947
3956
|
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
3948
|
-
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
3957
|
+
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
3949
3958
|
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
3950
3959
|
|
|
3951
3960
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
@@ -3962,9 +3971,9 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
3962
3971
|
}));
|
|
3963
3972
|
};
|
|
3964
3973
|
|
|
3965
|
-
var _templateObject$w, _templateObject2$
|
|
3974
|
+
var _templateObject$w, _templateObject2$h, _templateObject3$a, _templateObject4$6, _templateObject5$3, _templateObject6$3, _templateObject7$1, _templateObject8$1;
|
|
3966
3975
|
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
3967
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3976
|
+
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
3968
3977
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
3969
3978
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
3970
3979
|
var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 3;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 9px;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
@@ -4036,9 +4045,9 @@ var Footer = function Footer(_ref) {
|
|
|
4036
4045
|
}, additionalInfo)))));
|
|
4037
4046
|
};
|
|
4038
4047
|
|
|
4039
|
-
var _templateObject$x, _templateObject2$
|
|
4048
|
+
var _templateObject$x, _templateObject2$i, _templateObject3$b, _templateObject4$7, _templateObject5$4, _templateObject6$4;
|
|
4040
4049
|
var AnchorTapbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), zIndexes.anchor);
|
|
4041
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4050
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
4042
4051
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4043
4052
|
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: 32px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref) {
|
|
4044
4053
|
var tabsOverflow = _ref.tabsOverflow;
|
|
@@ -4206,7 +4215,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
4206
4215
|
})) : null) : null))));
|
|
4207
4216
|
};
|
|
4208
4217
|
|
|
4209
|
-
var _templateObject$y, _templateObject2$
|
|
4218
|
+
var _templateObject$y, _templateObject2$j, _templateObject3$c, _templateObject4$8, _templateObject5$5;
|
|
4210
4219
|
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4211
4220
|
var type = _ref.type,
|
|
4212
4221
|
imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
@@ -4239,7 +4248,7 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_te
|
|
|
4239
4248
|
return "\n &&& {\n .swiper-slide > div{\n height: calc(" + imagesHeightDevice + "px + var(--line-height-body-2) + 12px);\n }\n }";
|
|
4240
4249
|
}
|
|
4241
4250
|
});
|
|
4242
|
-
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4251
|
+
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
4243
4252
|
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n user-select: text;\n\n h4 {\n padding: 0;\n margin: 0;\n }\n"])));
|
|
4244
4253
|
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
4245
4254
|
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 2 / span 10;\n }\n }\n"])), devices.tablet);
|
|
@@ -4359,9 +4368,9 @@ var Theme = function Theme(_ref) {
|
|
|
4359
4368
|
}, children);
|
|
4360
4369
|
};
|
|
4361
4370
|
|
|
4362
|
-
var _templateObject$z, _templateObject2$
|
|
4371
|
+
var _templateObject$z, _templateObject2$k, _templateObject3$d, _templateObject4$9, _templateObject5$6, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12;
|
|
4363
4372
|
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
4364
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4373
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n h4 {\n margin: 0;\n padding: 0;\n }\n\n h5 {\n display: none;\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n\n h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: 40px;\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: var(--line-height-altHeader-5);\n\n h4 {\n display: none;\n }\n\n h5 {\n margin: 0;\n padding: 0;\n display: block;\n }\n }\n }\n"])), devices.tablet, function (_ref) {
|
|
4365
4374
|
var theme = _ref.theme;
|
|
4366
4375
|
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
4367
4376
|
}, function (_ref2) {
|
|
@@ -4678,12 +4687,12 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
4678
4687
|
})));
|
|
4679
4688
|
};
|
|
4680
4689
|
|
|
4681
|
-
var _templateObject$A, _templateObject2$
|
|
4690
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject4$a, _templateObject6$6, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject10$2;
|
|
4682
4691
|
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
4683
4692
|
var sticky = _ref.sticky;
|
|
4684
4693
|
return sticky ? 'sticky' : 'initial';
|
|
4685
4694
|
}, zIndexes.anchor);
|
|
4686
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4695
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
4687
4696
|
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
4688
4697
|
var title = _ref2.title;
|
|
4689
4698
|
return title ? 'row' : 'row-reverse';
|
|
@@ -4794,9 +4803,9 @@ var LiveChat = function LiveChat() {
|
|
|
4794
4803
|
});
|
|
4795
4804
|
};
|
|
4796
4805
|
|
|
4797
|
-
var _templateObject$B, _templateObject2$
|
|
4806
|
+
var _templateObject$B, _templateObject2$m;
|
|
4798
4807
|
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
4799
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
4808
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 2px solid var(--base-color-lightgrey);\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), devices.mobileAndTablet, devices.mobile);
|
|
4800
4809
|
|
|
4801
4810
|
var StickyBar = function StickyBar(_ref) {
|
|
4802
4811
|
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
@@ -4818,9 +4827,9 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
4818
4827
|
}, children)));
|
|
4819
4828
|
};
|
|
4820
4829
|
|
|
4821
|
-
var _templateObject$C, _templateObject2$
|
|
4830
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$f, _templateObject4$b, _templateObject5$7;
|
|
4822
4831
|
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4823
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4832
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
4824
4833
|
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
4825
4834
|
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && a {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 28px 20px;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
4826
4835
|
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
@@ -4916,12 +4925,12 @@ var Accordions = function Accordions(_ref) {
|
|
|
4916
4925
|
}));
|
|
4917
4926
|
};
|
|
4918
4927
|
|
|
4919
|
-
var _templateObject$E, _templateObject2$
|
|
4928
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$g;
|
|
4920
4929
|
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
4921
4930
|
var theme = _ref.theme;
|
|
4922
4931
|
return theme.colors.primary;
|
|
4923
4932
|
}, devices.mobile);
|
|
4924
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4933
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
4925
4934
|
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
|
|
4926
4935
|
|
|
4927
4936
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
@@ -4959,7 +4968,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
4959
4968
|
}))))));
|
|
4960
4969
|
};
|
|
4961
4970
|
|
|
4962
|
-
var _templateObject$F, _templateObject2$
|
|
4971
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$h, _templateObject4$c, _templateObject5$8, _templateObject6$7, _templateObject7$4, _templateObject8$4, _templateObject9$3;
|
|
4963
4972
|
var LENGTH_LARGE_TEXT = 28;
|
|
4964
4973
|
var LENGTH_SMALL_TEXT = 19;
|
|
4965
4974
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -4967,7 +4976,7 @@ var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$F || (_temp
|
|
|
4967
4976
|
var onlyShowButtonsOnHover = _ref.onlyShowButtonsOnHover;
|
|
4968
4977
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
4969
4978
|
});
|
|
4970
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4979
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: var(--base-color-primary);\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), zIndexes.contentOverlay);
|
|
4971
4980
|
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
4972
4981
|
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref2) {
|
|
4973
4982
|
var fullWidth = _ref2.fullWidth;
|
|
@@ -5020,9 +5029,9 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject9$3 ||
|
|
|
5020
5029
|
return '';
|
|
5021
5030
|
});
|
|
5022
5031
|
|
|
5023
|
-
var _templateObject$G, _templateObject2$
|
|
5032
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$i;
|
|
5024
5033
|
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 100%;\n display: flex;\n flex-direction: row;\n"])));
|
|
5025
|
-
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5034
|
+
var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-progress);\n flex: ", ";\n"])), function (_ref) {
|
|
5026
5035
|
var progress = _ref.progress;
|
|
5027
5036
|
return progress;
|
|
5028
5037
|
});
|
|
@@ -5164,9 +5173,9 @@ var Card = function Card(_ref) {
|
|
|
5164
5173
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
5165
5174
|
};
|
|
5166
5175
|
|
|
5167
|
-
var _templateObject$H, _templateObject2$
|
|
5176
|
+
var _templateObject$H, _templateObject2$r;
|
|
5168
5177
|
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n {\n grid-row-gap: var(--cards-spacing-stack);\n }\n }\n"])), devices.mobile);
|
|
5169
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
5178
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n {\n grid-column: 1 / span 14;\n }\n }\n"])), devices.mobile);
|
|
5170
5179
|
|
|
5171
5180
|
var Cards = function Cards(_ref) {
|
|
5172
5181
|
var cards = _ref.cards,
|
|
@@ -5205,9 +5214,9 @@ var Cards = function Cards(_ref) {
|
|
|
5205
5214
|
}));
|
|
5206
5215
|
};
|
|
5207
5216
|
|
|
5208
|
-
var _templateObject$I, _templateObject2$
|
|
5217
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$j, _templateObject4$d, _templateObject5$9;
|
|
5209
5218
|
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
5210
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5219
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
5211
5220
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
5212
5221
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
5213
5222
|
}, function (_ref2) {
|
|
@@ -5273,12 +5282,12 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
5273
5282
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
5274
5283
|
};
|
|
5275
5284
|
|
|
5276
|
-
var _templateObject$J, _templateObject2$
|
|
5285
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$k, _templateObject4$e, _templateObject5$a;
|
|
5277
5286
|
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
5278
5287
|
var imageToLeft = _ref.imageToLeft;
|
|
5279
5288
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
5280
5289
|
}, devices.mobile);
|
|
5281
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5290
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
5282
5291
|
var imageToLeft = _ref2.imageToLeft;
|
|
5283
5292
|
return imageToLeft ? 'left' : 'right';
|
|
5284
5293
|
}, devices.mobile);
|
|
@@ -5351,9 +5360,9 @@ var BackgroundColour;
|
|
|
5351
5360
|
BackgroundColour["White"] = "white";
|
|
5352
5361
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
5353
5362
|
|
|
5354
|
-
var _templateObject$K, _templateObject2$
|
|
5363
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$l, _templateObject4$f;
|
|
5355
5364
|
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
5356
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
5365
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
5357
5366
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
5358
5367
|
if (!props.infoThemed) {
|
|
5359
5368
|
return;
|
|
@@ -5478,14 +5487,23 @@ var Information = function Information(_ref) {
|
|
|
5478
5487
|
}))));
|
|
5479
5488
|
};
|
|
5480
5489
|
|
|
5481
|
-
var _templateObject$L, _templateObject2$
|
|
5482
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
5490
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$m, _templateObject4$g, _templateObject5$b, _templateObject6$8, _templateObject7$5, _templateObject8$5;
|
|
5491
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
5483
5492
|
var theme = _ref.theme;
|
|
5484
5493
|
return theme.colors.primary;
|
|
5494
|
+
}, function (_ref2) {
|
|
5495
|
+
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
5496
|
+
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
5497
|
+
}, devices.mobile);
|
|
5498
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
5499
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
|
|
5500
|
+
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
5501
|
+
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
5502
|
+
}, devices.mobile);
|
|
5503
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 36px;\n\n ", ";\n\n @media ", " {\n & {\n height: 30px;\n }\n }\n"])), function (_ref4) {
|
|
5504
|
+
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
5505
|
+
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
5485
5506
|
}, devices.mobile);
|
|
5486
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
5487
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
5488
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 36px;\n\n @media ", " {\n & {\n height: 30px;\n }\n }\n"])), devices.mobile);
|
|
5489
5507
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
5490
5508
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
5491
5509
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
@@ -5506,12 +5524,17 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
5506
5524
|
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$e);
|
|
5507
5525
|
|
|
5508
5526
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
5509
|
-
var truncatedTitle = title.substring(0, 40);
|
|
5527
|
+
var truncatedTitle = title && title.substring(0, 40);
|
|
5528
|
+
var isTitleUnAvailable = !title;
|
|
5510
5529
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
5511
|
-
"data-testid": "page-heading-wrapper"
|
|
5530
|
+
"data-testid": "page-heading-wrapper",
|
|
5531
|
+
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
5512
5532
|
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
5513
|
-
"data-testid": "page-heading-title"
|
|
5514
|
-
|
|
5533
|
+
"data-testid": "page-heading-title",
|
|
5534
|
+
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
5535
|
+
}, children ? /*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
5536
|
+
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
5537
|
+
}, children) : null, !isTitleUnAvailable && /*#__PURE__*/React__default.createElement(Header, {
|
|
5515
5538
|
level: 2
|
|
5516
5539
|
}, truncatedTitle)), text ? /*#__PURE__*/React__default.createElement(TextWrapper, {
|
|
5517
5540
|
"data-testid": "page-heading-text"
|
|
@@ -5562,7 +5585,7 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
5562
5585
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
5563
5586
|
};
|
|
5564
5587
|
|
|
5565
|
-
var _templateObject$M, _templateObject2$
|
|
5588
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$n, _templateObject4$h, _templateObject5$c, _templateObject6$9, _templateObject7$6;
|
|
5566
5589
|
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n background-image: url('", "');\n background-repeat: no-repeat;\n background-size: cover;\n position: relative;\n display: flex;\n align-items: center;\n\n ::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--base-color-black);\n filter: opacity(40%);\n z-index: ", ";\n }\n\n @media ", " {\n & {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n background-image: url('", "');\n background-position: center;\n display: flex;\n align-items: start;\n }\n }\n"])), function (_ref) {
|
|
5567
5590
|
var bgUrlDesktop = _ref.bgUrlDesktop;
|
|
5568
5591
|
return bgUrlDesktop;
|
|
@@ -5571,7 +5594,7 @@ var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$M || (_temp
|
|
|
5571
5594
|
bgUrlDevice = _ref2.bgUrlDevice;
|
|
5572
5595
|
return bgUrlDevice ? bgUrlDevice : bgUrlDesktop;
|
|
5573
5596
|
});
|
|
5574
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5597
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
5575
5598
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
5576
5599
|
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
5577
5600
|
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
@@ -5586,6 +5609,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
5586
5609
|
link = _ref.link,
|
|
5587
5610
|
_ref$sponsor = _ref.sponsor,
|
|
5588
5611
|
sponsor = _ref$sponsor === void 0 ? true : _ref$sponsor,
|
|
5612
|
+
customSponsorImage = _ref.customSponsorImage,
|
|
5589
5613
|
scrollHref = _ref.scrollHref,
|
|
5590
5614
|
bgUrlDesktop = _ref.bgUrlDesktop,
|
|
5591
5615
|
bgUrlDevice = _ref.bgUrlDevice;
|
|
@@ -5601,7 +5625,11 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
5601
5625
|
"data-testid": "impact-wrapper"
|
|
5602
5626
|
}, sponsor ? /*#__PURE__*/React__default.createElement(SponsorWrapper, {
|
|
5603
5627
|
"data-testid": "impact-sponsor"
|
|
5604
|
-
},
|
|
5628
|
+
}, customSponsorImage ? /*#__PURE__*/React__default.createElement(Sponsorship, Object.assign({
|
|
5629
|
+
"data-testid": "impact-custom-sponsor"
|
|
5630
|
+
}, customSponsorImage, {
|
|
5631
|
+
isCustomImage: true
|
|
5632
|
+
})) : /*#__PURE__*/React__default.createElement(Sponsorship, null)) : null, /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$2, {
|
|
5605
5633
|
"data-testid": "impact-logo"
|
|
5606
5634
|
}, children) : null, text ? /*#__PURE__*/React__default.createElement(TextWrapper$1, {
|
|
5607
5635
|
"data-testid": "impact-text"
|
|
@@ -5641,9 +5669,9 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
5641
5669
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
5642
5670
|
};
|
|
5643
5671
|
|
|
5644
|
-
var _templateObject$O, _templateObject2$
|
|
5672
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$d, _templateObject6$a;
|
|
5645
5673
|
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
5646
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5674
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
5647
5675
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
5648
5676
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
5649
5677
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
@@ -5698,7 +5726,7 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
5698
5726
|
}));
|
|
5699
5727
|
};
|
|
5700
5728
|
|
|
5701
|
-
var _templateObject$P, _templateObject2$
|
|
5729
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
|
5702
5730
|
var LENGTH_TEXT = 28;
|
|
5703
5731
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
5704
5732
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -5714,7 +5742,7 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$P ||
|
|
|
5714
5742
|
}, devices.mobile, function (asCard) {
|
|
5715
5743
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
5716
5744
|
});
|
|
5717
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
5745
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
5718
5746
|
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref3) {
|
|
5719
5747
|
var theme = _ref3.theme;
|
|
5720
5748
|
return theme.colors.black;
|
|
@@ -5766,13 +5794,12 @@ var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
|
5766
5794
|
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
5767
5795
|
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5768
5796
|
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5769
|
-
var
|
|
5770
|
-
var
|
|
5771
|
-
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref10) {
|
|
5797
|
+
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n font-size: var(--font-size-subtitle-2);\n }\n\n ", " {\n font-size: var(--font-size-overline-1);\n }\n\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet);
|
|
5798
|
+
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref10) {
|
|
5772
5799
|
var imageToLeft = _ref10.imageToLeft;
|
|
5773
5800
|
return imageToLeft ? 'left' : 'right';
|
|
5774
5801
|
}, devices.mobile);
|
|
5775
|
-
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(
|
|
5802
|
+
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n display: ", ";\n grid-area: row2;\n align-self: start;\n }\n }\n\n ", "\n"])), function (_ref11) {
|
|
5776
5803
|
var imageToLeft = _ref11.imageToLeft;
|
|
5777
5804
|
return imageToLeft ? 'right' : 'left';
|
|
5778
5805
|
}, devices.mobile, function (_ref12) {
|
|
@@ -5781,7 +5808,7 @@ var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObje
|
|
|
5781
5808
|
}, function (asCard) {
|
|
5782
5809
|
return asCard && asCardOverrides;
|
|
5783
5810
|
});
|
|
5784
|
-
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(
|
|
5811
|
+
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
5785
5812
|
|
|
5786
5813
|
var _excluded$j = ["text"],
|
|
5787
5814
|
_excluded2$3 = ["text"],
|
|
@@ -5865,14 +5892,12 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5865
5892
|
|
|
5866
5893
|
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$1);
|
|
5867
5894
|
var textTruncate = asCard ? truncate(text || '', LENGTH_TEXT_PARAGRAPH) : text;
|
|
5868
|
-
var textLinkItems = textLinks ? textLinks.map(function (link
|
|
5895
|
+
var textLinkItems = textLinks ? textLinks.map(function (link) {
|
|
5869
5896
|
var _link$text = link.text,
|
|
5870
5897
|
textLinkText = _link$text === void 0 ? '' : _link$text,
|
|
5871
5898
|
restTextLink = _objectWithoutPropertiesLoose(link, _excluded3);
|
|
5872
5899
|
|
|
5873
|
-
return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, {
|
|
5874
|
-
key: index
|
|
5875
|
-
}, /*#__PURE__*/React__default.createElement(PromoWithTagsTextLink, Object.assign({}, restTextLink), textLinkText));
|
|
5900
|
+
return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, Object.assign({}, restTextLink), textLinkText));
|
|
5876
5901
|
}) : null;
|
|
5877
5902
|
return /*#__PURE__*/React__default.createElement(PromoWithTagsGrid, {
|
|
5878
5903
|
id: anchorLink,
|
|
@@ -5947,7 +5972,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5947
5972
|
}))));
|
|
5948
5973
|
};
|
|
5949
5974
|
|
|
5950
|
-
var _templateObject$Q, _templateObject2$
|
|
5975
|
+
var _templateObject$Q, _templateObject2$z, _templateObject3$q, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$8;
|
|
5951
5976
|
var LENGTH_TEXT$2 = 28;
|
|
5952
5977
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
5953
5978
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
@@ -5957,7 +5982,7 @@ var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Q ||
|
|
|
5957
5982
|
var imageToLeft = _ref2.imageToLeft;
|
|
5958
5983
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
5959
5984
|
}, devices.mobile);
|
|
5960
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5985
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
5961
5986
|
var imageToLeft = _ref3.imageToLeft;
|
|
5962
5987
|
return imageToLeft ? 'left' : 'right';
|
|
5963
5988
|
}, devices.mobile);
|
|
@@ -6120,7 +6145,7 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
6120
6145
|
})));
|
|
6121
6146
|
};
|
|
6122
6147
|
|
|
6123
|
-
var _templateObject$T, _templateObject2$
|
|
6148
|
+
var _templateObject$T, _templateObject2$A;
|
|
6124
6149
|
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
6125
6150
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
6126
6151
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
@@ -6131,7 +6156,7 @@ var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$T || (_template
|
|
|
6131
6156
|
height = _ref2.height;
|
|
6132
6157
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
6133
6158
|
});
|
|
6134
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6159
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
6135
6160
|
|
|
6136
6161
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
6137
6162
|
var caption = _ref.caption,
|
|
@@ -6169,9 +6194,9 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
6169
6194
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
6170
6195
|
};
|
|
6171
6196
|
|
|
6172
|
-
var _templateObject$U, _templateObject2$
|
|
6197
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$r;
|
|
6173
6198
|
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
6174
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6199
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
6175
6200
|
var displayAttribution = _ref.displayAttribution;
|
|
6176
6201
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
6177
6202
|
});
|