@royaloperahouse/chord 2.1.0 → 2.1.1
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 +8 -0
- package/dist/chord.cjs.development.js +291 -943
- 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 +293 -938
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +3 -3
- package/dist/components/molecules/PageHeading/index.d.ts +1 -2
- package/dist/components/molecules/Pagination/Pagination.style.d.ts +2 -3
- package/dist/components/molecules/index.d.ts +2 -2
- package/dist/components/organisms/index.d.ts +1 -4
- package/dist/index.d.ts +2 -3
- package/package.json +2 -4
- package/dist/components/molecules/PageHeading/Highlight/Highlight.d.ts +0 -5
- package/dist/components/molecules/PageHeading/Highlight/Highlight.style.d.ts +0 -14
- package/dist/components/molecules/PageHeading/Highlight/index.d.ts +0 -2
- package/dist/components/organisms/Carousel/Carousel.d.ts +0 -5
- package/dist/components/organisms/Carousel/Carousel.style.d.ts +0 -6
- package/dist/components/organisms/Carousel/index.d.ts +0 -2
- package/dist/components/organisms/HighlightsCarousel/HighlightsCarousel.d.ts +0 -5
- package/dist/components/organisms/HighlightsCarousel/HighlightsCarousel.style.d.ts +0 -14
- package/dist/components/organisms/HighlightsCarousel/HighlightsCinema.d.ts +0 -4
- package/dist/components/organisms/HighlightsCarousel/HighlightsCore.d.ts +0 -4
- package/dist/components/organisms/HighlightsCarousel/HighlightsStream.d.ts +0 -4
- package/dist/components/organisms/HighlightsCarousel/index.d.ts +0 -5
- package/dist/components/organisms/MinimalCarousel/MinimalCarousel.d.ts +0 -5
- package/dist/components/organisms/MinimalCarousel/MinimalCarousel.style.d.ts +0 -4
- package/dist/components/organisms/MinimalCarousel/index.d.ts +0 -2
- package/dist/types/minimalCarousel.d.ts +0 -7
|
@@ -9,9 +9,6 @@ var React__default = _interopDefault(React);
|
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
var styled__default = _interopDefault(styled);
|
|
11
11
|
var moment = _interopDefault(require('moment'));
|
|
12
|
-
var swiperReact_js = require('swiper/react/swiper-react.js');
|
|
13
|
-
require('swiper/swiper-bundle.css');
|
|
14
|
-
var reactRouterDom = require('react-router-dom');
|
|
15
12
|
|
|
16
13
|
(function (Colors) {
|
|
17
14
|
Colors["White"] = "white";
|
|
@@ -5329,7 +5326,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5329
5326
|
};
|
|
5330
5327
|
}, [tabs, selectedItem, tabListRef]);
|
|
5331
5328
|
var tabsColumnStart = tabsOverflow ? !canScrollToLeft ? 2 : 1 : 3;
|
|
5332
|
-
var tabsColumnSpan = tabsOverflow ? !canScrollToLeft ? 14 : 15 :
|
|
5329
|
+
var tabsColumnSpan = tabsOverflow ? !canScrollToLeft ? 14 : 15 : 12;
|
|
5333
5330
|
|
|
5334
5331
|
var scrollToRight = function scrollToRight() {
|
|
5335
5332
|
if (tabListRef.current) {
|
|
@@ -5418,540 +5415,20 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5418
5415
|
})) : null) : null))));
|
|
5419
5416
|
};
|
|
5420
5417
|
|
|
5421
|
-
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f,
|
|
5422
|
-
var
|
|
5423
|
-
var overflow = _ref.overflow;
|
|
5424
|
-
return overflow ? "overflow: " + overflow : '';
|
|
5425
|
-
}, function (_ref2) {
|
|
5426
|
-
var type = _ref2.type,
|
|
5427
|
-
imagesHeightDesktop = _ref2.imagesHeightDesktop;
|
|
5428
|
-
|
|
5429
|
-
if (type !== exports.CarouselType.Image) {
|
|
5430
|
-
var numberOfGaps = type === exports.CarouselType.LargeCard ? 4 : 3;
|
|
5431
|
-
var numberOfColumns = type === exports.CarouselType.LargeCard ? 5 : 4;
|
|
5432
|
-
var gapsSpace = "calc(var(--grid-column-gap) * " + numberOfGaps + ")";
|
|
5433
|
-
var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
|
|
5434
|
-
var calcColumns = "calc(calc(80% - " + gapsInMainGraid + ") * " + numberOfColumns + " / 12)";
|
|
5435
|
-
return "\n & {\n .swiper-slide {\n width: calc(" + calcColumns + " + " + gapsSpace + " - 1px);\n margin-right: var(--grid-column-gap);\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n ";
|
|
5436
|
-
} else {
|
|
5437
|
-
return "\n & {\n .swiper-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n -webkit-transform: translate3d(0, 0, 0);\n\n > div {\n height: calc(" + imagesHeightDesktop + "px + var(--line-height-body-2) + 12px);\n }\n }\n }\n ";
|
|
5438
|
-
}
|
|
5439
|
-
}, devices.mobile, function (_ref3) {
|
|
5440
|
-
var active = _ref3.active,
|
|
5441
|
-
type = _ref3.type,
|
|
5442
|
-
imagesHeightDevice = _ref3.imagesHeightDevice;
|
|
5443
|
-
|
|
5444
|
-
if (type !== exports.CarouselType.Image) {
|
|
5445
|
-
var gapsSpace = 'calc(var(--grid-column-gap) * 9)';
|
|
5446
|
-
var numberOfColumns = 10;
|
|
5447
|
-
var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
|
|
5448
|
-
var mainGridWidth = 'calc(100% - calc(2 * var(--grid-margin)))';
|
|
5449
|
-
var columnWidth = "calc(calc(" + mainGridWidth + " - " + gapsInMainGraid + ") / 12)";
|
|
5450
|
-
var calcColumns = "calc(" + columnWidth + " * " + numberOfColumns + ")";
|
|
5451
|
-
var marginRight = active ? "calc(calc(var(--grid-column-gap) * 2) + " + columnWidth + ")" : "calc(calc(" + columnWidth + " * 2) + var(--grid-column-gap))";
|
|
5452
|
-
return "\n && {\n .swiper-slide {\n width: calc(" + calcColumns + " + " + gapsSpace + " - 1px);\n margin-right: " + marginRight + ";\n -webkit-transform: translate3d(0, 0, 0);\n }\n }";
|
|
5453
|
-
} else {
|
|
5454
|
-
return "\n &&& {\n .swiper-slide > div{\n height: calc(" + imagesHeightDevice + "px + var(--line-height-body-2) + 12px);\n }\n }";
|
|
5455
|
-
}
|
|
5456
|
-
});
|
|
5457
|
-
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
5458
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__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"])));
|
|
5459
|
-
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
5460
|
-
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
5461
|
-
|
|
5462
|
-
var Carousel = function Carousel(_ref) {
|
|
5463
|
-
var children = _ref.children,
|
|
5464
|
-
type = _ref.type,
|
|
5465
|
-
_ref$imagesHeightDesk = _ref.imagesHeightDesktop,
|
|
5466
|
-
imagesHeightDesktop = _ref$imagesHeightDesk === void 0 ? 500 : _ref$imagesHeightDesk,
|
|
5467
|
-
_ref$imagesHeightDevi = _ref.imagesHeightDevice,
|
|
5468
|
-
imagesHeightDevice = _ref$imagesHeightDevi === void 0 ? 300 : _ref$imagesHeightDevi,
|
|
5469
|
-
title = _ref.title,
|
|
5470
|
-
_ref$useOffset = _ref.useOffset,
|
|
5471
|
-
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset;
|
|
5472
|
-
|
|
5473
|
-
var _useState = React.useState(),
|
|
5474
|
-
swiper = _useState[0],
|
|
5475
|
-
setSwiper = _useState[1];
|
|
5476
|
-
|
|
5477
|
-
var _useState2 = React.useState(0),
|
|
5478
|
-
slidesOffsetBefore = _useState2[0],
|
|
5479
|
-
setSlidesOffsetBefore = _useState2[1];
|
|
5480
|
-
|
|
5481
|
-
var _useState3 = React.useState(false),
|
|
5482
|
-
loop = _useState3[0],
|
|
5483
|
-
setLoop = _useState3[1];
|
|
5484
|
-
|
|
5485
|
-
React.useEffect(function () {
|
|
5486
|
-
if (!useOffset) return;
|
|
5487
|
-
|
|
5488
|
-
var updateWindowDimensions = function updateWindowDimensions() {
|
|
5489
|
-
if (window.matchMedia(devices.mobile).matches) {
|
|
5490
|
-
setSlidesOffsetBefore(20); // Mobile margin grid
|
|
5491
|
-
} else if (window.matchMedia(devices.tablet).matches) {
|
|
5492
|
-
setSlidesOffsetBefore(32); // Tablet margin grid
|
|
5493
|
-
} else {
|
|
5494
|
-
setSlidesOffsetBefore(Math.floor(window.innerWidth * 0.1) - 3); // 10% of width
|
|
5495
|
-
}
|
|
5496
|
-
};
|
|
5497
|
-
|
|
5498
|
-
window.addEventListener('resize', updateWindowDimensions);
|
|
5499
|
-
updateWindowDimensions();
|
|
5500
|
-
return function () {
|
|
5501
|
-
window.removeEventListener('resize', updateWindowDimensions);
|
|
5502
|
-
};
|
|
5503
|
-
}, [useOffset]);
|
|
5504
|
-
React.useEffect(function () {
|
|
5505
|
-
return function () {
|
|
5506
|
-
if (swiper) {
|
|
5507
|
-
swiper.destroy();
|
|
5508
|
-
}
|
|
5509
|
-
};
|
|
5510
|
-
}, []);
|
|
5511
|
-
|
|
5512
|
-
var onNext = function onNext() {
|
|
5513
|
-
if (swiper) {
|
|
5514
|
-
swiper.slideNext();
|
|
5515
|
-
}
|
|
5516
|
-
};
|
|
5517
|
-
|
|
5518
|
-
var onPrev = function onPrev() {
|
|
5519
|
-
if (swiper) {
|
|
5520
|
-
swiper.slidePrev();
|
|
5521
|
-
}
|
|
5522
|
-
};
|
|
5523
|
-
|
|
5524
|
-
var onSwiper = function onSwiper(s) {
|
|
5525
|
-
s.on('beforeTransitionStart', function () {
|
|
5526
|
-
if (!loop) {
|
|
5527
|
-
setLoop(true);
|
|
5528
|
-
}
|
|
5529
|
-
});
|
|
5530
|
-
setSwiper(s);
|
|
5531
|
-
};
|
|
5532
|
-
|
|
5533
|
-
return /*#__PURE__*/React__default.createElement(CarouselWrapper, {
|
|
5534
|
-
active: loop,
|
|
5535
|
-
type: type,
|
|
5536
|
-
imagesHeightDevice: imagesHeightDevice,
|
|
5537
|
-
imagesHeightDesktop: imagesHeightDesktop
|
|
5538
|
-
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, null, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
5539
|
-
columnStartDesktop: useOffset ? 3 : 1,
|
|
5540
|
-
columnSpanDesktop: 10,
|
|
5541
|
-
columnStartDevice: 2,
|
|
5542
|
-
columnSpanDevice: 12
|
|
5543
|
-
}, title && /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
5544
|
-
"data-testid": "carousel-title-wrapper"
|
|
5545
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5546
|
-
level: 4
|
|
5547
|
-
}, title))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
5548
|
-
columnStartDesktop: useOffset ? 14 : 15,
|
|
5549
|
-
columnSpanDesktop: 2,
|
|
5550
|
-
columnStartDevice: useOffset ? 12 : 13,
|
|
5551
|
-
columnSpanDevice: 2
|
|
5552
|
-
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
5553
|
-
"data-testid": "carousel-buttons-wrapper"
|
|
5554
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
5555
|
-
onClickNext: onNext,
|
|
5556
|
-
onClickPrev: onPrev,
|
|
5557
|
-
availablePrev: loop
|
|
5558
|
-
})))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
5559
|
-
columnStartDesktop: 1,
|
|
5560
|
-
columnSpanDesktop: 16,
|
|
5561
|
-
columnStartDevice: 1,
|
|
5562
|
-
columnSpanDevice: 14
|
|
5563
|
-
}, /*#__PURE__*/React__default.createElement(swiperReact_js.Swiper, {
|
|
5564
|
-
slidesPerView: "auto",
|
|
5565
|
-
slidesOffsetBefore: slidesOffsetBefore,
|
|
5566
|
-
loop: loop,
|
|
5567
|
-
loopedSlides: React__default.Children.count(children),
|
|
5568
|
-
onSwiper: onSwiper,
|
|
5569
|
-
"data-testid": "carousel-swiper",
|
|
5570
|
-
className: 'roh-carousel-swiper'
|
|
5571
|
-
}, React__default.Children.map(children, function (child) {
|
|
5572
|
-
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, null, child);
|
|
5573
|
-
})))));
|
|
5574
|
-
};
|
|
5575
|
-
|
|
5576
|
-
var Theme = function Theme(_ref) {
|
|
5577
|
-
var children = _ref.children,
|
|
5578
|
-
theme = _ref.theme;
|
|
5579
|
-
var chosenTheme = themes[theme];
|
|
5580
|
-
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
5581
|
-
theme: chosenTheme
|
|
5582
|
-
}, children);
|
|
5583
|
-
};
|
|
5584
|
-
|
|
5585
|
-
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$b, _templateObject6$7, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
5586
|
-
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$H || (_templateObject$H = /*#__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);
|
|
5587
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__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) {
|
|
5588
|
-
var theme = _ref.theme;
|
|
5589
|
-
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
5590
|
-
}, function (_ref2) {
|
|
5591
|
-
var theme = _ref2.theme;
|
|
5592
|
-
return theme.fonts.mobile.weights.altHeaders[5];
|
|
5593
|
-
}, function (_ref3) {
|
|
5594
|
-
var theme = _ref3.theme;
|
|
5595
|
-
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
5596
|
-
}, devices.mobile);
|
|
5597
|
-
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5598
|
-
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5599
|
-
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h3 {\n padding: 0;\n margin: 0 0 8px 0;\n }\n\n h6 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n h3 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n\n h6 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n"])), devices.tablet, function (_ref4) {
|
|
5600
|
-
var theme = _ref4.theme;
|
|
5601
|
-
return theme.fonts.mobile.sizes.headers[3];
|
|
5602
|
-
}, function (_ref5) {
|
|
5603
|
-
var theme = _ref5.theme;
|
|
5604
|
-
return theme.fonts.mobile.weights.headers[3];
|
|
5605
|
-
}, function (_ref6) {
|
|
5606
|
-
var theme = _ref6.theme;
|
|
5607
|
-
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
5608
|
-
}, function (_ref7) {
|
|
5609
|
-
var theme = _ref7.theme;
|
|
5610
|
-
return theme.fonts.mobile.lineHeights.headers[3];
|
|
5611
|
-
}, function (_ref8) {
|
|
5612
|
-
var theme = _ref8.theme;
|
|
5613
|
-
return theme.fonts.mobile.sizes.subtitles[2];
|
|
5614
|
-
}, function (_ref9) {
|
|
5615
|
-
var theme = _ref9.theme;
|
|
5616
|
-
return theme.fonts.mobile.weights.subtitles[2];
|
|
5617
|
-
}, function (_ref10) {
|
|
5618
|
-
var theme = _ref10.theme;
|
|
5619
|
-
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
5620
|
-
}, function (_ref11) {
|
|
5621
|
-
var theme = _ref11.theme;
|
|
5622
|
-
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
5623
|
-
});
|
|
5624
|
-
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n h6 {\n padding: 0;\n margin: 0 0 4px 0;\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n\n h6 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n\n > div {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n h6 {\n margin: 0 0 8px 0;\n }\n }\n }\n"])), devices.tablet, function (_ref12) {
|
|
5625
|
-
var theme = _ref12.theme;
|
|
5626
|
-
return theme.fonts.mobile.sizes.subtitles[2];
|
|
5627
|
-
}, function (_ref13) {
|
|
5628
|
-
var theme = _ref13.theme;
|
|
5629
|
-
return theme.fonts.mobile.weights.subtitles[2];
|
|
5630
|
-
}, function (_ref14) {
|
|
5631
|
-
var theme = _ref14.theme;
|
|
5632
|
-
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
5633
|
-
}, function (_ref15) {
|
|
5634
|
-
var theme = _ref15.theme;
|
|
5635
|
-
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
5636
|
-
}, function (_ref16) {
|
|
5637
|
-
var theme = _ref16.theme;
|
|
5638
|
-
return theme.fonts.mobile.sizes.body[1];
|
|
5639
|
-
}, function (_ref17) {
|
|
5640
|
-
var theme = _ref17.theme;
|
|
5641
|
-
return theme.fonts.mobile.weights.body[1];
|
|
5642
|
-
}, function (_ref18) {
|
|
5643
|
-
var theme = _ref18.theme;
|
|
5644
|
-
return theme.fonts.mobile.letterSpacing.body[1];
|
|
5645
|
-
}, function (_ref19) {
|
|
5646
|
-
var theme = _ref19.theme;
|
|
5647
|
-
return theme.fonts.mobile.lineHeights.body[1];
|
|
5648
|
-
}, devices.mobile);
|
|
5649
|
-
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
|
|
5650
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swiper-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5651
|
-
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5652
|
-
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: flex;\n grid-area: 1 / 12 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n\n @media ", " {\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5653
|
-
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
5654
|
-
var FirstButtonComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 16px;\n\n @media ", " {\n & {\n display: flex;\n flex-direction: column;\n margin-right: 0;\n margin-bottom: 10px;\n }\n }\n"])), devices.mobile);
|
|
5655
|
-
var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobileAndTablet);
|
|
5656
|
-
var AdditionalInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n"])), devices.mobileAndTablet);
|
|
5657
|
-
|
|
5658
|
-
var TEXT_STYLE_HTML_TAGS_REGEXP = '<em>|</em>|<b>|</b>';
|
|
5659
|
-
var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
|
|
5660
|
-
return htmlString.replace(/<[^>]*>/g, '');
|
|
5661
|
-
};
|
|
5662
|
-
|
|
5663
|
-
var getAllMatches = function getAllMatches(str, regExp) {
|
|
5664
|
-
var allMatches = [];
|
|
5665
|
-
var match;
|
|
5666
|
-
|
|
5667
|
-
while (match = regExp.exec(str)) {
|
|
5668
|
-
allMatches.push({
|
|
5669
|
-
value: match[0],
|
|
5670
|
-
index: match.index
|
|
5671
|
-
});
|
|
5672
|
-
}
|
|
5673
|
-
|
|
5674
|
-
return allMatches;
|
|
5675
|
-
};
|
|
5676
|
-
|
|
5677
|
-
var insertString = function insertString(mainString, str, position) {
|
|
5678
|
-
return "" + mainString.substring(0, position) + str + mainString.substring(position);
|
|
5679
|
-
};
|
|
5680
|
-
|
|
5681
|
-
var insertHtmlTags = function insertHtmlTags(strWithTags, strWithoutTags, resultLength) {
|
|
5682
|
-
var htmlTagPositions = getAllMatches(strWithTags, new RegExp(TEXT_STYLE_HTML_TAGS_REGEXP, 'g'));
|
|
5683
|
-
var tagsLength = 0;
|
|
5684
|
-
var resultString = strWithoutTags;
|
|
5685
|
-
htmlTagPositions.forEach(function (tag) {
|
|
5686
|
-
resultString = insertString(resultString, tag.value, tag.index);
|
|
5687
|
-
if (tag.index - tagsLength <= resultLength) tagsLength += tag.value.length;
|
|
5688
|
-
});
|
|
5689
|
-
return {
|
|
5690
|
-
stringWithInsertedTags: resultString,
|
|
5691
|
-
tagsLength: tagsLength
|
|
5692
|
-
};
|
|
5693
|
-
};
|
|
5694
|
-
|
|
5695
|
-
var truncateHtmlString = function truncateHtmlString(str, resultLength, addDots) {
|
|
5696
|
-
if (addDots === void 0) {
|
|
5697
|
-
addDots = false;
|
|
5698
|
-
}
|
|
5699
|
-
|
|
5700
|
-
var strWithoutTags = stripAllHtmlTags(str);
|
|
5701
|
-
if (strWithoutTags.length <= resultLength) return str;
|
|
5702
|
-
|
|
5703
|
-
var _insertHtmlTags = insertHtmlTags(str, strWithoutTags, resultLength),
|
|
5704
|
-
stringWithInsertedTags = _insertHtmlTags.stringWithInsertedTags,
|
|
5705
|
-
tagsLength = _insertHtmlTags.tagsLength;
|
|
5706
|
-
|
|
5707
|
-
var truncatedString = stringWithInsertedTags.substring(0, resultLength + tagsLength);
|
|
5708
|
-
var isSpaceNext = strWithoutTags[resultLength] === ' ';
|
|
5709
|
-
if (!isSpaceNext) truncatedString = truncatedString.substring(0, truncatedString.lastIndexOf(' '));
|
|
5710
|
-
return addDots ? truncatedString + "..." : truncatedString;
|
|
5711
|
-
};
|
|
5712
|
-
var truncate = function truncate(str, n) {
|
|
5713
|
-
return str.length >= n ? str.substring(0, n) : str;
|
|
5714
|
-
};
|
|
5715
|
-
|
|
5716
|
-
var _excluded$a = ["text"],
|
|
5717
|
-
_excluded2 = ["text"];
|
|
5718
|
-
|
|
5719
|
-
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
5720
|
-
var _buttonTypeToButton;
|
|
5721
|
-
|
|
5722
|
-
var logo = _ref.logo,
|
|
5723
|
-
carouselTitle = _ref.carouselTitle,
|
|
5724
|
-
slides = _ref.slides;
|
|
5725
|
-
var images = React.useMemo(function () {
|
|
5726
|
-
return slides.map(function (_ref2) {
|
|
5727
|
-
var image = _ref2.image;
|
|
5728
|
-
return image;
|
|
5729
|
-
});
|
|
5730
|
-
}, []);
|
|
5731
|
-
|
|
5732
|
-
var _useState = React.useState(),
|
|
5733
|
-
swiper = _useState[0],
|
|
5734
|
-
setSwiper = _useState[1];
|
|
5735
|
-
|
|
5736
|
-
var _useState2 = React.useState(0),
|
|
5737
|
-
currentSlide = _useState2[0],
|
|
5738
|
-
setCurrentSlide = _useState2[1];
|
|
5739
|
-
|
|
5740
|
-
var _useState3 = React.useState([]),
|
|
5741
|
-
finishedTimers = _useState3[0],
|
|
5742
|
-
setFinishedTimers = _useState3[1];
|
|
5743
|
-
|
|
5744
|
-
var _slides$currentSlide = slides[currentSlide],
|
|
5745
|
-
links = _slides$currentSlide.links,
|
|
5746
|
-
infoText = _slides$currentSlide.infoText,
|
|
5747
|
-
infoTitle = _slides$currentSlide.infoTitle,
|
|
5748
|
-
infoTimeframe = _slides$currentSlide.infoTimeframe,
|
|
5749
|
-
infoSubtitle = _slides$currentSlide.infoSubtitle,
|
|
5750
|
-
timerParams = _slides$currentSlide.timerParams,
|
|
5751
|
-
additionalInfo = _slides$currentSlide.additionalInfo;
|
|
5752
|
-
var description = infoText ? truncateHtmlString(infoText, 185, true) : '';
|
|
5753
|
-
React.useEffect(function () {
|
|
5754
|
-
var slideChangeHandler = function slideChangeHandler(s) {
|
|
5755
|
-
return setCurrentSlide(s.realIndex);
|
|
5756
|
-
};
|
|
5757
|
-
|
|
5758
|
-
swiper == null ? void 0 : swiper.on('slideChangeTransitionStart', slideChangeHandler);
|
|
5759
|
-
return function () {
|
|
5760
|
-
return swiper == null ? void 0 : swiper.off('slideChangeTransitionStart', slideChangeHandler);
|
|
5761
|
-
};
|
|
5762
|
-
}, [swiper]);
|
|
5763
|
-
var firstButton = links == null ? void 0 : links[0];
|
|
5764
|
-
|
|
5765
|
-
var _ref3 = firstButton || {},
|
|
5766
|
-
_ref3$text = _ref3.text,
|
|
5767
|
-
firstButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
5768
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref3, _excluded$a);
|
|
5769
|
-
|
|
5770
|
-
var secondButton = links == null ? void 0 : links[1];
|
|
5771
|
-
|
|
5772
|
-
var _ref4 = secondButton || {},
|
|
5773
|
-
_ref4$text = _ref4.text,
|
|
5774
|
-
secondButtonText = _ref4$text === void 0 ? '' : _ref4$text,
|
|
5775
|
-
restSecondButton = _objectWithoutPropertiesLoose(_ref4, _excluded2);
|
|
5776
|
-
|
|
5777
|
-
var buttonTypeToButton = (_buttonTypeToButton = {}, _buttonTypeToButton[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton[exports.ButtonType.Tertiary] = Button$1, _buttonTypeToButton);
|
|
5778
|
-
var FirstButtonComponent = firstButton != null && firstButton.buttonType ? buttonTypeToButton[firstButton.buttonType] : PrimaryButton;
|
|
5779
|
-
var SecondButtonComponent = secondButton != null && secondButton.buttonType ? buttonTypeToButton[secondButton.buttonType] : SecondaryButton;
|
|
5780
|
-
|
|
5781
|
-
var onSwiper = function onSwiper(s) {
|
|
5782
|
-
setSwiper(s);
|
|
5783
|
-
};
|
|
5784
|
-
|
|
5785
|
-
var onNext = function onNext() {
|
|
5786
|
-
if (swiper && !swiper.animating) {
|
|
5787
|
-
swiper.slideNext();
|
|
5788
|
-
}
|
|
5789
|
-
};
|
|
5790
|
-
|
|
5791
|
-
var onPrev = function onPrev() {
|
|
5792
|
-
if (swiper && !swiper.animating) {
|
|
5793
|
-
swiper.slidePrev();
|
|
5794
|
-
}
|
|
5795
|
-
};
|
|
5796
|
-
|
|
5797
|
-
var hasMultipleImages = images.length > 1;
|
|
5798
|
-
return /*#__PURE__*/React__default.createElement(HighlightsGrid, {
|
|
5799
|
-
onClick: function onClick(e) {
|
|
5800
|
-
return e.stopPropagation();
|
|
5801
|
-
}
|
|
5802
|
-
}, /*#__PURE__*/React__default.createElement(CarouselTitleWrapper, {
|
|
5803
|
-
"data-testid": "carousel-title"
|
|
5804
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5805
|
-
level: 4
|
|
5806
|
-
}, carouselTitle), /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5807
|
-
level: 5
|
|
5808
|
-
}, carouselTitle)), hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
5809
|
-
onClickNext: onNext,
|
|
5810
|
-
onClickPrev: onPrev
|
|
5811
|
-
})), /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
5812
|
-
"data-testid": "info-wrapper"
|
|
5813
|
-
}, timerParams && /*#__PURE__*/React__default.createElement(TimerWrapper$1, {
|
|
5814
|
-
"data-testid": "hightlight-carousel-timer-wrapper"
|
|
5815
|
-
}, finishedTimers.includes(currentSlide) ? /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5816
|
-
level: 5
|
|
5817
|
-
}, timerParams.endDateText) : /*#__PURE__*/React__default.createElement(Timer, {
|
|
5818
|
-
color: exports.Colors.White,
|
|
5819
|
-
endDateHandler: function endDateHandler() {
|
|
5820
|
-
return setFinishedTimers([].concat(finishedTimers, [currentSlide]));
|
|
5821
|
-
},
|
|
5822
|
-
endDate: timerParams.endDate,
|
|
5823
|
-
title: timerParams.title
|
|
5824
|
-
})), logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
5825
|
-
level: 3
|
|
5826
|
-
}, infoTitle), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
5827
|
-
level: 2,
|
|
5828
|
-
tag: "h6"
|
|
5829
|
-
}, infoTimeframe)), /*#__PURE__*/React__default.createElement(InfoTextWrapper, null, /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
5830
|
-
level: 2,
|
|
5831
|
-
tag: "h6"
|
|
5832
|
-
}, infoSubtitle), /*#__PURE__*/React__default.createElement(BodyText, {
|
|
5833
|
-
level: 1
|
|
5834
|
-
}, /*#__PURE__*/React__default.createElement(HtmlBodyText, {
|
|
5835
|
-
dangerouslySetInnerHTML: {
|
|
5836
|
-
__html: description
|
|
5837
|
-
}
|
|
5838
|
-
})), additionalInfo && /*#__PURE__*/React__default.createElement(AdditionalInfoWrapper, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5839
|
-
level: 5
|
|
5840
|
-
}, additionalInfo))), /*#__PURE__*/React__default.createElement(InfoLinkWrapper, null, (firstButton == null ? void 0 : firstButton.text) && /*#__PURE__*/React__default.createElement(FirstButtonComponentWrapper, null, /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), firstButtonText)), (secondButton == null ? void 0 : secondButton.text) && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), secondButtonText))), /*#__PURE__*/React__default.createElement(CarouselWrapper$1, {
|
|
5841
|
-
"data-testid": "carousel-wrapper"
|
|
5842
|
-
}, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper, {
|
|
5843
|
-
"data-testid": "rotator-buttons"
|
|
5844
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
5845
|
-
onClickNext: onNext,
|
|
5846
|
-
onClickPrev: onPrev
|
|
5847
|
-
})), /*#__PURE__*/React__default.createElement(swiperReact_js.Swiper, {
|
|
5848
|
-
slidesPerView: "auto",
|
|
5849
|
-
loop: hasMultipleImages,
|
|
5850
|
-
loopedSlides: images.length,
|
|
5851
|
-
onSwiper: onSwiper
|
|
5852
|
-
}, images.map(function (image) {
|
|
5853
|
-
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, {
|
|
5854
|
-
key: image.key
|
|
5855
|
-
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5856
|
-
aspectRatio: exports.AspectRatio['4:3']
|
|
5857
|
-
}, /*#__PURE__*/React__default.createElement("img", Object.assign({}, image))));
|
|
5858
|
-
}))));
|
|
5859
|
-
};
|
|
5860
|
-
|
|
5861
|
-
var _excluded$b = ["logo", "slides"];
|
|
5862
|
-
|
|
5863
|
-
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
5864
|
-
var logo = _ref.logo,
|
|
5865
|
-
slides = _ref.slides,
|
|
5866
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
|
|
5867
|
-
|
|
5868
|
-
var cinemaLink = {
|
|
5869
|
-
color: exports.Colors.Cinema,
|
|
5870
|
-
bgColor: exports.Colors.White
|
|
5871
|
-
};
|
|
5872
|
-
var newSlides = slides.map(function (slide) {
|
|
5873
|
-
var _slide$links$1$color, _slide$links$;
|
|
5874
|
-
|
|
5875
|
-
var links = [_extends({}, slide.links[0], cinemaLink)];
|
|
5876
|
-
if (slide.links[1]) links.push(_extends({}, slide.links[1], {
|
|
5877
|
-
color: (_slide$links$1$color = (_slide$links$ = slide.links[1]) == null ? void 0 : _slide$links$.color) != null ? _slide$links$1$color : exports.Colors.White
|
|
5878
|
-
}));
|
|
5879
|
-
return _extends({}, slide, {
|
|
5880
|
-
links: links
|
|
5881
|
-
});
|
|
5882
|
-
});
|
|
5883
|
-
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
5884
|
-
theme: exports.ThemeType.Cinema
|
|
5885
|
-
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
5886
|
-
slides: newSlides,
|
|
5887
|
-
logo: logo ? /*#__PURE__*/React__default.createElement(CinemaBadge, null) : null
|
|
5888
|
-
})));
|
|
5889
|
-
};
|
|
5890
|
-
|
|
5891
|
-
var _excluded$c = ["slides"];
|
|
5892
|
-
|
|
5893
|
-
var HighlightsCore = function HighlightsCore(_ref) {
|
|
5894
|
-
var slides = _ref.slides,
|
|
5895
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
|
|
5896
|
-
|
|
5897
|
-
var newSlides = slides.map(function (slide) {
|
|
5898
|
-
var _slide$links$1$color, _slide$links$;
|
|
5899
|
-
|
|
5900
|
-
var links = [_extends({}, slide.links[0])];
|
|
5901
|
-
if (slide.links[1]) links.push(_extends({}, slide.links[1], {
|
|
5902
|
-
color: (_slide$links$1$color = (_slide$links$ = slide.links[1]) == null ? void 0 : _slide$links$.color) != null ? _slide$links$1$color : exports.Colors.White
|
|
5903
|
-
}));
|
|
5904
|
-
return _extends({}, slide, {
|
|
5905
|
-
links: links
|
|
5906
|
-
});
|
|
5907
|
-
});
|
|
5908
|
-
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
5909
|
-
theme: exports.ThemeType.Core
|
|
5910
|
-
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
5911
|
-
slides: newSlides
|
|
5912
|
-
})));
|
|
5913
|
-
};
|
|
5914
|
-
|
|
5915
|
-
var _excluded$d = ["logo", "slides"];
|
|
5916
|
-
|
|
5917
|
-
var HighlightsStream = function HighlightsStream(_ref) {
|
|
5918
|
-
var logo = _ref.logo,
|
|
5919
|
-
slides = _ref.slides,
|
|
5920
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
5921
|
-
|
|
5922
|
-
var newSlides = slides.map(function (slide) {
|
|
5923
|
-
var _slide$links$1$color, _slide$links$;
|
|
5924
|
-
|
|
5925
|
-
var links = [_extends({}, slide.links[0])];
|
|
5926
|
-
if (slide.links[1]) links.push(_extends({}, slide.links[1], {
|
|
5927
|
-
color: (_slide$links$1$color = (_slide$links$ = slide.links[1]) == null ? void 0 : _slide$links$.color) != null ? _slide$links$1$color : exports.Colors.White
|
|
5928
|
-
}));
|
|
5929
|
-
return _extends({}, slide, {
|
|
5930
|
-
links: links
|
|
5931
|
-
});
|
|
5932
|
-
});
|
|
5933
|
-
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
5934
|
-
theme: exports.ThemeType.Stream
|
|
5935
|
-
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
5936
|
-
slides: newSlides,
|
|
5937
|
-
logo: logo ? /*#__PURE__*/React__default.createElement(StreamBadge, null) : null
|
|
5938
|
-
})));
|
|
5939
|
-
};
|
|
5940
|
-
|
|
5941
|
-
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
5942
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
5418
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject6$7, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1;
|
|
5419
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
5943
5420
|
var sticky = _ref.sticky;
|
|
5944
5421
|
return sticky ? 'sticky' : 'initial';
|
|
5945
5422
|
}, zIndexes.anchor);
|
|
5946
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
5947
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5423
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
5424
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__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) {
|
|
5948
5425
|
var title = _ref2.title;
|
|
5949
5426
|
return title ? 'row' : 'row-reverse';
|
|
5950
5427
|
}, devices.tablet, devices.mobile);
|
|
5951
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5952
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5953
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5954
|
-
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$
|
|
5428
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
5429
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
5430
|
+
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
5431
|
+
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
5955
5432
|
var theme = _ref3.theme;
|
|
5956
5433
|
return theme.colors.primaryButtonReverseBg;
|
|
5957
5434
|
}, function (_ref4) {
|
|
@@ -5964,11 +5441,11 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
|
|
|
5964
5441
|
var theme = _ref6.theme;
|
|
5965
5442
|
return theme.colors.primaryButtonReverse;
|
|
5966
5443
|
});
|
|
5967
|
-
var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
5968
|
-
var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
5444
|
+
var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: var(--grid-outer-margin);\n height: var(--button-height);\n\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n margin-right: var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
5445
|
+
var MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h6 {\n margin: 0;\n padding: 0;\n }\n display: none;\n\n @media ", " {\n & {\n display: flex;\n align-items: center;\n margin-left: var(--grid-margin);\n padding: 12px 0;\n }\n }\n"])), devices.mobile);
|
|
5969
5446
|
|
|
5970
|
-
var _excluded$
|
|
5971
|
-
_excluded2
|
|
5447
|
+
var _excluded$a = ["text"],
|
|
5448
|
+
_excluded2 = ["text"];
|
|
5972
5449
|
|
|
5973
5450
|
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
5974
5451
|
var title = _ref.title,
|
|
@@ -5979,11 +5456,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5979
5456
|
|
|
5980
5457
|
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
5981
5458
|
primaryButtonText = _ref2.text,
|
|
5982
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
5459
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$a);
|
|
5983
5460
|
|
|
5984
5461
|
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
5985
5462
|
secondaryButtonText = _ref3.text,
|
|
5986
|
-
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2
|
|
5463
|
+
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2);
|
|
5987
5464
|
|
|
5988
5465
|
return /*#__PURE__*/React__default.createElement(TitleCTAGridWrapper, {
|
|
5989
5466
|
sticky: sticky
|
|
@@ -6002,18 +5479,18 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6002
5479
|
}, message)));
|
|
6003
5480
|
};
|
|
6004
5481
|
|
|
6005
|
-
var _templateObject$
|
|
6006
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6007
|
-
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6008
|
-
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5482
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
5483
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
5484
|
+
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
5485
|
+
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
6009
5486
|
var theme = _ref.theme;
|
|
6010
5487
|
return theme.colors.primary;
|
|
6011
5488
|
}, exports.Colors.White);
|
|
6012
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6013
|
-
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6014
|
-
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6015
|
-
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6016
|
-
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
5489
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
5490
|
+
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
5491
|
+
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
5492
|
+
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
5493
|
+
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
6017
5494
|
|
|
6018
5495
|
var OfferText = function OfferText(_ref) {
|
|
6019
5496
|
var title = _ref.title,
|
|
@@ -6083,8 +5560,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
6083
5560
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
6084
5561
|
};
|
|
6085
5562
|
|
|
6086
|
-
var _templateObject$
|
|
6087
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5563
|
+
var _templateObject$I;
|
|
5564
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
6088
5565
|
|
|
6089
5566
|
var UpsellCards = function UpsellCards(_ref) {
|
|
6090
5567
|
var upsellCards = _ref.upsellCards;
|
|
@@ -6102,20 +5579,20 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
6102
5579
|
}));
|
|
6103
5580
|
};
|
|
6104
5581
|
|
|
6105
|
-
var _templateObject$
|
|
6106
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5582
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m;
|
|
5583
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
6107
5584
|
var theme = _ref.theme;
|
|
6108
5585
|
return theme.colors.primary;
|
|
6109
5586
|
}, devices.mobile, devices.tablet);
|
|
6110
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6111
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5587
|
+
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
5588
|
+
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
6112
5589
|
|
|
6113
|
-
var _templateObject$
|
|
6114
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6115
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6116
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6117
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6118
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5590
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$h, _templateObject5$b;
|
|
5591
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
5592
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
5593
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
5594
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__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);
|
|
5595
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__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"])));
|
|
6119
5596
|
|
|
6120
5597
|
var Accordion = function Accordion(_ref) {
|
|
6121
5598
|
var _ref$title = _ref.title,
|
|
@@ -6196,8 +5673,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
6196
5673
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
6197
5674
|
};
|
|
6198
5675
|
|
|
6199
|
-
var _templateObject$
|
|
6200
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5676
|
+
var _templateObject$L;
|
|
5677
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
6201
5678
|
|
|
6202
5679
|
var Accordions = function Accordions(_ref) {
|
|
6203
5680
|
var _ref$items = _ref.items,
|
|
@@ -6217,13 +5694,22 @@ var Accordions = function Accordions(_ref) {
|
|
|
6217
5694
|
}));
|
|
6218
5695
|
};
|
|
6219
5696
|
|
|
6220
|
-
var
|
|
6221
|
-
var
|
|
5697
|
+
var Theme = function Theme(_ref) {
|
|
5698
|
+
var children = _ref.children,
|
|
5699
|
+
theme = _ref.theme;
|
|
5700
|
+
var chosenTheme = themes[theme];
|
|
5701
|
+
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
5702
|
+
theme: chosenTheme
|
|
5703
|
+
}, children);
|
|
5704
|
+
};
|
|
5705
|
+
|
|
5706
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
5707
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__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) {
|
|
6222
5708
|
var theme = _ref.theme;
|
|
6223
5709
|
return theme.colors.primary;
|
|
6224
5710
|
}, devices.mobile);
|
|
6225
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6226
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5711
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__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);
|
|
5712
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__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"])));
|
|
6227
5713
|
|
|
6228
5714
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
6229
5715
|
var title = _ref.title,
|
|
@@ -6260,48 +5746,48 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6260
5746
|
}))))));
|
|
6261
5747
|
};
|
|
6262
5748
|
|
|
6263
|
-
var _templateObject$
|
|
5749
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$i, _templateObject5$c, _templateObject6$9, _templateObject7$7, _templateObject8$5, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12;
|
|
6264
5750
|
var LENGTH_LARGE_TEXT = 28;
|
|
6265
5751
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6266
5752
|
var LENGTH_TEXT_TABLET = 10;
|
|
6267
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5753
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
6268
5754
|
var isCardClickable = _ref.isCardClickable;
|
|
6269
5755
|
return isCardClickable ? 'pointer' : 'default';
|
|
6270
5756
|
}, function (_ref2) {
|
|
6271
5757
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
6272
5758
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
6273
5759
|
});
|
|
6274
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5760
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref3) {
|
|
6275
5761
|
var lineColor = _ref3.lineColor,
|
|
6276
5762
|
theme = _ref3.theme;
|
|
6277
5763
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
6278
5764
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
6279
5765
|
}, zIndexes.contentOverlay);
|
|
6280
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6281
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5766
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
5767
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__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 (_ref4) {
|
|
6282
5768
|
var fullWidth = _ref4.fullWidth;
|
|
6283
5769
|
return fullWidth ? '0' : '20px';
|
|
6284
5770
|
}, function (_ref5) {
|
|
6285
5771
|
var fullWidth = _ref5.fullWidth;
|
|
6286
5772
|
return fullWidth ? '0' : '20px';
|
|
6287
5773
|
});
|
|
6288
|
-
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6289
|
-
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6290
|
-
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6291
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$
|
|
6292
|
-
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
5774
|
+
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
5775
|
+
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
|
|
5776
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__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-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
5777
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject8$5 || (_templateObject8$5 = /*#__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-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 display: block;\n overflow-wrap: break-word;\n"])));
|
|
5778
|
+
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 30px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref6) {
|
|
6293
5779
|
var isVisible = _ref6.isVisible;
|
|
6294
5780
|
return isVisible ? "visible" : 'hidden';
|
|
6295
5781
|
}, devices.mobile, function (_ref7) {
|
|
6296
5782
|
var isGridCard = _ref7.isGridCard;
|
|
6297
5783
|
return isGridCard ? '20px' : '0';
|
|
6298
5784
|
});
|
|
6299
|
-
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
5785
|
+
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 8px;\n background-color: ", ";\n color: var(--base-color-white);\n"])), function (_ref8) {
|
|
6300
5786
|
var bgColor = _ref8.bgColor,
|
|
6301
5787
|
theme = _ref8.theme;
|
|
6302
5788
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
6303
5789
|
});
|
|
6304
|
-
var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
5790
|
+
var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
|
|
6305
5791
|
|
|
6306
5792
|
var getButtonsOpacity = function getButtonsOpacity(_ref9) {
|
|
6307
5793
|
var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
|
|
@@ -6313,7 +5799,7 @@ var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
|
|
|
6313
5799
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
6314
5800
|
};
|
|
6315
5801
|
|
|
6316
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject12
|
|
5802
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n ", ";\n margin-left: ", ";\n margin-right: ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), getButtonsOpacity, function (_ref11) {
|
|
6317
5803
|
var size = _ref11.size,
|
|
6318
5804
|
primaryButtonTextLength = _ref11.primaryButtonTextLength,
|
|
6319
5805
|
tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
|
|
@@ -6342,8 +5828,66 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject12$1 ||
|
|
|
6342
5828
|
return '';
|
|
6343
5829
|
});
|
|
6344
5830
|
|
|
6345
|
-
var
|
|
6346
|
-
|
|
5831
|
+
var TEXT_STYLE_HTML_TAGS_REGEXP = '<em>|</em>|<b>|</b>';
|
|
5832
|
+
var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
|
|
5833
|
+
return htmlString.replace(/<[^>]*>/g, '');
|
|
5834
|
+
};
|
|
5835
|
+
|
|
5836
|
+
var getAllMatches = function getAllMatches(str, regExp) {
|
|
5837
|
+
var allMatches = [];
|
|
5838
|
+
var match;
|
|
5839
|
+
|
|
5840
|
+
while (match = regExp.exec(str)) {
|
|
5841
|
+
allMatches.push({
|
|
5842
|
+
value: match[0],
|
|
5843
|
+
index: match.index
|
|
5844
|
+
});
|
|
5845
|
+
}
|
|
5846
|
+
|
|
5847
|
+
return allMatches;
|
|
5848
|
+
};
|
|
5849
|
+
|
|
5850
|
+
var insertString = function insertString(mainString, str, position) {
|
|
5851
|
+
return "" + mainString.substring(0, position) + str + mainString.substring(position);
|
|
5852
|
+
};
|
|
5853
|
+
|
|
5854
|
+
var insertHtmlTags = function insertHtmlTags(strWithTags, strWithoutTags, resultLength) {
|
|
5855
|
+
var htmlTagPositions = getAllMatches(strWithTags, new RegExp(TEXT_STYLE_HTML_TAGS_REGEXP, 'g'));
|
|
5856
|
+
var tagsLength = 0;
|
|
5857
|
+
var resultString = strWithoutTags;
|
|
5858
|
+
htmlTagPositions.forEach(function (tag) {
|
|
5859
|
+
resultString = insertString(resultString, tag.value, tag.index);
|
|
5860
|
+
if (tag.index - tagsLength <= resultLength) tagsLength += tag.value.length;
|
|
5861
|
+
});
|
|
5862
|
+
return {
|
|
5863
|
+
stringWithInsertedTags: resultString,
|
|
5864
|
+
tagsLength: tagsLength
|
|
5865
|
+
};
|
|
5866
|
+
};
|
|
5867
|
+
|
|
5868
|
+
var truncateHtmlString = function truncateHtmlString(str, resultLength, addDots) {
|
|
5869
|
+
if (addDots === void 0) {
|
|
5870
|
+
addDots = false;
|
|
5871
|
+
}
|
|
5872
|
+
|
|
5873
|
+
var strWithoutTags = stripAllHtmlTags(str);
|
|
5874
|
+
if (strWithoutTags.length <= resultLength) return str;
|
|
5875
|
+
|
|
5876
|
+
var _insertHtmlTags = insertHtmlTags(str, strWithoutTags, resultLength),
|
|
5877
|
+
stringWithInsertedTags = _insertHtmlTags.stringWithInsertedTags,
|
|
5878
|
+
tagsLength = _insertHtmlTags.tagsLength;
|
|
5879
|
+
|
|
5880
|
+
var truncatedString = stringWithInsertedTags.substring(0, resultLength + tagsLength);
|
|
5881
|
+
var isSpaceNext = strWithoutTags[resultLength] === ' ';
|
|
5882
|
+
if (!isSpaceNext) truncatedString = truncatedString.substring(0, truncatedString.lastIndexOf(' '));
|
|
5883
|
+
return addDots ? truncatedString + "..." : truncatedString;
|
|
5884
|
+
};
|
|
5885
|
+
var truncate = function truncate(str, n) {
|
|
5886
|
+
return str.length >= n ? str.substring(0, n) : str;
|
|
5887
|
+
};
|
|
5888
|
+
|
|
5889
|
+
var _excluded$b = ["text"],
|
|
5890
|
+
_excluded2$1 = ["text"];
|
|
6347
5891
|
|
|
6348
5892
|
var _buttonTypeToButton;
|
|
6349
5893
|
var LENGTH_LARGE_TEXT$1 = 28;
|
|
@@ -6395,7 +5939,7 @@ var Card = function Card(_ref) {
|
|
|
6395
5939
|
var _ref2 = firstButton || {},
|
|
6396
5940
|
_ref2$text = _ref2.text,
|
|
6397
5941
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6398
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
5942
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$b);
|
|
6399
5943
|
|
|
6400
5944
|
var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
|
|
6401
5945
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -6403,7 +5947,7 @@ var Card = function Card(_ref) {
|
|
|
6403
5947
|
var _ref3 = secondButton || {},
|
|
6404
5948
|
_ref3$text = _ref3.text,
|
|
6405
5949
|
secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
6406
|
-
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
5950
|
+
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
|
|
6407
5951
|
|
|
6408
5952
|
var tertiaryButtonTextTruncate = size === 'small' ? truncate(secondButtonText, LENGTH_SMALL_TEXT$2) : truncate(secondButtonText, LENGTH_LARGE_TEXT$1);
|
|
6409
5953
|
|
|
@@ -6483,9 +6027,9 @@ var Card = function Card(_ref) {
|
|
|
6483
6027
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6484
6028
|
};
|
|
6485
6029
|
|
|
6486
|
-
var _templateObject$
|
|
6487
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6488
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
6030
|
+
var _templateObject$O, _templateObject2$x;
|
|
6031
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
6032
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6489
6033
|
|
|
6490
6034
|
var Cards = function Cards(_ref) {
|
|
6491
6035
|
var cards = _ref.cards,
|
|
@@ -6528,18 +6072,18 @@ var Cards = function Cards(_ref) {
|
|
|
6528
6072
|
}));
|
|
6529
6073
|
};
|
|
6530
6074
|
|
|
6531
|
-
var _templateObject$
|
|
6532
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6533
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6075
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$q, _templateObject4$j, _templateObject5$d;
|
|
6076
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__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);
|
|
6077
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__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) {
|
|
6534
6078
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6535
6079
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6536
6080
|
}, function (_ref2) {
|
|
6537
6081
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
6538
6082
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6539
6083
|
}, devices.mobileAndTablet);
|
|
6540
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6541
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6542
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6084
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6085
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
6086
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n\n @media ", " {\n flex-direction: column;\n margin: 4px 0;\n }\n\n a {\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-black);\n text-decoration: underline;\n\n &:before {\n display: inline-block;\n content: '';\n background-color: var(--base-color-black);\n width: 1px;\n height: 18px;\n margin: 0 8px -4px;\n\n @media ", " {\n display: none;\n }\n }\n\n &:first-child:before {\n display: none;\n }\n }\n"])), devices.mobile, devices.mobile);
|
|
6543
6087
|
|
|
6544
6088
|
var divideAddressString = function divideAddressString(address) {
|
|
6545
6089
|
return address.split(',').map(function (chunk) {
|
|
@@ -6596,18 +6140,18 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6596
6140
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6597
6141
|
};
|
|
6598
6142
|
|
|
6599
|
-
var _templateObject$
|
|
6600
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
6601
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$
|
|
6143
|
+
var _templateObject$Q, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$e, _templateObject6$a, _templateObject7$8;
|
|
6144
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6145
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
6602
6146
|
return props.clickable ? 'pointer' : 'default';
|
|
6603
6147
|
}, devices.mobile);
|
|
6604
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6605
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6148
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
6149
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 22px;\n\n & > * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n gap: 12px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
6606
6150
|
return props.showImage ? 2 : '1 / span 4';
|
|
6607
6151
|
}, devices.mobile);
|
|
6608
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6609
|
-
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6610
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6152
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
6153
|
+
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
6154
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
6611
6155
|
return !!props.truncate && "\n overflow: hidden;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: " + props.truncate + ";\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n min-height: 1em;\n max-height: 3em;\n ";
|
|
6612
6156
|
});
|
|
6613
6157
|
|
|
@@ -6679,21 +6223,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6679
6223
|
}), link.text)));
|
|
6680
6224
|
};
|
|
6681
6225
|
|
|
6682
|
-
var _templateObject$
|
|
6683
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6226
|
+
var _templateObject$R, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
|
|
6227
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__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) {
|
|
6684
6228
|
var imageToLeft = _ref.imageToLeft;
|
|
6685
6229
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6686
6230
|
}, devices.mobile);
|
|
6687
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6231
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
6688
6232
|
var imageToLeft = _ref2.imageToLeft;
|
|
6689
6233
|
return imageToLeft ? 'left' : 'right';
|
|
6690
6234
|
}, devices.mobile);
|
|
6691
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6235
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
6692
6236
|
var imageToLeft = _ref3.imageToLeft;
|
|
6693
6237
|
return imageToLeft ? 'right' : 'left';
|
|
6694
6238
|
}, devices.mobile);
|
|
6695
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
6696
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6239
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$l || (_templateObject4$l = /*#__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"])));
|
|
6240
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__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 em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
6697
6241
|
|
|
6698
6242
|
var Editorial = function Editorial(_ref) {
|
|
6699
6243
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -6757,10 +6301,10 @@ var BackgroundColour;
|
|
|
6757
6301
|
BackgroundColour["White"] = "white";
|
|
6758
6302
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6759
6303
|
|
|
6760
|
-
var _templateObject$
|
|
6761
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
6762
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
6763
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
6304
|
+
var _templateObject$S, _templateObject2$B, _templateObject3$t, _templateObject4$m;
|
|
6305
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$S || (_templateObject$S = /*#__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"])));
|
|
6306
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6307
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6764
6308
|
if (!props.infoThemed) {
|
|
6765
6309
|
return;
|
|
6766
6310
|
} else {
|
|
@@ -6771,7 +6315,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (
|
|
|
6771
6315
|
}
|
|
6772
6316
|
}
|
|
6773
6317
|
});
|
|
6774
|
-
var InfoWrapper
|
|
6318
|
+
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
6775
6319
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
6776
6320
|
}, function (props) {
|
|
6777
6321
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -6856,7 +6400,7 @@ var Information = function Information(_ref) {
|
|
|
6856
6400
|
var maxTitleWordLength = Math.max.apply(Math, titleWordLengths);
|
|
6857
6401
|
var titleColumnSpan = getColumnSpan(title.variant, title.textSize, maxTitleWordLength);
|
|
6858
6402
|
var bgColour = background != null ? background : BackgroundColour.White;
|
|
6859
|
-
return /*#__PURE__*/React__default.createElement(InfoWrapper
|
|
6403
|
+
return /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
6860
6404
|
background: bgColour,
|
|
6861
6405
|
"data-testid": "infoWrapper"
|
|
6862
6406
|
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
@@ -6884,29 +6428,29 @@ var Information = function Information(_ref) {
|
|
|
6884
6428
|
}))));
|
|
6885
6429
|
};
|
|
6886
6430
|
|
|
6887
|
-
var _templateObject$
|
|
6888
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6431
|
+
var _templateObject$T, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$g, _templateObject6$b, _templateObject7$9, _templateObject8$6;
|
|
6432
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__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) {
|
|
6889
6433
|
var theme = _ref.theme;
|
|
6890
6434
|
return theme.colors.primary;
|
|
6891
6435
|
}, function (_ref2) {
|
|
6892
6436
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
6893
6437
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
6894
6438
|
}, devices.mobile);
|
|
6895
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6896
|
-
var TitleWrapper$
|
|
6439
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$C || (_templateObject2$C = /*#__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);
|
|
6440
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__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) {
|
|
6897
6441
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
6898
6442
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
6899
6443
|
}, devices.mobile);
|
|
6900
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6444
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__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) {
|
|
6901
6445
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
6902
6446
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
6903
6447
|
}, devices.mobile);
|
|
6904
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6905
|
-
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6906
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
6907
|
-
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6448
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__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"])));
|
|
6449
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__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);
|
|
6450
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__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);
|
|
6451
|
+
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
6908
6452
|
|
|
6909
|
-
var _excluded$
|
|
6453
|
+
var _excluded$c = ["text"];
|
|
6910
6454
|
|
|
6911
6455
|
var PageHeading = function PageHeading(_ref) {
|
|
6912
6456
|
var title = _ref.title,
|
|
@@ -6918,7 +6462,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6918
6462
|
|
|
6919
6463
|
var _ref2 = link || {},
|
|
6920
6464
|
linkText = _ref2.text,
|
|
6921
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6465
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
|
|
6922
6466
|
|
|
6923
6467
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
6924
6468
|
var truncatedTitle = title && title.substring(0, 40);
|
|
@@ -6926,7 +6470,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6926
6470
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
6927
6471
|
"data-testid": "page-heading-wrapper",
|
|
6928
6472
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
6929
|
-
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
6473
|
+
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
6930
6474
|
"data-testid": "page-heading-title",
|
|
6931
6475
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
6932
6476
|
}, children ? /*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
@@ -6946,11 +6490,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6946
6490
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
6947
6491
|
};
|
|
6948
6492
|
|
|
6949
|
-
var _excluded$
|
|
6493
|
+
var _excluded$d = ["link"];
|
|
6950
6494
|
|
|
6951
6495
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
6952
6496
|
var link = _ref.link,
|
|
6953
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6497
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
6954
6498
|
|
|
6955
6499
|
var coreLink = link && _extends({}, link, {
|
|
6956
6500
|
color: exports.Colors.White,
|
|
@@ -6964,11 +6508,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
6964
6508
|
})));
|
|
6965
6509
|
};
|
|
6966
6510
|
|
|
6967
|
-
var _excluded$
|
|
6511
|
+
var _excluded$e = ["link"];
|
|
6968
6512
|
|
|
6969
6513
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
6970
6514
|
var link = _ref.link,
|
|
6971
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6515
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
|
|
6972
6516
|
|
|
6973
6517
|
var cinemaLink = link && _extends({}, link, {
|
|
6974
6518
|
color: exports.Colors.Black,
|
|
@@ -6982,142 +6526,17 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6982
6526
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6983
6527
|
};
|
|
6984
6528
|
|
|
6985
|
-
var _templateObject$
|
|
6986
|
-
var
|
|
6987
|
-
var
|
|
6988
|
-
|
|
6989
|
-
|
|
6990
|
-
|
|
6991
|
-
|
|
6992
|
-
|
|
6993
|
-
|
|
6994
|
-
var theme = _ref3.theme;
|
|
6995
|
-
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
6996
|
-
}, function (_ref4) {
|
|
6997
|
-
var theme = _ref4.theme;
|
|
6998
|
-
return theme.fonts.mobile.lineHeights.headers[3];
|
|
6999
|
-
});
|
|
7000
|
-
var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n\n > div {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.tablet, function (_ref5) {
|
|
7001
|
-
var theme = _ref5.theme;
|
|
7002
|
-
return theme.fonts.mobile.sizes.body[1];
|
|
7003
|
-
}, function (_ref6) {
|
|
7004
|
-
var theme = _ref6.theme;
|
|
7005
|
-
return theme.fonts.mobile.weights.body[1];
|
|
7006
|
-
}, function (_ref7) {
|
|
7007
|
-
var theme = _ref7.theme;
|
|
7008
|
-
return theme.fonts.mobile.letterSpacing.body[1];
|
|
7009
|
-
}, function (_ref8) {
|
|
7010
|
-
var theme = _ref8.theme;
|
|
7011
|
-
return theme.fonts.mobile.lineHeights.body[1];
|
|
7012
|
-
}, devices.mobile);
|
|
7013
|
-
var HighlightsInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: ", ";\n width: 100%;\n padding: 20px;\n }\n }\n"])), function (_ref9) {
|
|
7014
|
-
var hasImages = _ref9.hasImages;
|
|
7015
|
-
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7016
|
-
}, devices.mobile, function (_ref10) {
|
|
7017
|
-
var hasImages = _ref10.hasImages;
|
|
7018
|
-
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7019
|
-
});
|
|
7020
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n .swiper-slide {\n ", "\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), function (_ref11) {
|
|
7021
|
-
var hasMultipleImages = _ref11.hasMultipleImages;
|
|
7022
|
-
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
7023
|
-
}, devices.tablet, devices.mobile);
|
|
7024
|
-
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div {\n padding-top: 8px;\n }\n\n @media ", ", ", " {\n display: none;\n }\n\n @media ", " {\n .carousel-icon-wrapper-left,\n .carousel-icon-wrapper-right {\n background-color: transparent;\n\n svg path {\n fill: var(--base-color-lightgrey);\n }\n }\n\n .carousel-icon-wrapper-left {\n margin-right: 8px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 2;\n height: 56px;\n\n div {\n padding-top: 6px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 13;\n height: 80px;\n\n div {\n padding-top: 8px;\n }\n }\n"])), devices.desktop, devices.largeDesktop, devices.mobileAndTablet, devices.mobile, devices.tablet);
|
|
7025
|
-
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
|
|
7026
|
-
|
|
7027
|
-
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
7028
|
-
var title = _ref.title,
|
|
7029
|
-
subtitle = _ref.subtitle,
|
|
7030
|
-
text = _ref.text,
|
|
7031
|
-
images = _ref.images;
|
|
7032
|
-
|
|
7033
|
-
var _useState = React.useState(),
|
|
7034
|
-
swiper = _useState[0],
|
|
7035
|
-
setSwiper = _useState[1];
|
|
7036
|
-
|
|
7037
|
-
var _useState2 = React.useState(0),
|
|
7038
|
-
setCurrentImage = _useState2[1];
|
|
7039
|
-
|
|
7040
|
-
React.useEffect(function () {
|
|
7041
|
-
var slideChangeHandler = function slideChangeHandler(s) {
|
|
7042
|
-
return setCurrentImage(s.realIndex);
|
|
7043
|
-
};
|
|
7044
|
-
|
|
7045
|
-
swiper == null ? void 0 : swiper.on('slideChangeTransitionStart', slideChangeHandler);
|
|
7046
|
-
return function () {
|
|
7047
|
-
return swiper == null ? void 0 : swiper.off('slideChangeTransitionStart', slideChangeHandler);
|
|
7048
|
-
};
|
|
7049
|
-
}, [swiper]);
|
|
7050
|
-
|
|
7051
|
-
var onSwiper = function onSwiper(s) {
|
|
7052
|
-
setSwiper(s);
|
|
7053
|
-
};
|
|
7054
|
-
|
|
7055
|
-
var onNext = function onNext() {
|
|
7056
|
-
if (swiper && !swiper.animating) {
|
|
7057
|
-
swiper.slideNext();
|
|
7058
|
-
}
|
|
7059
|
-
};
|
|
7060
|
-
|
|
7061
|
-
var onPrev = function onPrev() {
|
|
7062
|
-
if (swiper && !swiper.animating) {
|
|
7063
|
-
swiper.slidePrev();
|
|
7064
|
-
}
|
|
7065
|
-
};
|
|
7066
|
-
|
|
7067
|
-
var headerImages = images || [];
|
|
7068
|
-
var hasImages = !!headerImages.length;
|
|
7069
|
-
var hasMultipleImages = headerImages.length > 1;
|
|
7070
|
-
return /*#__PURE__*/React__default.createElement(HighlightsGrid$1, null, hasImages && /*#__PURE__*/React__default.createElement(MobileRotatorButtonsWrapper, null, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7071
|
-
onClickNext: onNext,
|
|
7072
|
-
onClickPrev: onPrev
|
|
7073
|
-
})), /*#__PURE__*/React__default.createElement(HighlightsInfoWrapper, {
|
|
7074
|
-
hasImages: hasImages
|
|
7075
|
-
}, /*#__PURE__*/React__default.createElement(HighlightTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
7076
|
-
level: 3,
|
|
7077
|
-
semanticLevel: 1
|
|
7078
|
-
}, title), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
7079
|
-
level: 2
|
|
7080
|
-
}, subtitle)), text && /*#__PURE__*/React__default.createElement(HighlightTextWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7081
|
-
level: 1
|
|
7082
|
-
}, /*#__PURE__*/React__default.createElement("span", {
|
|
7083
|
-
dangerouslySetInnerHTML: {
|
|
7084
|
-
__html: text
|
|
7085
|
-
}
|
|
7086
|
-
})))), hasImages && /*#__PURE__*/React__default.createElement(HighlightsCarouselWrapper, {
|
|
7087
|
-
hasMultipleImages: hasMultipleImages
|
|
7088
|
-
}, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper$1, {
|
|
7089
|
-
"data-testid": "rotator-buttons"
|
|
7090
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7091
|
-
onClickNext: onNext,
|
|
7092
|
-
onClickPrev: onPrev
|
|
7093
|
-
})), /*#__PURE__*/React__default.createElement(swiperReact_js.Swiper, {
|
|
7094
|
-
slidesPerView: "auto",
|
|
7095
|
-
loop: hasMultipleImages,
|
|
7096
|
-
loopedSlides: headerImages.length,
|
|
7097
|
-
onSwiper: onSwiper
|
|
7098
|
-
}, headerImages.map(function (image, index) {
|
|
7099
|
-
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, {
|
|
7100
|
-
key: "carousel-image-" + index
|
|
7101
|
-
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
7102
|
-
aspectRatio: exports.AspectRatio['4:3']
|
|
7103
|
-
}, /*#__PURE__*/React__default.createElement("img", {
|
|
7104
|
-
src: image.src,
|
|
7105
|
-
alt: image.alt
|
|
7106
|
-
})));
|
|
7107
|
-
}))));
|
|
7108
|
-
};
|
|
7109
|
-
|
|
7110
|
-
var _templateObject$X, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k, _templateObject6$e, _templateObject7$c, _templateObject8$8;
|
|
7111
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
7112
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
7113
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\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 align-content: center;\n\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 . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
7114
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__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);
|
|
7115
|
-
var LogoWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
7116
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__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);
|
|
7117
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
7118
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6529
|
+
var _templateObject$U, _templateObject2$D, _templateObject3$v, _templateObject4$o, _templateObject5$h, _templateObject6$c, _templateObject7$a, _templateObject8$7;
|
|
6530
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
6531
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
6532
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\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 align-content: center;\n\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 . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
6533
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__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);
|
|
6534
|
+
var LogoWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6535
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$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);
|
|
6536
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
6537
|
+
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
7119
6538
|
|
|
7120
|
-
var _excluded$
|
|
6539
|
+
var _excluded$f = ["text"];
|
|
7121
6540
|
|
|
7122
6541
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
7123
6542
|
var children = _ref.children,
|
|
@@ -7135,7 +6554,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7135
6554
|
|
|
7136
6555
|
var _ref2 = link || {},
|
|
7137
6556
|
linkText = _ref2.text,
|
|
7138
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6557
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
|
|
7139
6558
|
|
|
7140
6559
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
7141
6560
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -7180,21 +6599,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7180
6599
|
}, "Scroll Down")) : null);
|
|
7181
6600
|
};
|
|
7182
6601
|
|
|
7183
|
-
var _templateObject$
|
|
7184
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
6602
|
+
var _templateObject$V, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i;
|
|
6603
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
7185
6604
|
var color = _ref.color;
|
|
7186
6605
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7187
6606
|
}, devices.mobileAndTablet);
|
|
7188
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6607
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
7189
6608
|
var hasImage = _ref2.hasImage;
|
|
7190
6609
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7191
6610
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
7192
6611
|
var hasImage = _ref3.hasImage;
|
|
7193
6612
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7194
6613
|
});
|
|
7195
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7196
|
-
var InfoWrapper$
|
|
7197
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6614
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n @media ", " {\n grid-area: 2 / 1 / 3 / 15;\n }\n"])), devices.mobileAndTablet);
|
|
6615
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 36px;\n max-height: 33vw;\n overflow: hidden;\n\n :first-child * {\n margin-block-start: 0;\n }\n\n @media ", " {\n margin: 36px 20px;\n max-height: unset;\n }\n"])), devices.mobileAndTablet);
|
|
6616
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 0 25px 36px;\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
7198
6617
|
|
|
7199
6618
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
7200
6619
|
var _image$src, _image$alt;
|
|
@@ -7209,7 +6628,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7209
6628
|
"data-testid": "wrapper"
|
|
7210
6629
|
}, /*#__PURE__*/React__default.createElement(LeftPanel, {
|
|
7211
6630
|
hasImage: hasImage
|
|
7212
|
-
}, /*#__PURE__*/React__default.createElement(InfoWrapper$
|
|
6631
|
+
}, /*#__PURE__*/React__default.createElement(InfoWrapper$1, null, info), scrollTo && /*#__PURE__*/React__default.createElement(ScrollDownWrapper$1, {
|
|
7213
6632
|
"data-testid": "scroll-link"
|
|
7214
6633
|
}, /*#__PURE__*/React__default.createElement(TabLink, {
|
|
7215
6634
|
iconName: "Arrow",
|
|
@@ -7225,14 +6644,14 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7225
6644
|
}))));
|
|
7226
6645
|
};
|
|
7227
6646
|
|
|
7228
|
-
var _templateObject$
|
|
7229
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6647
|
+
var _templateObject$W;
|
|
6648
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7230
6649
|
|
|
7231
|
-
var _excluded$
|
|
6650
|
+
var _excluded$g = ["link"];
|
|
7232
6651
|
|
|
7233
6652
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7234
6653
|
var link = _ref.link,
|
|
7235
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6654
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
7236
6655
|
|
|
7237
6656
|
var streamLink = link && _extends({}, link, {
|
|
7238
6657
|
color: exports.Colors.Black,
|
|
@@ -7246,12 +6665,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7246
6665
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7247
6666
|
};
|
|
7248
6667
|
|
|
7249
|
-
var _templateObject$
|
|
7250
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7251
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
7252
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7253
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7254
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$
|
|
6668
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject5$j, _templateObject6$d, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
6669
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
6670
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
6671
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
6672
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
6673
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n height: 160px;\n grid-template-rows: min-content min-content;\n grid-template-rows: min-content min-content;\n grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n align-content: center;\n gap: 0;\n background-color: ", ";\n color: ", ";\n\n svg {\n max-width: 155px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n }\n"])), function (_ref) {
|
|
7255
6674
|
var invert = _ref.invert,
|
|
7256
6675
|
theme = _ref.theme;
|
|
7257
6676
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -7267,10 +6686,10 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
7267
6686
|
var theme = _ref4.theme;
|
|
7268
6687
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
7269
6688
|
}, devices.mobile);
|
|
7270
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7271
|
-
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7272
|
-
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
7273
|
-
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$
|
|
6689
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: logo;\n padding-left: 50px;\n justify-content: left;\n align-items: center;\n width: 100%;\n @media ", " {\n padding-left: 0px;\n justify-content: center;\n }\n @media ", " {\n width: fit-content;\n }\n"])), devices.mobile, devices.tablet);
|
|
6690
|
+
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: title;\n align-items: center;\n justify-content: center;\n font-family: var(--font-family-header);\n text-transform: uppercase;\n text-align: center;\n padding: 0 2em;\n @media ", " {\n justify-content: center;\n }\n"])), devices.mobile);
|
|
6691
|
+
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: cta;\n justify-content: right;\n align-items: center;\n padding-right: 50px;\n @media ", " {\n padding-right: 0px;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
6692
|
+
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
|
|
7274
6693
|
var invert = _ref5.invert,
|
|
7275
6694
|
theme = _ref5.theme;
|
|
7276
6695
|
return invert ? theme.colors.primary : theme.colors.white;
|
|
@@ -7376,7 +6795,7 @@ var useMobile = function useMobile() {
|
|
|
7376
6795
|
return mobile;
|
|
7377
6796
|
};
|
|
7378
6797
|
|
|
7379
|
-
var _excluded$
|
|
6798
|
+
var _excluded$h = ["text"];
|
|
7380
6799
|
|
|
7381
6800
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7382
6801
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7493,7 +6912,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7493
6912
|
|
|
7494
6913
|
var _ref5 = link || {},
|
|
7495
6914
|
linkText = _ref5.text,
|
|
7496
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
6915
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$h);
|
|
7497
6916
|
|
|
7498
6917
|
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
7499
6918
|
var video = {
|
|
@@ -7531,15 +6950,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7531
6950
|
}), linkText))));
|
|
7532
6951
|
};
|
|
7533
6952
|
|
|
7534
|
-
var _templateObject
|
|
7535
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
7536
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
6953
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$q;
|
|
6954
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
6955
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
7537
6956
|
|
|
7538
|
-
var PageNumber = /*#__PURE__*/styled__default
|
|
6957
|
+
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
7539
6958
|
var active = _ref.active;
|
|
7540
6959
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
7541
6960
|
});
|
|
7542
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
6961
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
7543
6962
|
|
|
7544
6963
|
var reducePages = function reducePages(pages, currentPage) {
|
|
7545
6964
|
// If there are less than 6 pages, return all pages
|
|
@@ -7573,7 +6992,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
7573
6992
|
key: "previous-page",
|
|
7574
6993
|
"data-testid": "left-arrow"
|
|
7575
6994
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
7576
|
-
|
|
6995
|
+
href: "" + baseUrl + (currentPage - 1)
|
|
7577
6996
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
7578
6997
|
iconName: "DropdownArrow",
|
|
7579
6998
|
direction: "down"
|
|
@@ -7589,7 +7008,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
7589
7008
|
theme: "core",
|
|
7590
7009
|
key: page,
|
|
7591
7010
|
active: "" + (page === currentPage),
|
|
7592
|
-
|
|
7011
|
+
href: "" + baseUrl + page,
|
|
7593
7012
|
"data-testid": "page-number"
|
|
7594
7013
|
}, page));
|
|
7595
7014
|
}), currentPage + 4 < pageCount && /*#__PURE__*/React__default.createElement("li", {
|
|
@@ -7601,20 +7020,20 @@ var Pagination = function Pagination(_ref) {
|
|
|
7601
7020
|
key: "next-page",
|
|
7602
7021
|
"data-testid": "right-arrow"
|
|
7603
7022
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
7604
|
-
|
|
7023
|
+
href: "" + baseUrl + (currentPage + 1)
|
|
7605
7024
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
7606
7025
|
iconName: "DropdownArrow",
|
|
7607
7026
|
direction: "up"
|
|
7608
7027
|
}))));
|
|
7609
7028
|
};
|
|
7610
7029
|
|
|
7611
|
-
var _templateObject$
|
|
7612
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7613
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7614
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7615
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7616
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7617
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
7030
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$z, _templateObject4$r, _templateObject5$k, _templateObject6$e;
|
|
7031
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__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);
|
|
7032
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
7033
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7034
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
7035
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
7036
|
+
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
7618
7037
|
|
|
7619
7038
|
var Person = function Person(_ref) {
|
|
7620
7039
|
var person = _ref.person,
|
|
@@ -7665,14 +7084,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7665
7084
|
}));
|
|
7666
7085
|
};
|
|
7667
7086
|
|
|
7668
|
-
var _templateObject$
|
|
7087
|
+
var _templateObject$_, _templateObject2$I, _templateObject3$A, _templateObject4$s, _templateObject5$l, _templateObject6$f, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
7669
7088
|
var LENGTH_TEXT = 28;
|
|
7670
7089
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7671
7090
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7672
7091
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7673
7092
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7674
7093
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7675
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7094
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$_ || (_templateObject$_ = /*#__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\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
7676
7095
|
var imageToLeft = _ref.imageToLeft;
|
|
7677
7096
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7678
7097
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7682,8 +7101,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 ||
|
|
|
7682
7101
|
var asCard = _ref3.asCard;
|
|
7683
7102
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
7684
7103
|
});
|
|
7685
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7686
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7104
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$I || (_templateObject2$I = /*#__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"])));
|
|
7105
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__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 (_ref4) {
|
|
7687
7106
|
var theme = _ref4.theme;
|
|
7688
7107
|
return theme.colors.black;
|
|
7689
7108
|
}, function (_ref5) {
|
|
@@ -7693,7 +7112,7 @@ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$D || (
|
|
|
7693
7112
|
var theme = _ref6.theme;
|
|
7694
7113
|
return theme.colors.primary;
|
|
7695
7114
|
});
|
|
7696
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7115
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref7) {
|
|
7697
7116
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
7698
7117
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
7699
7118
|
}, function (_ref8) {
|
|
@@ -7721,19 +7140,19 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$v ||
|
|
|
7721
7140
|
|
|
7722
7141
|
return '';
|
|
7723
7142
|
});
|
|
7724
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7143
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
7725
7144
|
var marginBottom = _ref10.marginBottom;
|
|
7726
7145
|
return marginBottom + "px";
|
|
7727
7146
|
});
|
|
7728
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$
|
|
7729
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7730
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7731
|
-
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
7732
|
-
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
7733
|
-
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
7734
|
-
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$
|
|
7735
|
-
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13
|
|
7736
|
-
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14
|
|
7147
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
7148
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
7149
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
7150
|
+
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
7151
|
+
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
7152
|
+
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
7153
|
+
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);
|
|
7154
|
+
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7155
|
+
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7737
7156
|
var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7738
7157
|
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject16 || (_templateObject16 = /*#__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\n ", " {\n font-size: var(--font-size-overline-2);\n font-weight: var(--font-weight-overline-2);\n line-height: var(--line-height-overline-2);\n letter-spacing: var(--letter-spacing-overline-2);\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet, PromoWithTagsTextLink);
|
|
7739
7158
|
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 (_ref11) {
|
|
@@ -7751,11 +7170,11 @@ var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObje
|
|
|
7751
7170
|
return asCard && asCardOverrides;
|
|
7752
7171
|
});
|
|
7753
7172
|
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
7754
|
-
var TimerWrapper$
|
|
7173
|
+
var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
7755
7174
|
var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
7756
7175
|
|
|
7757
|
-
var _excluded$
|
|
7758
|
-
_excluded2$
|
|
7176
|
+
var _excluded$i = ["text"],
|
|
7177
|
+
_excluded2$2 = ["text"],
|
|
7759
7178
|
_excluded3 = ["text"];
|
|
7760
7179
|
|
|
7761
7180
|
var _buttonTypeToButton$1;
|
|
@@ -7828,7 +7247,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7828
7247
|
var _ref2 = firstButton || {},
|
|
7829
7248
|
_ref2$text = _ref2.text,
|
|
7830
7249
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7831
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7250
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
|
|
7832
7251
|
|
|
7833
7252
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
7834
7253
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -7836,7 +7255,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7836
7255
|
var _ref3 = secondButton || {},
|
|
7837
7256
|
_ref3$text = _ref3.text,
|
|
7838
7257
|
secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
7839
|
-
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
7258
|
+
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
|
|
7840
7259
|
|
|
7841
7260
|
var secondButtonTextTruncate = truncate(secondButtonText, LENGTH_TEXT$1);
|
|
7842
7261
|
var textTruncate = asCard ? truncate(text || '', LENGTH_TEXT_PARAGRAPH) : text;
|
|
@@ -7863,7 +7282,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7863
7282
|
}, timerParams.endDateText));
|
|
7864
7283
|
}
|
|
7865
7284
|
|
|
7866
|
-
return /*#__PURE__*/React__default.createElement(TimerWrapper$
|
|
7285
|
+
return /*#__PURE__*/React__default.createElement(TimerWrapper$1, {
|
|
7867
7286
|
"data-testid": "promo-with-tags-timer-wrapper"
|
|
7868
7287
|
}, /*#__PURE__*/React__default.createElement(Timer, {
|
|
7869
7288
|
endDateHandler: function endDateHandler() {
|
|
@@ -7947,27 +7366,27 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7947
7366
|
}))));
|
|
7948
7367
|
};
|
|
7949
7368
|
|
|
7950
|
-
var _templateObject
|
|
7369
|
+
var _templateObject$$, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$m, _templateObject6$g, _templateObject7$d;
|
|
7951
7370
|
var LENGTH_TEXT$2 = 28;
|
|
7952
7371
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7953
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject
|
|
7372
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$$ || (_templateObject$$ = /*#__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) {
|
|
7954
7373
|
var imageToLeft = _ref.imageToLeft;
|
|
7955
7374
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
7956
7375
|
}, devices.tablet, function (_ref2) {
|
|
7957
7376
|
var imageToLeft = _ref2.imageToLeft;
|
|
7958
7377
|
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'";
|
|
7959
7378
|
}, devices.mobile);
|
|
7960
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7379
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
7961
7380
|
var imageToLeft = _ref3.imageToLeft;
|
|
7962
7381
|
return imageToLeft ? 'left' : 'right';
|
|
7963
7382
|
}, devices.mobile);
|
|
7964
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7383
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
7965
7384
|
var imageToLeft = _ref4.imageToLeft;
|
|
7966
7385
|
return imageToLeft ? 'right' : 'left';
|
|
7967
7386
|
}, devices.mobile);
|
|
7968
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7969
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
7970
|
-
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7387
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
7388
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$m || (_templateObject5$m = /*#__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"])));
|
|
7389
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__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 (_ref5) {
|
|
7971
7390
|
var theme = _ref5.theme;
|
|
7972
7391
|
return theme.colors.black;
|
|
7973
7392
|
}, function (_ref6) {
|
|
@@ -7977,7 +7396,7 @@ var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$i ||
|
|
|
7977
7396
|
var theme = _ref7.theme;
|
|
7978
7397
|
return theme.colors.primary;
|
|
7979
7398
|
});
|
|
7980
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7399
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref8) {
|
|
7981
7400
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
7982
7401
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
7983
7402
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
@@ -8003,8 +7422,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$f ||
|
|
|
8003
7422
|
return '';
|
|
8004
7423
|
});
|
|
8005
7424
|
|
|
8006
|
-
var _excluded$
|
|
8007
|
-
_excluded2$
|
|
7425
|
+
var _excluded$j = ["text"],
|
|
7426
|
+
_excluded2$3 = ["text"];
|
|
8008
7427
|
var LENGTH_TEXT$3 = 28;
|
|
8009
7428
|
|
|
8010
7429
|
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
@@ -8030,7 +7449,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8030
7449
|
var _ref2 = primaryButton || {},
|
|
8031
7450
|
_ref2$text = _ref2.text,
|
|
8032
7451
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
8033
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7452
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
|
|
8034
7453
|
|
|
8035
7454
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
8036
7455
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -8038,7 +7457,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8038
7457
|
var _ref3 = tertiaryButton || {},
|
|
8039
7458
|
_ref3$text = _ref3.text,
|
|
8040
7459
|
tertiaryButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
8041
|
-
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
7460
|
+
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
|
|
8042
7461
|
|
|
8043
7462
|
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$3);
|
|
8044
7463
|
return /*#__PURE__*/React__default.createElement(PromoWithTitleGrid, {
|
|
@@ -8064,8 +7483,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8064
7483
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
8065
7484
|
};
|
|
8066
7485
|
|
|
8067
|
-
var _templateObject$
|
|
8068
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7486
|
+
var _templateObject$10;
|
|
7487
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8069
7488
|
|
|
8070
7489
|
var RadioGroup = function RadioGroup(_ref) {
|
|
8071
7490
|
var radios = _ref.radios,
|
|
@@ -8119,8 +7538,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8119
7538
|
})));
|
|
8120
7539
|
};
|
|
8121
7540
|
|
|
8122
|
-
var _templateObject$
|
|
8123
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7541
|
+
var _templateObject$11;
|
|
7542
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
8124
7543
|
|
|
8125
7544
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8126
7545
|
var title = _ref.title,
|
|
@@ -8146,8 +7565,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8146
7565
|
}, description))));
|
|
8147
7566
|
};
|
|
8148
7567
|
|
|
8149
|
-
var _templateObject$
|
|
8150
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
7568
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
7569
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
8151
7570
|
var theme = _ref.theme;
|
|
8152
7571
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8153
7572
|
}, function (_ref2) {
|
|
@@ -8157,12 +7576,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$15 || (_templateObject
|
|
|
8157
7576
|
var theme = _ref3.theme;
|
|
8158
7577
|
return theme.colors.lightgrey;
|
|
8159
7578
|
});
|
|
8160
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
7579
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
8161
7580
|
var theme = _ref4.theme;
|
|
8162
7581
|
return theme.colors.darkgrey;
|
|
8163
7582
|
});
|
|
8164
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
8165
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
7583
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7584
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
8166
7585
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
8167
7586
|
var theme = _ref5.theme;
|
|
8168
7587
|
return {
|
|
@@ -8170,11 +7589,11 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
8170
7589
|
color: theme.colors.black,
|
|
8171
7590
|
title: 'Select Arrow'
|
|
8172
7591
|
};
|
|
8173
|
-
})(_templateObject5$
|
|
8174
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8175
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8176
|
-
var Options = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
8177
|
-
var Option = /*#__PURE__*/styled__default.li(_templateObject9$
|
|
7592
|
+
})(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
7593
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
7594
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
7595
|
+
var Options = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
7596
|
+
var Option = /*#__PURE__*/styled__default.li(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
8178
7597
|
var theme = _ref6.theme,
|
|
8179
7598
|
hover = _ref6.hover;
|
|
8180
7599
|
var _theme$colors = theme.colors,
|
|
@@ -8185,10 +7604,10 @@ var Option = /*#__PURE__*/styled__default.li(_templateObject9$6 || (_templateObj
|
|
|
8185
7604
|
});
|
|
8186
7605
|
|
|
8187
7606
|
var selectStyles = function selectStyles(width, height) {
|
|
8188
|
-
return styled.css(_templateObject10$
|
|
7607
|
+
return styled.css(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n z-index: ", ";\n\n width: ", ";\n height: ", ";\n\n * {\n width: ", ";\n }\n\n ", " {\n position: absolute;\n top: ", ";\n }\n ", " {\n height: ", ";\n }\n p {\n height: ", ";\n padding-inline: 20px;\n\n display: flex;\n align-items: center;\n }\n"])), zIndexes[3], width, height, width, Options, height, Option, height, height);
|
|
8189
7608
|
};
|
|
8190
7609
|
|
|
8191
|
-
var SelectList = /*#__PURE__*/styled__default.ul(_templateObject11$
|
|
7610
|
+
var SelectList = /*#__PURE__*/styled__default.ul(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n ", "\n ", "\n ", "\n\n & ", " {\n position: absolute;\n\n top: 13px;\n right: 16px;\n }\n"])), function (_ref7) {
|
|
8192
7611
|
var width = _ref7.width,
|
|
8193
7612
|
height = _ref7.height;
|
|
8194
7613
|
return selectStyles(width === 'default' ? "354px" : width + "px", height === 'default' ? "48px" : height + "px");
|
|
@@ -8568,8 +7987,8 @@ function Select(_ref3) {
|
|
|
8568
7987
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8569
7988
|
}
|
|
8570
7989
|
|
|
8571
|
-
var _templateObject$
|
|
8572
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7990
|
+
var _templateObject$13;
|
|
7991
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 h2,\n h3,\n h4 {\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 margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\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 margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
8573
7992
|
var theme = _ref.theme;
|
|
8574
7993
|
return theme.colors.primary;
|
|
8575
7994
|
});
|
|
@@ -8597,8 +8016,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8597
8016
|
})));
|
|
8598
8017
|
};
|
|
8599
8018
|
|
|
8600
|
-
var _templateObject$
|
|
8601
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8019
|
+
var _templateObject$14, _templateObject2$L;
|
|
8020
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__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) {
|
|
8602
8021
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8603
8022
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8604
8023
|
return aspectRatio;
|
|
@@ -8608,7 +8027,7 @@ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templat
|
|
|
8608
8027
|
height = _ref2.height;
|
|
8609
8028
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
8610
8029
|
});
|
|
8611
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8030
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__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"])));
|
|
8612
8031
|
|
|
8613
8032
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
8614
8033
|
var caption = _ref.caption,
|
|
@@ -8646,13 +8065,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8646
8065
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8647
8066
|
};
|
|
8648
8067
|
|
|
8649
|
-
var _templateObject$
|
|
8650
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8651
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8068
|
+
var _templateObject$15, _templateObject2$M, _templateObject3$D;
|
|
8069
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8070
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8652
8071
|
var displayAttribution = _ref.displayAttribution;
|
|
8653
8072
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
8654
8073
|
});
|
|
8655
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8074
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
8656
8075
|
|
|
8657
8076
|
var Quote = function Quote(_ref) {
|
|
8658
8077
|
var text = _ref.text,
|
|
@@ -8676,13 +8095,13 @@ var Quote = function Quote(_ref) {
|
|
|
8676
8095
|
}, attribution))));
|
|
8677
8096
|
};
|
|
8678
8097
|
|
|
8679
|
-
var _templateObject$
|
|
8680
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8681
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8682
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
8683
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8684
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8685
|
-
var TitleWrapper$
|
|
8098
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$E, _templateObject4$v, _templateObject5$o, _templateObject6$i;
|
|
8099
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
8100
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8101
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8102
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8103
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
8104
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
8686
8105
|
|
|
8687
8106
|
var MiniCard = function MiniCard(_ref) {
|
|
8688
8107
|
var _ref$title = _ref.title,
|
|
@@ -8715,7 +8134,7 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8715
8134
|
columnSpanDesktop: 4
|
|
8716
8135
|
}, /*#__PURE__*/React__default.createElement(ContentContainer$3, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
8717
8136
|
level: 4
|
|
8718
|
-
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
8137
|
+
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$2, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
8719
8138
|
level: 2
|
|
8720
8139
|
}, title)))));
|
|
8721
8140
|
};
|
|
@@ -8808,9 +8227,9 @@ var LiveChat = function LiveChat() {
|
|
|
8808
8227
|
});
|
|
8809
8228
|
};
|
|
8810
8229
|
|
|
8811
|
-
var _templateObject$
|
|
8812
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8813
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
8230
|
+
var _templateObject$17, _templateObject2$O;
|
|
8231
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
8232
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
8814
8233
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
8815
8234
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
8816
8235
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -8838,72 +8257,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
8838
8257
|
}, children)));
|
|
8839
8258
|
};
|
|
8840
8259
|
|
|
8841
|
-
var _templateObject$
|
|
8842
|
-
var CarouselWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n display: flex;\n"])));
|
|
8843
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
8844
|
-
|
|
8845
|
-
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
8846
|
-
var children = _ref.children;
|
|
8847
|
-
|
|
8848
|
-
var _useState = React.useState(),
|
|
8849
|
-
swiper = _useState[0],
|
|
8850
|
-
setSwiper = _useState[1];
|
|
8851
|
-
|
|
8852
|
-
React.useEffect(function () {
|
|
8853
|
-
return function () {
|
|
8854
|
-
if (swiper) {
|
|
8855
|
-
swiper.destroy();
|
|
8856
|
-
}
|
|
8857
|
-
};
|
|
8858
|
-
}, []);
|
|
8859
|
-
|
|
8860
|
-
var onNext = function onNext() {
|
|
8861
|
-
if (swiper) {
|
|
8862
|
-
swiper.slideNext();
|
|
8863
|
-
}
|
|
8864
|
-
};
|
|
8865
|
-
|
|
8866
|
-
var onPrev = function onPrev() {
|
|
8867
|
-
if (swiper) {
|
|
8868
|
-
swiper.slidePrev();
|
|
8869
|
-
}
|
|
8870
|
-
};
|
|
8871
|
-
|
|
8872
|
-
var onSwiper = function onSwiper(s) {
|
|
8873
|
-
setSwiper(s);
|
|
8874
|
-
};
|
|
8875
|
-
|
|
8876
|
-
var hasMultipleChildren = React__default.Children.count(children) > 1;
|
|
8877
|
-
return /*#__PURE__*/React__default.createElement(CarouselWrapper$2, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8878
|
-
columnStartDesktop: 1,
|
|
8879
|
-
columnSpanDesktop: 16,
|
|
8880
|
-
columnStartDevice: 1,
|
|
8881
|
-
columnSpanDevice: 14
|
|
8882
|
-
}, /*#__PURE__*/React__default.createElement(swiperReact_js.Swiper, {
|
|
8883
|
-
slidesPerView: 1,
|
|
8884
|
-
loopedSlides: React__default.Children.count(children),
|
|
8885
|
-
onSwiper: onSwiper,
|
|
8886
|
-
"data-testid": "carousel-swiper",
|
|
8887
|
-
className: 'roh-carousel-swiper',
|
|
8888
|
-
loop: hasMultipleChildren,
|
|
8889
|
-
resizeObserver: true,
|
|
8890
|
-
centeredSlides: true,
|
|
8891
|
-
keyboard: {
|
|
8892
|
-
enabled: true,
|
|
8893
|
-
onlyInViewport: true
|
|
8894
|
-
}
|
|
8895
|
-
}, React__default.Children.map(children, function (child) {
|
|
8896
|
-
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, null, child);
|
|
8897
|
-
})))), hasMultipleChildren && /*#__PURE__*/React__default.createElement(ButtonsWrapper$1, {
|
|
8898
|
-
"data-testid": "carousel-buttons-wrapper"
|
|
8899
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
8900
|
-
onClickNext: onNext,
|
|
8901
|
-
onClickPrev: onPrev
|
|
8902
|
-
})));
|
|
8903
|
-
};
|
|
8904
|
-
|
|
8905
|
-
var _templateObject$1c;
|
|
8906
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
8260
|
+
var _templateObject$18;
|
|
8261
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
8907
8262
|
var theme = _ref.theme;
|
|
8908
8263
|
return theme.colors.primary;
|
|
8909
8264
|
}, function (_ref2) {
|
|
@@ -9852,7 +9207,6 @@ exports.AnnouncementBanner = AnnouncementBanner;
|
|
|
9852
9207
|
exports.BodyText = BodyText;
|
|
9853
9208
|
exports.Card = Card;
|
|
9854
9209
|
exports.Cards = Cards;
|
|
9855
|
-
exports.Carousel = Carousel;
|
|
9856
9210
|
exports.CinemaBadge = CinemaBadge;
|
|
9857
9211
|
exports.ContactCard = ContactCard;
|
|
9858
9212
|
exports.ContentSummary = ContentSummary;
|
|
@@ -9863,23 +9217,17 @@ exports.GlobalStyles = GlobalStyles;
|
|
|
9863
9217
|
exports.Grid = Grid;
|
|
9864
9218
|
exports.GridItem = GridItem;
|
|
9865
9219
|
exports.Header = Header;
|
|
9866
|
-
exports.HighlightsCarousel = HighlightsCarousel;
|
|
9867
|
-
exports.HighlightsCarouselCinema = HighlightsCinema;
|
|
9868
|
-
exports.HighlightsCarouselCore = HighlightsCore;
|
|
9869
|
-
exports.HighlightsCarouselStream = HighlightsStream;
|
|
9870
9220
|
exports.Icon = Icon;
|
|
9871
9221
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
9872
9222
|
exports.ImageWithCaption = ImageWithCaption;
|
|
9873
9223
|
exports.Information = Information;
|
|
9874
9224
|
exports.LiveChat = LiveChat;
|
|
9875
9225
|
exports.MiniCard = MiniCard;
|
|
9876
|
-
exports.MinimalCarousel = MinimalCarousel;
|
|
9877
9226
|
exports.Navigation = Navigation;
|
|
9878
9227
|
exports.Overline = Overline;
|
|
9879
9228
|
exports.PageHeadingCinema = PageHeadingCinema;
|
|
9880
9229
|
exports.PageHeadingCompact = PageHeadingCompact;
|
|
9881
9230
|
exports.PageHeadingCore = PageHeadingCore;
|
|
9882
|
-
exports.PageHeadingHighlight = PageHeadingHighlight;
|
|
9883
9231
|
exports.PageHeadingImpact = PageHeadingImpact;
|
|
9884
9232
|
exports.PageHeadingPanel = PageHeadingPanel;
|
|
9885
9233
|
exports.PageHeadingStream = PageHeadingStream;
|