@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
package/dist/chord.esm.js
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import React__default, { createElement, memo, useRef, useCallback, useEffect, useState
|
|
1
|
+
import React__default, { createElement, memo, useRef, useCallback, useEffect, useState } from 'react';
|
|
2
2
|
import styled, { css, ThemeProvider, createGlobalStyle } from 'styled-components';
|
|
3
3
|
import moment from 'moment';
|
|
4
|
-
import { Swiper, SwiperSlide } from 'swiper/react/swiper-react.js';
|
|
5
|
-
import 'swiper/swiper-bundle.css';
|
|
6
|
-
import { Link } from 'react-router-dom';
|
|
7
4
|
|
|
8
5
|
var Colors;
|
|
9
6
|
|
|
@@ -5333,7 +5330,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5333
5330
|
};
|
|
5334
5331
|
}, [tabs, selectedItem, tabListRef]);
|
|
5335
5332
|
var tabsColumnStart = tabsOverflow ? !canScrollToLeft ? 2 : 1 : 3;
|
|
5336
|
-
var tabsColumnSpan = tabsOverflow ? !canScrollToLeft ? 14 : 15 :
|
|
5333
|
+
var tabsColumnSpan = tabsOverflow ? !canScrollToLeft ? 14 : 15 : 12;
|
|
5337
5334
|
|
|
5338
5335
|
var scrollToRight = function scrollToRight() {
|
|
5339
5336
|
if (tabListRef.current) {
|
|
@@ -5422,540 +5419,20 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
5422
5419
|
})) : null) : null))));
|
|
5423
5420
|
};
|
|
5424
5421
|
|
|
5425
|
-
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f,
|
|
5426
|
-
var
|
|
5427
|
-
var overflow = _ref.overflow;
|
|
5428
|
-
return overflow ? "overflow: " + overflow : '';
|
|
5429
|
-
}, function (_ref2) {
|
|
5430
|
-
var type = _ref2.type,
|
|
5431
|
-
imagesHeightDesktop = _ref2.imagesHeightDesktop;
|
|
5432
|
-
|
|
5433
|
-
if (type !== CarouselType.Image) {
|
|
5434
|
-
var numberOfGaps = type === CarouselType.LargeCard ? 4 : 3;
|
|
5435
|
-
var numberOfColumns = type === CarouselType.LargeCard ? 5 : 4;
|
|
5436
|
-
var gapsSpace = "calc(var(--grid-column-gap) * " + numberOfGaps + ")";
|
|
5437
|
-
var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
|
|
5438
|
-
var calcColumns = "calc(calc(80% - " + gapsInMainGraid + ") * " + numberOfColumns + " / 12)";
|
|
5439
|
-
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 ";
|
|
5440
|
-
} else {
|
|
5441
|
-
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 ";
|
|
5442
|
-
}
|
|
5443
|
-
}, devices.mobile, function (_ref3) {
|
|
5444
|
-
var active = _ref3.active,
|
|
5445
|
-
type = _ref3.type,
|
|
5446
|
-
imagesHeightDevice = _ref3.imagesHeightDevice;
|
|
5447
|
-
|
|
5448
|
-
if (type !== CarouselType.Image) {
|
|
5449
|
-
var gapsSpace = 'calc(var(--grid-column-gap) * 9)';
|
|
5450
|
-
var numberOfColumns = 10;
|
|
5451
|
-
var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
|
|
5452
|
-
var mainGridWidth = 'calc(100% - calc(2 * var(--grid-margin)))';
|
|
5453
|
-
var columnWidth = "calc(calc(" + mainGridWidth + " - " + gapsInMainGraid + ") / 12)";
|
|
5454
|
-
var calcColumns = "calc(" + columnWidth + " * " + numberOfColumns + ")";
|
|
5455
|
-
var marginRight = active ? "calc(calc(var(--grid-column-gap) * 2) + " + columnWidth + ")" : "calc(calc(" + columnWidth + " * 2) + var(--grid-column-gap))";
|
|
5456
|
-
return "\n && {\n .swiper-slide {\n width: calc(" + calcColumns + " + " + gapsSpace + " - 1px);\n margin-right: " + marginRight + ";\n -webkit-transform: translate3d(0, 0, 0);\n }\n }";
|
|
5457
|
-
} else {
|
|
5458
|
-
return "\n &&& {\n .swiper-slide > div{\n height: calc(" + imagesHeightDevice + "px + var(--line-height-body-2) + 12px);\n }\n }";
|
|
5459
|
-
}
|
|
5460
|
-
});
|
|
5461
|
-
var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
5462
|
-
var TitleWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
5463
|
-
var ButtonsWrapper = /*#__PURE__*/styled.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);
|
|
5464
|
-
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
5465
|
-
|
|
5466
|
-
var Carousel = function Carousel(_ref) {
|
|
5467
|
-
var children = _ref.children,
|
|
5468
|
-
type = _ref.type,
|
|
5469
|
-
_ref$imagesHeightDesk = _ref.imagesHeightDesktop,
|
|
5470
|
-
imagesHeightDesktop = _ref$imagesHeightDesk === void 0 ? 500 : _ref$imagesHeightDesk,
|
|
5471
|
-
_ref$imagesHeightDevi = _ref.imagesHeightDevice,
|
|
5472
|
-
imagesHeightDevice = _ref$imagesHeightDevi === void 0 ? 300 : _ref$imagesHeightDevi,
|
|
5473
|
-
title = _ref.title,
|
|
5474
|
-
_ref$useOffset = _ref.useOffset,
|
|
5475
|
-
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset;
|
|
5476
|
-
|
|
5477
|
-
var _useState = useState(),
|
|
5478
|
-
swiper = _useState[0],
|
|
5479
|
-
setSwiper = _useState[1];
|
|
5480
|
-
|
|
5481
|
-
var _useState2 = useState(0),
|
|
5482
|
-
slidesOffsetBefore = _useState2[0],
|
|
5483
|
-
setSlidesOffsetBefore = _useState2[1];
|
|
5484
|
-
|
|
5485
|
-
var _useState3 = useState(false),
|
|
5486
|
-
loop = _useState3[0],
|
|
5487
|
-
setLoop = _useState3[1];
|
|
5488
|
-
|
|
5489
|
-
useEffect(function () {
|
|
5490
|
-
if (!useOffset) return;
|
|
5491
|
-
|
|
5492
|
-
var updateWindowDimensions = function updateWindowDimensions() {
|
|
5493
|
-
if (window.matchMedia(devices.mobile).matches) {
|
|
5494
|
-
setSlidesOffsetBefore(20); // Mobile margin grid
|
|
5495
|
-
} else if (window.matchMedia(devices.tablet).matches) {
|
|
5496
|
-
setSlidesOffsetBefore(32); // Tablet margin grid
|
|
5497
|
-
} else {
|
|
5498
|
-
setSlidesOffsetBefore(Math.floor(window.innerWidth * 0.1) - 3); // 10% of width
|
|
5499
|
-
}
|
|
5500
|
-
};
|
|
5501
|
-
|
|
5502
|
-
window.addEventListener('resize', updateWindowDimensions);
|
|
5503
|
-
updateWindowDimensions();
|
|
5504
|
-
return function () {
|
|
5505
|
-
window.removeEventListener('resize', updateWindowDimensions);
|
|
5506
|
-
};
|
|
5507
|
-
}, [useOffset]);
|
|
5508
|
-
useEffect(function () {
|
|
5509
|
-
return function () {
|
|
5510
|
-
if (swiper) {
|
|
5511
|
-
swiper.destroy();
|
|
5512
|
-
}
|
|
5513
|
-
};
|
|
5514
|
-
}, []);
|
|
5515
|
-
|
|
5516
|
-
var onNext = function onNext() {
|
|
5517
|
-
if (swiper) {
|
|
5518
|
-
swiper.slideNext();
|
|
5519
|
-
}
|
|
5520
|
-
};
|
|
5521
|
-
|
|
5522
|
-
var onPrev = function onPrev() {
|
|
5523
|
-
if (swiper) {
|
|
5524
|
-
swiper.slidePrev();
|
|
5525
|
-
}
|
|
5526
|
-
};
|
|
5527
|
-
|
|
5528
|
-
var onSwiper = function onSwiper(s) {
|
|
5529
|
-
s.on('beforeTransitionStart', function () {
|
|
5530
|
-
if (!loop) {
|
|
5531
|
-
setLoop(true);
|
|
5532
|
-
}
|
|
5533
|
-
});
|
|
5534
|
-
setSwiper(s);
|
|
5535
|
-
};
|
|
5536
|
-
|
|
5537
|
-
return /*#__PURE__*/React__default.createElement(CarouselWrapper, {
|
|
5538
|
-
active: loop,
|
|
5539
|
-
type: type,
|
|
5540
|
-
imagesHeightDevice: imagesHeightDevice,
|
|
5541
|
-
imagesHeightDesktop: imagesHeightDesktop
|
|
5542
|
-
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, null, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
5543
|
-
columnStartDesktop: useOffset ? 3 : 1,
|
|
5544
|
-
columnSpanDesktop: 10,
|
|
5545
|
-
columnStartDevice: 2,
|
|
5546
|
-
columnSpanDevice: 12
|
|
5547
|
-
}, title && /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
5548
|
-
"data-testid": "carousel-title-wrapper"
|
|
5549
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5550
|
-
level: 4
|
|
5551
|
-
}, title))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
5552
|
-
columnStartDesktop: useOffset ? 14 : 15,
|
|
5553
|
-
columnSpanDesktop: 2,
|
|
5554
|
-
columnStartDevice: useOffset ? 12 : 13,
|
|
5555
|
-
columnSpanDevice: 2
|
|
5556
|
-
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
5557
|
-
"data-testid": "carousel-buttons-wrapper"
|
|
5558
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
5559
|
-
onClickNext: onNext,
|
|
5560
|
-
onClickPrev: onPrev,
|
|
5561
|
-
availablePrev: loop
|
|
5562
|
-
})))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
5563
|
-
columnStartDesktop: 1,
|
|
5564
|
-
columnSpanDesktop: 16,
|
|
5565
|
-
columnStartDevice: 1,
|
|
5566
|
-
columnSpanDevice: 14
|
|
5567
|
-
}, /*#__PURE__*/React__default.createElement(Swiper, {
|
|
5568
|
-
slidesPerView: "auto",
|
|
5569
|
-
slidesOffsetBefore: slidesOffsetBefore,
|
|
5570
|
-
loop: loop,
|
|
5571
|
-
loopedSlides: React__default.Children.count(children),
|
|
5572
|
-
onSwiper: onSwiper,
|
|
5573
|
-
"data-testid": "carousel-swiper",
|
|
5574
|
-
className: 'roh-carousel-swiper'
|
|
5575
|
-
}, React__default.Children.map(children, function (child) {
|
|
5576
|
-
return /*#__PURE__*/React__default.createElement(SwiperSlide, null, child);
|
|
5577
|
-
})))));
|
|
5578
|
-
};
|
|
5579
|
-
|
|
5580
|
-
var Theme = function Theme(_ref) {
|
|
5581
|
-
var children = _ref.children,
|
|
5582
|
-
theme = _ref.theme;
|
|
5583
|
-
var chosenTheme = themes[theme];
|
|
5584
|
-
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
5585
|
-
theme: chosenTheme
|
|
5586
|
-
}, children);
|
|
5587
|
-
};
|
|
5588
|
-
|
|
5589
|
-
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;
|
|
5590
|
-
var HighlightsGrid = /*#__PURE__*/styled(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);
|
|
5591
|
-
var CarouselTitleWrapper = /*#__PURE__*/styled.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) {
|
|
5592
|
-
var theme = _ref.theme;
|
|
5593
|
-
return theme.fonts.mobile.sizes.altHeaders[5];
|
|
5594
|
-
}, function (_ref2) {
|
|
5595
|
-
var theme = _ref2.theme;
|
|
5596
|
-
return theme.fonts.mobile.weights.altHeaders[5];
|
|
5597
|
-
}, function (_ref3) {
|
|
5598
|
-
var theme = _ref3.theme;
|
|
5599
|
-
return theme.fonts.mobile.letterSpacing.altHeaders[5];
|
|
5600
|
-
}, devices.mobile);
|
|
5601
|
-
var InfoWrapper = /*#__PURE__*/styled.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);
|
|
5602
|
-
var InfoLogoWrapper = /*#__PURE__*/styled.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);
|
|
5603
|
-
var InfoTitleWrapper = /*#__PURE__*/styled.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) {
|
|
5604
|
-
var theme = _ref4.theme;
|
|
5605
|
-
return theme.fonts.mobile.sizes.headers[3];
|
|
5606
|
-
}, function (_ref5) {
|
|
5607
|
-
var theme = _ref5.theme;
|
|
5608
|
-
return theme.fonts.mobile.weights.headers[3];
|
|
5609
|
-
}, function (_ref6) {
|
|
5610
|
-
var theme = _ref6.theme;
|
|
5611
|
-
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
5612
|
-
}, function (_ref7) {
|
|
5613
|
-
var theme = _ref7.theme;
|
|
5614
|
-
return theme.fonts.mobile.lineHeights.headers[3];
|
|
5615
|
-
}, function (_ref8) {
|
|
5616
|
-
var theme = _ref8.theme;
|
|
5617
|
-
return theme.fonts.mobile.sizes.subtitles[2];
|
|
5618
|
-
}, function (_ref9) {
|
|
5619
|
-
var theme = _ref9.theme;
|
|
5620
|
-
return theme.fonts.mobile.weights.subtitles[2];
|
|
5621
|
-
}, function (_ref10) {
|
|
5622
|
-
var theme = _ref10.theme;
|
|
5623
|
-
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
5624
|
-
}, function (_ref11) {
|
|
5625
|
-
var theme = _ref11.theme;
|
|
5626
|
-
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
5627
|
-
});
|
|
5628
|
-
var InfoTextWrapper = /*#__PURE__*/styled.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) {
|
|
5629
|
-
var theme = _ref12.theme;
|
|
5630
|
-
return theme.fonts.mobile.sizes.subtitles[2];
|
|
5631
|
-
}, function (_ref13) {
|
|
5632
|
-
var theme = _ref13.theme;
|
|
5633
|
-
return theme.fonts.mobile.weights.subtitles[2];
|
|
5634
|
-
}, function (_ref14) {
|
|
5635
|
-
var theme = _ref14.theme;
|
|
5636
|
-
return theme.fonts.mobile.letterSpacing.subtitles[2];
|
|
5637
|
-
}, function (_ref15) {
|
|
5638
|
-
var theme = _ref15.theme;
|
|
5639
|
-
return theme.fonts.mobile.lineHeights.subtitles[2];
|
|
5640
|
-
}, function (_ref16) {
|
|
5641
|
-
var theme = _ref16.theme;
|
|
5642
|
-
return theme.fonts.mobile.sizes.body[1];
|
|
5643
|
-
}, function (_ref17) {
|
|
5644
|
-
var theme = _ref17.theme;
|
|
5645
|
-
return theme.fonts.mobile.weights.body[1];
|
|
5646
|
-
}, function (_ref18) {
|
|
5647
|
-
var theme = _ref18.theme;
|
|
5648
|
-
return theme.fonts.mobile.letterSpacing.body[1];
|
|
5649
|
-
}, function (_ref19) {
|
|
5650
|
-
var theme = _ref19.theme;
|
|
5651
|
-
return theme.fonts.mobile.lineHeights.body[1];
|
|
5652
|
-
}, devices.mobile);
|
|
5653
|
-
var InfoLinkWrapper = /*#__PURE__*/styled.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);
|
|
5654
|
-
var CarouselWrapper$1 = /*#__PURE__*/styled.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);
|
|
5655
|
-
var RotatorButtonsWrapper = /*#__PURE__*/styled.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);
|
|
5656
|
-
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.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);
|
|
5657
|
-
var HtmlBodyText = /*#__PURE__*/styled.p(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
5658
|
-
var FirstButtonComponentWrapper = /*#__PURE__*/styled.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);
|
|
5659
|
-
var TimerWrapper$1 = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobileAndTablet);
|
|
5660
|
-
var AdditionalInfoWrapper = /*#__PURE__*/styled.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n"])), devices.mobileAndTablet);
|
|
5661
|
-
|
|
5662
|
-
var TEXT_STYLE_HTML_TAGS_REGEXP = '<em>|</em>|<b>|</b>';
|
|
5663
|
-
var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
|
|
5664
|
-
return htmlString.replace(/<[^>]*>/g, '');
|
|
5665
|
-
};
|
|
5666
|
-
|
|
5667
|
-
var getAllMatches = function getAllMatches(str, regExp) {
|
|
5668
|
-
var allMatches = [];
|
|
5669
|
-
var match;
|
|
5670
|
-
|
|
5671
|
-
while (match = regExp.exec(str)) {
|
|
5672
|
-
allMatches.push({
|
|
5673
|
-
value: match[0],
|
|
5674
|
-
index: match.index
|
|
5675
|
-
});
|
|
5676
|
-
}
|
|
5677
|
-
|
|
5678
|
-
return allMatches;
|
|
5679
|
-
};
|
|
5680
|
-
|
|
5681
|
-
var insertString = function insertString(mainString, str, position) {
|
|
5682
|
-
return "" + mainString.substring(0, position) + str + mainString.substring(position);
|
|
5683
|
-
};
|
|
5684
|
-
|
|
5685
|
-
var insertHtmlTags = function insertHtmlTags(strWithTags, strWithoutTags, resultLength) {
|
|
5686
|
-
var htmlTagPositions = getAllMatches(strWithTags, new RegExp(TEXT_STYLE_HTML_TAGS_REGEXP, 'g'));
|
|
5687
|
-
var tagsLength = 0;
|
|
5688
|
-
var resultString = strWithoutTags;
|
|
5689
|
-
htmlTagPositions.forEach(function (tag) {
|
|
5690
|
-
resultString = insertString(resultString, tag.value, tag.index);
|
|
5691
|
-
if (tag.index - tagsLength <= resultLength) tagsLength += tag.value.length;
|
|
5692
|
-
});
|
|
5693
|
-
return {
|
|
5694
|
-
stringWithInsertedTags: resultString,
|
|
5695
|
-
tagsLength: tagsLength
|
|
5696
|
-
};
|
|
5697
|
-
};
|
|
5698
|
-
|
|
5699
|
-
var truncateHtmlString = function truncateHtmlString(str, resultLength, addDots) {
|
|
5700
|
-
if (addDots === void 0) {
|
|
5701
|
-
addDots = false;
|
|
5702
|
-
}
|
|
5703
|
-
|
|
5704
|
-
var strWithoutTags = stripAllHtmlTags(str);
|
|
5705
|
-
if (strWithoutTags.length <= resultLength) return str;
|
|
5706
|
-
|
|
5707
|
-
var _insertHtmlTags = insertHtmlTags(str, strWithoutTags, resultLength),
|
|
5708
|
-
stringWithInsertedTags = _insertHtmlTags.stringWithInsertedTags,
|
|
5709
|
-
tagsLength = _insertHtmlTags.tagsLength;
|
|
5710
|
-
|
|
5711
|
-
var truncatedString = stringWithInsertedTags.substring(0, resultLength + tagsLength);
|
|
5712
|
-
var isSpaceNext = strWithoutTags[resultLength] === ' ';
|
|
5713
|
-
if (!isSpaceNext) truncatedString = truncatedString.substring(0, truncatedString.lastIndexOf(' '));
|
|
5714
|
-
return addDots ? truncatedString + "..." : truncatedString;
|
|
5715
|
-
};
|
|
5716
|
-
var truncate = function truncate(str, n) {
|
|
5717
|
-
return str.length >= n ? str.substring(0, n) : str;
|
|
5718
|
-
};
|
|
5719
|
-
|
|
5720
|
-
var _excluded$a = ["text"],
|
|
5721
|
-
_excluded2 = ["text"];
|
|
5722
|
-
|
|
5723
|
-
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
5724
|
-
var _buttonTypeToButton;
|
|
5725
|
-
|
|
5726
|
-
var logo = _ref.logo,
|
|
5727
|
-
carouselTitle = _ref.carouselTitle,
|
|
5728
|
-
slides = _ref.slides;
|
|
5729
|
-
var images = useMemo(function () {
|
|
5730
|
-
return slides.map(function (_ref2) {
|
|
5731
|
-
var image = _ref2.image;
|
|
5732
|
-
return image;
|
|
5733
|
-
});
|
|
5734
|
-
}, []);
|
|
5735
|
-
|
|
5736
|
-
var _useState = useState(),
|
|
5737
|
-
swiper = _useState[0],
|
|
5738
|
-
setSwiper = _useState[1];
|
|
5739
|
-
|
|
5740
|
-
var _useState2 = useState(0),
|
|
5741
|
-
currentSlide = _useState2[0],
|
|
5742
|
-
setCurrentSlide = _useState2[1];
|
|
5743
|
-
|
|
5744
|
-
var _useState3 = useState([]),
|
|
5745
|
-
finishedTimers = _useState3[0],
|
|
5746
|
-
setFinishedTimers = _useState3[1];
|
|
5747
|
-
|
|
5748
|
-
var _slides$currentSlide = slides[currentSlide],
|
|
5749
|
-
links = _slides$currentSlide.links,
|
|
5750
|
-
infoText = _slides$currentSlide.infoText,
|
|
5751
|
-
infoTitle = _slides$currentSlide.infoTitle,
|
|
5752
|
-
infoTimeframe = _slides$currentSlide.infoTimeframe,
|
|
5753
|
-
infoSubtitle = _slides$currentSlide.infoSubtitle,
|
|
5754
|
-
timerParams = _slides$currentSlide.timerParams,
|
|
5755
|
-
additionalInfo = _slides$currentSlide.additionalInfo;
|
|
5756
|
-
var description = infoText ? truncateHtmlString(infoText, 185, true) : '';
|
|
5757
|
-
useEffect(function () {
|
|
5758
|
-
var slideChangeHandler = function slideChangeHandler(s) {
|
|
5759
|
-
return setCurrentSlide(s.realIndex);
|
|
5760
|
-
};
|
|
5761
|
-
|
|
5762
|
-
swiper == null ? void 0 : swiper.on('slideChangeTransitionStart', slideChangeHandler);
|
|
5763
|
-
return function () {
|
|
5764
|
-
return swiper == null ? void 0 : swiper.off('slideChangeTransitionStart', slideChangeHandler);
|
|
5765
|
-
};
|
|
5766
|
-
}, [swiper]);
|
|
5767
|
-
var firstButton = links == null ? void 0 : links[0];
|
|
5768
|
-
|
|
5769
|
-
var _ref3 = firstButton || {},
|
|
5770
|
-
_ref3$text = _ref3.text,
|
|
5771
|
-
firstButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
5772
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref3, _excluded$a);
|
|
5773
|
-
|
|
5774
|
-
var secondButton = links == null ? void 0 : links[1];
|
|
5775
|
-
|
|
5776
|
-
var _ref4 = secondButton || {},
|
|
5777
|
-
_ref4$text = _ref4.text,
|
|
5778
|
-
secondButtonText = _ref4$text === void 0 ? '' : _ref4$text,
|
|
5779
|
-
restSecondButton = _objectWithoutPropertiesLoose(_ref4, _excluded2);
|
|
5780
|
-
|
|
5781
|
-
var buttonTypeToButton = (_buttonTypeToButton = {}, _buttonTypeToButton[ButtonType.Primary] = PrimaryButton, _buttonTypeToButton[ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton[ButtonType.Tertiary] = Button$1, _buttonTypeToButton);
|
|
5782
|
-
var FirstButtonComponent = firstButton != null && firstButton.buttonType ? buttonTypeToButton[firstButton.buttonType] : PrimaryButton;
|
|
5783
|
-
var SecondButtonComponent = secondButton != null && secondButton.buttonType ? buttonTypeToButton[secondButton.buttonType] : SecondaryButton;
|
|
5784
|
-
|
|
5785
|
-
var onSwiper = function onSwiper(s) {
|
|
5786
|
-
setSwiper(s);
|
|
5787
|
-
};
|
|
5788
|
-
|
|
5789
|
-
var onNext = function onNext() {
|
|
5790
|
-
if (swiper && !swiper.animating) {
|
|
5791
|
-
swiper.slideNext();
|
|
5792
|
-
}
|
|
5793
|
-
};
|
|
5794
|
-
|
|
5795
|
-
var onPrev = function onPrev() {
|
|
5796
|
-
if (swiper && !swiper.animating) {
|
|
5797
|
-
swiper.slidePrev();
|
|
5798
|
-
}
|
|
5799
|
-
};
|
|
5800
|
-
|
|
5801
|
-
var hasMultipleImages = images.length > 1;
|
|
5802
|
-
return /*#__PURE__*/React__default.createElement(HighlightsGrid, {
|
|
5803
|
-
onClick: function onClick(e) {
|
|
5804
|
-
return e.stopPropagation();
|
|
5805
|
-
}
|
|
5806
|
-
}, /*#__PURE__*/React__default.createElement(CarouselTitleWrapper, {
|
|
5807
|
-
"data-testid": "carousel-title"
|
|
5808
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5809
|
-
level: 4
|
|
5810
|
-
}, carouselTitle), /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5811
|
-
level: 5
|
|
5812
|
-
}, carouselTitle)), hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
5813
|
-
onClickNext: onNext,
|
|
5814
|
-
onClickPrev: onPrev
|
|
5815
|
-
})), /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
5816
|
-
"data-testid": "info-wrapper"
|
|
5817
|
-
}, timerParams && /*#__PURE__*/React__default.createElement(TimerWrapper$1, {
|
|
5818
|
-
"data-testid": "hightlight-carousel-timer-wrapper"
|
|
5819
|
-
}, finishedTimers.includes(currentSlide) ? /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5820
|
-
level: 5
|
|
5821
|
-
}, timerParams.endDateText) : /*#__PURE__*/React__default.createElement(Timer, {
|
|
5822
|
-
color: Colors.White,
|
|
5823
|
-
endDateHandler: function endDateHandler() {
|
|
5824
|
-
return setFinishedTimers([].concat(finishedTimers, [currentSlide]));
|
|
5825
|
-
},
|
|
5826
|
-
endDate: timerParams.endDate,
|
|
5827
|
-
title: timerParams.title
|
|
5828
|
-
})), logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
5829
|
-
level: 3
|
|
5830
|
-
}, infoTitle), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
5831
|
-
level: 2,
|
|
5832
|
-
tag: "h6"
|
|
5833
|
-
}, infoTimeframe)), /*#__PURE__*/React__default.createElement(InfoTextWrapper, null, /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
5834
|
-
level: 2,
|
|
5835
|
-
tag: "h6"
|
|
5836
|
-
}, infoSubtitle), /*#__PURE__*/React__default.createElement(BodyText, {
|
|
5837
|
-
level: 1
|
|
5838
|
-
}, /*#__PURE__*/React__default.createElement(HtmlBodyText, {
|
|
5839
|
-
dangerouslySetInnerHTML: {
|
|
5840
|
-
__html: description
|
|
5841
|
-
}
|
|
5842
|
-
})), additionalInfo && /*#__PURE__*/React__default.createElement(AdditionalInfoWrapper, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5843
|
-
level: 5
|
|
5844
|
-
}, 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, {
|
|
5845
|
-
"data-testid": "carousel-wrapper"
|
|
5846
|
-
}, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper, {
|
|
5847
|
-
"data-testid": "rotator-buttons"
|
|
5848
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
5849
|
-
onClickNext: onNext,
|
|
5850
|
-
onClickPrev: onPrev
|
|
5851
|
-
})), /*#__PURE__*/React__default.createElement(Swiper, {
|
|
5852
|
-
slidesPerView: "auto",
|
|
5853
|
-
loop: hasMultipleImages,
|
|
5854
|
-
loopedSlides: images.length,
|
|
5855
|
-
onSwiper: onSwiper
|
|
5856
|
-
}, images.map(function (image) {
|
|
5857
|
-
return /*#__PURE__*/React__default.createElement(SwiperSlide, {
|
|
5858
|
-
key: image.key
|
|
5859
|
-
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5860
|
-
aspectRatio: AspectRatio['4:3']
|
|
5861
|
-
}, /*#__PURE__*/React__default.createElement("img", Object.assign({}, image))));
|
|
5862
|
-
}))));
|
|
5863
|
-
};
|
|
5864
|
-
|
|
5865
|
-
var _excluded$b = ["logo", "slides"];
|
|
5866
|
-
|
|
5867
|
-
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
5868
|
-
var logo = _ref.logo,
|
|
5869
|
-
slides = _ref.slides,
|
|
5870
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
|
|
5871
|
-
|
|
5872
|
-
var cinemaLink = {
|
|
5873
|
-
color: Colors.Cinema,
|
|
5874
|
-
bgColor: Colors.White
|
|
5875
|
-
};
|
|
5876
|
-
var newSlides = slides.map(function (slide) {
|
|
5877
|
-
var _slide$links$1$color, _slide$links$;
|
|
5878
|
-
|
|
5879
|
-
var links = [_extends({}, slide.links[0], cinemaLink)];
|
|
5880
|
-
if (slide.links[1]) links.push(_extends({}, slide.links[1], {
|
|
5881
|
-
color: (_slide$links$1$color = (_slide$links$ = slide.links[1]) == null ? void 0 : _slide$links$.color) != null ? _slide$links$1$color : Colors.White
|
|
5882
|
-
}));
|
|
5883
|
-
return _extends({}, slide, {
|
|
5884
|
-
links: links
|
|
5885
|
-
});
|
|
5886
|
-
});
|
|
5887
|
-
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
5888
|
-
theme: ThemeType.Cinema
|
|
5889
|
-
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
5890
|
-
slides: newSlides,
|
|
5891
|
-
logo: logo ? /*#__PURE__*/React__default.createElement(CinemaBadge, null) : null
|
|
5892
|
-
})));
|
|
5893
|
-
};
|
|
5894
|
-
|
|
5895
|
-
var _excluded$c = ["slides"];
|
|
5896
|
-
|
|
5897
|
-
var HighlightsCore = function HighlightsCore(_ref) {
|
|
5898
|
-
var slides = _ref.slides,
|
|
5899
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
|
|
5900
|
-
|
|
5901
|
-
var newSlides = slides.map(function (slide) {
|
|
5902
|
-
var _slide$links$1$color, _slide$links$;
|
|
5903
|
-
|
|
5904
|
-
var links = [_extends({}, slide.links[0])];
|
|
5905
|
-
if (slide.links[1]) links.push(_extends({}, slide.links[1], {
|
|
5906
|
-
color: (_slide$links$1$color = (_slide$links$ = slide.links[1]) == null ? void 0 : _slide$links$.color) != null ? _slide$links$1$color : Colors.White
|
|
5907
|
-
}));
|
|
5908
|
-
return _extends({}, slide, {
|
|
5909
|
-
links: links
|
|
5910
|
-
});
|
|
5911
|
-
});
|
|
5912
|
-
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
5913
|
-
theme: ThemeType.Core
|
|
5914
|
-
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
5915
|
-
slides: newSlides
|
|
5916
|
-
})));
|
|
5917
|
-
};
|
|
5918
|
-
|
|
5919
|
-
var _excluded$d = ["logo", "slides"];
|
|
5920
|
-
|
|
5921
|
-
var HighlightsStream = function HighlightsStream(_ref) {
|
|
5922
|
-
var logo = _ref.logo,
|
|
5923
|
-
slides = _ref.slides,
|
|
5924
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
5925
|
-
|
|
5926
|
-
var newSlides = slides.map(function (slide) {
|
|
5927
|
-
var _slide$links$1$color, _slide$links$;
|
|
5928
|
-
|
|
5929
|
-
var links = [_extends({}, slide.links[0])];
|
|
5930
|
-
if (slide.links[1]) links.push(_extends({}, slide.links[1], {
|
|
5931
|
-
color: (_slide$links$1$color = (_slide$links$ = slide.links[1]) == null ? void 0 : _slide$links$.color) != null ? _slide$links$1$color : Colors.White
|
|
5932
|
-
}));
|
|
5933
|
-
return _extends({}, slide, {
|
|
5934
|
-
links: links
|
|
5935
|
-
});
|
|
5936
|
-
});
|
|
5937
|
-
return /*#__PURE__*/React__default.createElement(Theme, {
|
|
5938
|
-
theme: ThemeType.Stream
|
|
5939
|
-
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
5940
|
-
slides: newSlides,
|
|
5941
|
-
logo: logo ? /*#__PURE__*/React__default.createElement(StreamBadge, null) : null
|
|
5942
|
-
})));
|
|
5943
|
-
};
|
|
5944
|
-
|
|
5945
|
-
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
5946
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
5422
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject6$7, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1;
|
|
5423
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
5947
5424
|
var sticky = _ref.sticky;
|
|
5948
5425
|
return sticky ? 'sticky' : 'initial';
|
|
5949
5426
|
}, zIndexes.anchor);
|
|
5950
|
-
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
5951
|
-
var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$
|
|
5427
|
+
var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
5428
|
+
var TitleCTAGridItem = /*#__PURE__*/styled.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) {
|
|
5952
5429
|
var title = _ref2.title;
|
|
5953
5430
|
return title ? 'row' : 'row-reverse';
|
|
5954
5431
|
}, devices.tablet, devices.mobile);
|
|
5955
|
-
var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$
|
|
5956
|
-
var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
5957
|
-
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
5958
|
-
var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$
|
|
5432
|
+
var AnchorTitle = /*#__PURE__*/styled.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);
|
|
5433
|
+
var ButtonsDesktopWrapper = /*#__PURE__*/styled.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);
|
|
5434
|
+
var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
5435
|
+
var PrimaryButtonReverse = /*#__PURE__*/styled(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) {
|
|
5959
5436
|
var theme = _ref3.theme;
|
|
5960
5437
|
return theme.colors.primaryButtonReverseBg;
|
|
5961
5438
|
}, function (_ref4) {
|
|
@@ -5968,11 +5445,11 @@ var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$4
|
|
|
5968
5445
|
var theme = _ref6.theme;
|
|
5969
5446
|
return theme.colors.primaryButtonReverse;
|
|
5970
5447
|
});
|
|
5971
|
-
var MessageWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
5972
|
-
var MessageWrapperMobile = /*#__PURE__*/styled.div(_templateObject10$
|
|
5448
|
+
var MessageWrapper = /*#__PURE__*/styled.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);
|
|
5449
|
+
var MessageWrapperMobile = /*#__PURE__*/styled.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);
|
|
5973
5450
|
|
|
5974
|
-
var _excluded$
|
|
5975
|
-
_excluded2
|
|
5451
|
+
var _excluded$a = ["text"],
|
|
5452
|
+
_excluded2 = ["text"];
|
|
5976
5453
|
|
|
5977
5454
|
var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
5978
5455
|
var title = _ref.title,
|
|
@@ -5983,11 +5460,11 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5983
5460
|
|
|
5984
5461
|
var _ref2 = (links == null ? void 0 : links[0]) || {},
|
|
5985
5462
|
primaryButtonText = _ref2.text,
|
|
5986
|
-
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
5463
|
+
primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$a);
|
|
5987
5464
|
|
|
5988
5465
|
var _ref3 = (links == null ? void 0 : links[1]) || {},
|
|
5989
5466
|
secondaryButtonText = _ref3.text,
|
|
5990
|
-
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2
|
|
5467
|
+
secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2);
|
|
5991
5468
|
|
|
5992
5469
|
return /*#__PURE__*/React__default.createElement(TitleCTAGridWrapper, {
|
|
5993
5470
|
sticky: sticky
|
|
@@ -6006,18 +5483,18 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6006
5483
|
}, message)));
|
|
6007
5484
|
};
|
|
6008
5485
|
|
|
6009
|
-
var _templateObject$
|
|
6010
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6011
|
-
var PromoLabelWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6012
|
-
var PromoLabel = /*#__PURE__*/styled.div(_templateObject3$
|
|
5486
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
5487
|
+
var Wrapper$2 = /*#__PURE__*/styled.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);
|
|
5488
|
+
var PromoLabelWrapper = /*#__PURE__*/styled.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"])));
|
|
5489
|
+
var PromoLabel = /*#__PURE__*/styled.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) {
|
|
6013
5490
|
var theme = _ref.theme;
|
|
6014
5491
|
return theme.colors.primary;
|
|
6015
5492
|
}, Colors.White);
|
|
6016
|
-
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
6017
|
-
var TitleContainer$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
6018
|
-
var OfferTextWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
6019
|
-
var PriceRow = /*#__PURE__*/styled.div(_templateObject7$
|
|
6020
|
-
var LineThrough = /*#__PURE__*/styled.div(_templateObject8$
|
|
5493
|
+
var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
5494
|
+
var TitleContainer$1 = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
5495
|
+
var OfferTextWrapper = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
5496
|
+
var PriceRow = /*#__PURE__*/styled.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"])));
|
|
5497
|
+
var LineThrough = /*#__PURE__*/styled.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
6021
5498
|
|
|
6022
5499
|
var OfferText = function OfferText(_ref) {
|
|
6023
5500
|
var title = _ref.title,
|
|
@@ -6087,8 +5564,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
6087
5564
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
6088
5565
|
};
|
|
6089
5566
|
|
|
6090
|
-
var _templateObject$
|
|
6091
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
5567
|
+
var _templateObject$I;
|
|
5568
|
+
var Wrapper$3 = /*#__PURE__*/styled.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);
|
|
6092
5569
|
|
|
6093
5570
|
var UpsellCards = function UpsellCards(_ref) {
|
|
6094
5571
|
var upsellCards = _ref.upsellCards;
|
|
@@ -6106,20 +5583,20 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
6106
5583
|
}));
|
|
6107
5584
|
};
|
|
6108
5585
|
|
|
6109
|
-
var _templateObject$
|
|
6110
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
5586
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m;
|
|
5587
|
+
var UpsellBorderBox = /*#__PURE__*/styled.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) {
|
|
6111
5588
|
var theme = _ref.theme;
|
|
6112
5589
|
return theme.colors.primary;
|
|
6113
5590
|
}, devices.mobile, devices.tablet);
|
|
6114
|
-
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6115
|
-
var TextContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
5591
|
+
var TitleContainer$2 = /*#__PURE__*/styled.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);
|
|
5592
|
+
var TextContainer = /*#__PURE__*/styled.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);
|
|
6116
5593
|
|
|
6117
|
-
var _templateObject$
|
|
6118
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6119
|
-
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6120
|
-
var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6121
|
-
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject4$
|
|
6122
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
5594
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$h, _templateObject5$b;
|
|
5595
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
5596
|
+
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
5597
|
+
var ChildrenContainer = /*#__PURE__*/styled.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);
|
|
5598
|
+
var TitleContainer$3 = /*#__PURE__*/styled.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);
|
|
5599
|
+
var ContentContainer = /*#__PURE__*/styled.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"])));
|
|
6123
5600
|
|
|
6124
5601
|
var Accordion = function Accordion(_ref) {
|
|
6125
5602
|
var _ref$title = _ref.title,
|
|
@@ -6200,8 +5677,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
6200
5677
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
6201
5678
|
};
|
|
6202
5679
|
|
|
6203
|
-
var _templateObject$
|
|
6204
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5680
|
+
var _templateObject$L;
|
|
5681
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
6205
5682
|
|
|
6206
5683
|
var Accordions = function Accordions(_ref) {
|
|
6207
5684
|
var _ref$items = _ref.items,
|
|
@@ -6221,13 +5698,22 @@ var Accordions = function Accordions(_ref) {
|
|
|
6221
5698
|
}));
|
|
6222
5699
|
};
|
|
6223
5700
|
|
|
6224
|
-
var
|
|
6225
|
-
var
|
|
5701
|
+
var Theme = function Theme(_ref) {
|
|
5702
|
+
var children = _ref.children,
|
|
5703
|
+
theme = _ref.theme;
|
|
5704
|
+
var chosenTheme = themes[theme];
|
|
5705
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
5706
|
+
theme: chosenTheme
|
|
5707
|
+
}, children);
|
|
5708
|
+
};
|
|
5709
|
+
|
|
5710
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
5711
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled.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) {
|
|
6226
5712
|
var theme = _ref.theme;
|
|
6227
5713
|
return theme.colors.primary;
|
|
6228
5714
|
}, devices.mobile);
|
|
6229
|
-
var SvgContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6230
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
5715
|
+
var SvgContainer$2 = /*#__PURE__*/styled.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);
|
|
5716
|
+
var ContentContainer$1 = /*#__PURE__*/styled.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"])));
|
|
6231
5717
|
|
|
6232
5718
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
6233
5719
|
var title = _ref.title,
|
|
@@ -6264,48 +5750,48 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
6264
5750
|
}))))));
|
|
6265
5751
|
};
|
|
6266
5752
|
|
|
6267
|
-
var _templateObject$
|
|
5753
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$i, _templateObject5$c, _templateObject6$9, _templateObject7$7, _templateObject8$5, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12;
|
|
6268
5754
|
var LENGTH_LARGE_TEXT = 28;
|
|
6269
5755
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
6270
5756
|
var LENGTH_TEXT_TABLET = 10;
|
|
6271
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5757
|
+
var CardContainer = /*#__PURE__*/styled.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) {
|
|
6272
5758
|
var isCardClickable = _ref.isCardClickable;
|
|
6273
5759
|
return isCardClickable ? 'pointer' : 'default';
|
|
6274
5760
|
}, function (_ref2) {
|
|
6275
5761
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
6276
5762
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
6277
5763
|
});
|
|
6278
|
-
var HoverContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
5764
|
+
var HoverContainer = /*#__PURE__*/styled.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) {
|
|
6279
5765
|
var lineColor = _ref3.lineColor,
|
|
6280
5766
|
theme = _ref3.theme;
|
|
6281
5767
|
if (lineColor === Colors.Cinema) return 'var(--base-color-white)';
|
|
6282
5768
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
6283
5769
|
}, zIndexes.contentOverlay);
|
|
6284
|
-
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6285
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
5770
|
+
var ProgressContainer = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
5771
|
+
var ContentContainer$2 = /*#__PURE__*/styled.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) {
|
|
6286
5772
|
var fullWidth = _ref4.fullWidth;
|
|
6287
5773
|
return fullWidth ? '0' : '20px';
|
|
6288
5774
|
}, function (_ref5) {
|
|
6289
5775
|
var fullWidth = _ref5.fullWidth;
|
|
6290
5776
|
return fullWidth ? '0' : '20px';
|
|
6291
5777
|
});
|
|
6292
|
-
var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject5$
|
|
6293
|
-
var TitleContainerMobile = /*#__PURE__*/styled.div(_templateObject6$
|
|
6294
|
-
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject7$
|
|
6295
|
-
var SubtitleContainer = /*#__PURE__*/styled.span(_templateObject8$
|
|
6296
|
-
var LabelContainer = /*#__PURE__*/styled.div(_templateObject9$
|
|
5778
|
+
var TitleContainer$4 = /*#__PURE__*/styled.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);
|
|
5779
|
+
var TitleContainerMobile = /*#__PURE__*/styled.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);
|
|
5780
|
+
var TextContainer$1 = /*#__PURE__*/styled.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"])));
|
|
5781
|
+
var SubtitleContainer = /*#__PURE__*/styled.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"])));
|
|
5782
|
+
var LabelContainer = /*#__PURE__*/styled.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) {
|
|
6297
5783
|
var isVisible = _ref6.isVisible;
|
|
6298
5784
|
return isVisible ? "visible" : 'hidden';
|
|
6299
5785
|
}, devices.mobile, function (_ref7) {
|
|
6300
5786
|
var isGridCard = _ref7.isGridCard;
|
|
6301
5787
|
return isGridCard ? '20px' : '0';
|
|
6302
5788
|
});
|
|
6303
|
-
var LabelElements = /*#__PURE__*/styled.div(_templateObject10$
|
|
5789
|
+
var LabelElements = /*#__PURE__*/styled.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) {
|
|
6304
5790
|
var bgColor = _ref8.bgColor,
|
|
6305
5791
|
theme = _ref8.theme;
|
|
6306
5792
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
6307
5793
|
});
|
|
6308
|
-
var LabelIconWrapper = /*#__PURE__*/styled.div(_templateObject11$
|
|
5794
|
+
var LabelIconWrapper = /*#__PURE__*/styled.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
|
|
6309
5795
|
|
|
6310
5796
|
var getButtonsOpacity = function getButtonsOpacity(_ref9) {
|
|
6311
5797
|
var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
|
|
@@ -6317,7 +5803,7 @@ var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
|
|
|
6317
5803
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
6318
5804
|
};
|
|
6319
5805
|
|
|
6320
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject12
|
|
5806
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled.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) {
|
|
6321
5807
|
var size = _ref11.size,
|
|
6322
5808
|
primaryButtonTextLength = _ref11.primaryButtonTextLength,
|
|
6323
5809
|
tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
|
|
@@ -6346,8 +5832,66 @@ var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject12$1 || (_templa
|
|
|
6346
5832
|
return '';
|
|
6347
5833
|
});
|
|
6348
5834
|
|
|
6349
|
-
var
|
|
6350
|
-
|
|
5835
|
+
var TEXT_STYLE_HTML_TAGS_REGEXP = '<em>|</em>|<b>|</b>';
|
|
5836
|
+
var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
|
|
5837
|
+
return htmlString.replace(/<[^>]*>/g, '');
|
|
5838
|
+
};
|
|
5839
|
+
|
|
5840
|
+
var getAllMatches = function getAllMatches(str, regExp) {
|
|
5841
|
+
var allMatches = [];
|
|
5842
|
+
var match;
|
|
5843
|
+
|
|
5844
|
+
while (match = regExp.exec(str)) {
|
|
5845
|
+
allMatches.push({
|
|
5846
|
+
value: match[0],
|
|
5847
|
+
index: match.index
|
|
5848
|
+
});
|
|
5849
|
+
}
|
|
5850
|
+
|
|
5851
|
+
return allMatches;
|
|
5852
|
+
};
|
|
5853
|
+
|
|
5854
|
+
var insertString = function insertString(mainString, str, position) {
|
|
5855
|
+
return "" + mainString.substring(0, position) + str + mainString.substring(position);
|
|
5856
|
+
};
|
|
5857
|
+
|
|
5858
|
+
var insertHtmlTags = function insertHtmlTags(strWithTags, strWithoutTags, resultLength) {
|
|
5859
|
+
var htmlTagPositions = getAllMatches(strWithTags, new RegExp(TEXT_STYLE_HTML_TAGS_REGEXP, 'g'));
|
|
5860
|
+
var tagsLength = 0;
|
|
5861
|
+
var resultString = strWithoutTags;
|
|
5862
|
+
htmlTagPositions.forEach(function (tag) {
|
|
5863
|
+
resultString = insertString(resultString, tag.value, tag.index);
|
|
5864
|
+
if (tag.index - tagsLength <= resultLength) tagsLength += tag.value.length;
|
|
5865
|
+
});
|
|
5866
|
+
return {
|
|
5867
|
+
stringWithInsertedTags: resultString,
|
|
5868
|
+
tagsLength: tagsLength
|
|
5869
|
+
};
|
|
5870
|
+
};
|
|
5871
|
+
|
|
5872
|
+
var truncateHtmlString = function truncateHtmlString(str, resultLength, addDots) {
|
|
5873
|
+
if (addDots === void 0) {
|
|
5874
|
+
addDots = false;
|
|
5875
|
+
}
|
|
5876
|
+
|
|
5877
|
+
var strWithoutTags = stripAllHtmlTags(str);
|
|
5878
|
+
if (strWithoutTags.length <= resultLength) return str;
|
|
5879
|
+
|
|
5880
|
+
var _insertHtmlTags = insertHtmlTags(str, strWithoutTags, resultLength),
|
|
5881
|
+
stringWithInsertedTags = _insertHtmlTags.stringWithInsertedTags,
|
|
5882
|
+
tagsLength = _insertHtmlTags.tagsLength;
|
|
5883
|
+
|
|
5884
|
+
var truncatedString = stringWithInsertedTags.substring(0, resultLength + tagsLength);
|
|
5885
|
+
var isSpaceNext = strWithoutTags[resultLength] === ' ';
|
|
5886
|
+
if (!isSpaceNext) truncatedString = truncatedString.substring(0, truncatedString.lastIndexOf(' '));
|
|
5887
|
+
return addDots ? truncatedString + "..." : truncatedString;
|
|
5888
|
+
};
|
|
5889
|
+
var truncate = function truncate(str, n) {
|
|
5890
|
+
return str.length >= n ? str.substring(0, n) : str;
|
|
5891
|
+
};
|
|
5892
|
+
|
|
5893
|
+
var _excluded$b = ["text"],
|
|
5894
|
+
_excluded2$1 = ["text"];
|
|
6351
5895
|
|
|
6352
5896
|
var _buttonTypeToButton;
|
|
6353
5897
|
var LENGTH_LARGE_TEXT$1 = 28;
|
|
@@ -6399,7 +5943,7 @@ var Card = function Card(_ref) {
|
|
|
6399
5943
|
var _ref2 = firstButton || {},
|
|
6400
5944
|
_ref2$text = _ref2.text,
|
|
6401
5945
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
6402
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
5946
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$b);
|
|
6403
5947
|
|
|
6404
5948
|
var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
|
|
6405
5949
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -6407,7 +5951,7 @@ var Card = function Card(_ref) {
|
|
|
6407
5951
|
var _ref3 = secondButton || {},
|
|
6408
5952
|
_ref3$text = _ref3.text,
|
|
6409
5953
|
secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
6410
|
-
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
5954
|
+
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
|
|
6411
5955
|
|
|
6412
5956
|
var tertiaryButtonTextTruncate = size === 'small' ? truncate(secondButtonText, LENGTH_SMALL_TEXT$2) : truncate(secondButtonText, LENGTH_LARGE_TEXT$1);
|
|
6413
5957
|
|
|
@@ -6487,9 +6031,9 @@ var Card = function Card(_ref) {
|
|
|
6487
6031
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
6488
6032
|
};
|
|
6489
6033
|
|
|
6490
|
-
var _templateObject$
|
|
6491
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6492
|
-
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$
|
|
6034
|
+
var _templateObject$O, _templateObject2$x;
|
|
6035
|
+
var CardsContainer = /*#__PURE__*/styled(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);
|
|
6036
|
+
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
6493
6037
|
|
|
6494
6038
|
var Cards = function Cards(_ref) {
|
|
6495
6039
|
var cards = _ref.cards,
|
|
@@ -6532,18 +6076,18 @@ var Cards = function Cards(_ref) {
|
|
|
6532
6076
|
}));
|
|
6533
6077
|
};
|
|
6534
6078
|
|
|
6535
|
-
var _templateObject$
|
|
6536
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6537
|
-
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6079
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$q, _templateObject4$j, _templateObject5$d;
|
|
6080
|
+
var ContentWrapper = /*#__PURE__*/styled.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);
|
|
6081
|
+
var Wrapper$4 = /*#__PURE__*/styled.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) {
|
|
6538
6082
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
6539
6083
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6540
6084
|
}, function (_ref2) {
|
|
6541
6085
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
6542
6086
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
6543
6087
|
}, devices.mobileAndTablet);
|
|
6544
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$
|
|
6545
|
-
var AddressWrapperMobile = /*#__PURE__*/styled.div(_templateObject4$
|
|
6546
|
-
var DetailsWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
6088
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6089
|
+
var AddressWrapperMobile = /*#__PURE__*/styled.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);
|
|
6090
|
+
var DetailsWrapper = /*#__PURE__*/styled.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);
|
|
6547
6091
|
|
|
6548
6092
|
var divideAddressString = function divideAddressString(address) {
|
|
6549
6093
|
return address.split(',').map(function (chunk) {
|
|
@@ -6600,18 +6144,18 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
6600
6144
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
6601
6145
|
};
|
|
6602
6146
|
|
|
6603
|
-
var _templateObject$
|
|
6604
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
6605
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$
|
|
6147
|
+
var _templateObject$Q, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$e, _templateObject6$a, _templateObject7$8;
|
|
6148
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6149
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled.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) {
|
|
6606
6150
|
return props.clickable ? 'pointer' : 'default';
|
|
6607
6151
|
}, devices.mobile);
|
|
6608
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
6609
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6152
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
6153
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled.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) {
|
|
6610
6154
|
return props.showImage ? 2 : '1 / span 4';
|
|
6611
6155
|
}, devices.mobile);
|
|
6612
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
6613
|
-
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject6$
|
|
6614
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
6156
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled.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);
|
|
6157
|
+
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
6158
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.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) {
|
|
6615
6159
|
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 ";
|
|
6616
6160
|
});
|
|
6617
6161
|
|
|
@@ -6683,21 +6227,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
6683
6227
|
}), link.text)));
|
|
6684
6228
|
};
|
|
6685
6229
|
|
|
6686
|
-
var _templateObject$
|
|
6687
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
6230
|
+
var _templateObject$R, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
|
|
6231
|
+
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
6688
6232
|
var imageToLeft = _ref.imageToLeft;
|
|
6689
6233
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
6690
6234
|
}, devices.mobile);
|
|
6691
|
-
var EditorialImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6235
|
+
var EditorialImageWrapper = /*#__PURE__*/styled.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) {
|
|
6692
6236
|
var imageToLeft = _ref2.imageToLeft;
|
|
6693
6237
|
return imageToLeft ? 'left' : 'right';
|
|
6694
6238
|
}, devices.mobile);
|
|
6695
|
-
var EditorialTextWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
6239
|
+
var EditorialTextWrapper = /*#__PURE__*/styled.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) {
|
|
6696
6240
|
var imageToLeft = _ref3.imageToLeft;
|
|
6697
6241
|
return imageToLeft ? 'right' : 'left';
|
|
6698
6242
|
}, devices.mobile);
|
|
6699
|
-
var EditorialSubtitle = /*#__PURE__*/styled.span(_templateObject4$
|
|
6700
|
-
var EditorialText = /*#__PURE__*/styled.div(_templateObject5$
|
|
6243
|
+
var EditorialSubtitle = /*#__PURE__*/styled.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"])));
|
|
6244
|
+
var EditorialText = /*#__PURE__*/styled.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"])));
|
|
6701
6245
|
|
|
6702
6246
|
var Editorial = function Editorial(_ref) {
|
|
6703
6247
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -6761,10 +6305,10 @@ var BackgroundColour;
|
|
|
6761
6305
|
BackgroundColour["White"] = "white";
|
|
6762
6306
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
6763
6307
|
|
|
6764
|
-
var _templateObject$
|
|
6765
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
6766
|
-
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$
|
|
6767
|
-
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$
|
|
6308
|
+
var _templateObject$S, _templateObject2$B, _templateObject3$t, _templateObject4$m;
|
|
6309
|
+
var InfoContent = /*#__PURE__*/styled('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"])));
|
|
6310
|
+
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
6311
|
+
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
6768
6312
|
if (!props.infoThemed) {
|
|
6769
6313
|
return;
|
|
6770
6314
|
} else {
|
|
@@ -6775,7 +6319,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_template
|
|
|
6775
6319
|
}
|
|
6776
6320
|
}
|
|
6777
6321
|
});
|
|
6778
|
-
var InfoWrapper
|
|
6322
|
+
var InfoWrapper = /*#__PURE__*/styled(Grid)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
6779
6323
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
6780
6324
|
}, function (props) {
|
|
6781
6325
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -6860,7 +6404,7 @@ var Information = function Information(_ref) {
|
|
|
6860
6404
|
var maxTitleWordLength = Math.max.apply(Math, titleWordLengths);
|
|
6861
6405
|
var titleColumnSpan = getColumnSpan(title.variant, title.textSize, maxTitleWordLength);
|
|
6862
6406
|
var bgColour = background != null ? background : BackgroundColour.White;
|
|
6863
|
-
return /*#__PURE__*/React__default.createElement(InfoWrapper
|
|
6407
|
+
return /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
6864
6408
|
background: bgColour,
|
|
6865
6409
|
"data-testid": "infoWrapper"
|
|
6866
6410
|
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
@@ -6888,29 +6432,29 @@ var Information = function Information(_ref) {
|
|
|
6888
6432
|
}))));
|
|
6889
6433
|
};
|
|
6890
6434
|
|
|
6891
|
-
var _templateObject$
|
|
6892
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6435
|
+
var _templateObject$T, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$g, _templateObject6$b, _templateObject7$9, _templateObject8$6;
|
|
6436
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
6893
6437
|
var theme = _ref.theme;
|
|
6894
6438
|
return theme.colors.primary;
|
|
6895
6439
|
}, function (_ref2) {
|
|
6896
6440
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
6897
6441
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
6898
6442
|
}, devices.mobile);
|
|
6899
|
-
var PageHeadingGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
6900
|
-
var TitleWrapper$
|
|
6443
|
+
var PageHeadingGrid = /*#__PURE__*/styled(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);
|
|
6444
|
+
var TitleWrapper$1 = /*#__PURE__*/styled.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) {
|
|
6901
6445
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
6902
6446
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
6903
6447
|
}, devices.mobile);
|
|
6904
|
-
var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
6448
|
+
var ChildrenWrapper = /*#__PURE__*/styled.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) {
|
|
6905
6449
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
6906
6450
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
6907
6451
|
}, devices.mobile);
|
|
6908
|
-
var TextWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
6909
|
-
var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
6910
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$
|
|
6911
|
-
var PageHeadingText = /*#__PURE__*/styled.div(_templateObject8$
|
|
6452
|
+
var TextWrapper = /*#__PURE__*/styled.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"])));
|
|
6453
|
+
var LogoWrapper$2 = /*#__PURE__*/styled.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);
|
|
6454
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.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);
|
|
6455
|
+
var PageHeadingText = /*#__PURE__*/styled.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"])));
|
|
6912
6456
|
|
|
6913
|
-
var _excluded$
|
|
6457
|
+
var _excluded$c = ["text"];
|
|
6914
6458
|
|
|
6915
6459
|
var PageHeading = function PageHeading(_ref) {
|
|
6916
6460
|
var title = _ref.title,
|
|
@@ -6922,7 +6466,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6922
6466
|
|
|
6923
6467
|
var _ref2 = link || {},
|
|
6924
6468
|
linkText = _ref2.text,
|
|
6925
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6469
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
|
|
6926
6470
|
|
|
6927
6471
|
var truncatedText = text == null ? void 0 : text.substring(0, 250);
|
|
6928
6472
|
var truncatedTitle = title && title.substring(0, 40);
|
|
@@ -6930,7 +6474,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6930
6474
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
6931
6475
|
"data-testid": "page-heading-wrapper",
|
|
6932
6476
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
6933
|
-
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
6477
|
+
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
6934
6478
|
"data-testid": "page-heading-title",
|
|
6935
6479
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
6936
6480
|
}, children ? /*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
@@ -6950,11 +6494,11 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
6950
6494
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null));
|
|
6951
6495
|
};
|
|
6952
6496
|
|
|
6953
|
-
var _excluded$
|
|
6497
|
+
var _excluded$d = ["link"];
|
|
6954
6498
|
|
|
6955
6499
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
6956
6500
|
var link = _ref.link,
|
|
6957
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6501
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
6958
6502
|
|
|
6959
6503
|
var coreLink = link && _extends({}, link, {
|
|
6960
6504
|
color: Colors.White,
|
|
@@ -6968,11 +6512,11 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
6968
6512
|
})));
|
|
6969
6513
|
};
|
|
6970
6514
|
|
|
6971
|
-
var _excluded$
|
|
6515
|
+
var _excluded$e = ["link"];
|
|
6972
6516
|
|
|
6973
6517
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
6974
6518
|
var link = _ref.link,
|
|
6975
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6519
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
|
|
6976
6520
|
|
|
6977
6521
|
var cinemaLink = link && _extends({}, link, {
|
|
6978
6522
|
color: Colors.Black,
|
|
@@ -6986,142 +6530,17 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
6986
6530
|
}), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
|
|
6987
6531
|
};
|
|
6988
6532
|
|
|
6989
|
-
var _templateObject$
|
|
6990
|
-
var
|
|
6991
|
-
var
|
|
6992
|
-
|
|
6993
|
-
|
|
6994
|
-
|
|
6995
|
-
|
|
6996
|
-
|
|
6997
|
-
|
|
6998
|
-
var theme = _ref3.theme;
|
|
6999
|
-
return theme.fonts.mobile.letterSpacing.headers[3];
|
|
7000
|
-
}, function (_ref4) {
|
|
7001
|
-
var theme = _ref4.theme;
|
|
7002
|
-
return theme.fonts.mobile.lineHeights.headers[3];
|
|
7003
|
-
});
|
|
7004
|
-
var HighlightTextWrapper = /*#__PURE__*/styled.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) {
|
|
7005
|
-
var theme = _ref5.theme;
|
|
7006
|
-
return theme.fonts.mobile.sizes.body[1];
|
|
7007
|
-
}, function (_ref6) {
|
|
7008
|
-
var theme = _ref6.theme;
|
|
7009
|
-
return theme.fonts.mobile.weights.body[1];
|
|
7010
|
-
}, function (_ref7) {
|
|
7011
|
-
var theme = _ref7.theme;
|
|
7012
|
-
return theme.fonts.mobile.letterSpacing.body[1];
|
|
7013
|
-
}, function (_ref8) {
|
|
7014
|
-
var theme = _ref8.theme;
|
|
7015
|
-
return theme.fonts.mobile.lineHeights.body[1];
|
|
7016
|
-
}, devices.mobile);
|
|
7017
|
-
var HighlightsInfoWrapper = /*#__PURE__*/styled.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) {
|
|
7018
|
-
var hasImages = _ref9.hasImages;
|
|
7019
|
-
return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7020
|
-
}, devices.mobile, function (_ref10) {
|
|
7021
|
-
var hasImages = _ref10.hasImages;
|
|
7022
|
-
return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7023
|
-
});
|
|
7024
|
-
var HighlightsCarouselWrapper = /*#__PURE__*/styled.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) {
|
|
7025
|
-
var hasMultipleImages = _ref11.hasMultipleImages;
|
|
7026
|
-
return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
|
|
7027
|
-
}, devices.tablet, devices.mobile);
|
|
7028
|
-
var MobileRotatorButtonsWrapper = /*#__PURE__*/styled.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);
|
|
7029
|
-
var RotatorButtonsWrapper$1 = /*#__PURE__*/styled.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);
|
|
7030
|
-
|
|
7031
|
-
var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
|
|
7032
|
-
var title = _ref.title,
|
|
7033
|
-
subtitle = _ref.subtitle,
|
|
7034
|
-
text = _ref.text,
|
|
7035
|
-
images = _ref.images;
|
|
7036
|
-
|
|
7037
|
-
var _useState = useState(),
|
|
7038
|
-
swiper = _useState[0],
|
|
7039
|
-
setSwiper = _useState[1];
|
|
7040
|
-
|
|
7041
|
-
var _useState2 = useState(0),
|
|
7042
|
-
setCurrentImage = _useState2[1];
|
|
7043
|
-
|
|
7044
|
-
useEffect(function () {
|
|
7045
|
-
var slideChangeHandler = function slideChangeHandler(s) {
|
|
7046
|
-
return setCurrentImage(s.realIndex);
|
|
7047
|
-
};
|
|
7048
|
-
|
|
7049
|
-
swiper == null ? void 0 : swiper.on('slideChangeTransitionStart', slideChangeHandler);
|
|
7050
|
-
return function () {
|
|
7051
|
-
return swiper == null ? void 0 : swiper.off('slideChangeTransitionStart', slideChangeHandler);
|
|
7052
|
-
};
|
|
7053
|
-
}, [swiper]);
|
|
7054
|
-
|
|
7055
|
-
var onSwiper = function onSwiper(s) {
|
|
7056
|
-
setSwiper(s);
|
|
7057
|
-
};
|
|
7058
|
-
|
|
7059
|
-
var onNext = function onNext() {
|
|
7060
|
-
if (swiper && !swiper.animating) {
|
|
7061
|
-
swiper.slideNext();
|
|
7062
|
-
}
|
|
7063
|
-
};
|
|
7064
|
-
|
|
7065
|
-
var onPrev = function onPrev() {
|
|
7066
|
-
if (swiper && !swiper.animating) {
|
|
7067
|
-
swiper.slidePrev();
|
|
7068
|
-
}
|
|
7069
|
-
};
|
|
7070
|
-
|
|
7071
|
-
var headerImages = images || [];
|
|
7072
|
-
var hasImages = !!headerImages.length;
|
|
7073
|
-
var hasMultipleImages = headerImages.length > 1;
|
|
7074
|
-
return /*#__PURE__*/React__default.createElement(HighlightsGrid$1, null, hasImages && /*#__PURE__*/React__default.createElement(MobileRotatorButtonsWrapper, null, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7075
|
-
onClickNext: onNext,
|
|
7076
|
-
onClickPrev: onPrev
|
|
7077
|
-
})), /*#__PURE__*/React__default.createElement(HighlightsInfoWrapper, {
|
|
7078
|
-
hasImages: hasImages
|
|
7079
|
-
}, /*#__PURE__*/React__default.createElement(HighlightTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
7080
|
-
level: 3,
|
|
7081
|
-
semanticLevel: 1
|
|
7082
|
-
}, title), /*#__PURE__*/React__default.createElement(Subtitle, {
|
|
7083
|
-
level: 2
|
|
7084
|
-
}, subtitle)), text && /*#__PURE__*/React__default.createElement(HighlightTextWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7085
|
-
level: 1
|
|
7086
|
-
}, /*#__PURE__*/React__default.createElement("span", {
|
|
7087
|
-
dangerouslySetInnerHTML: {
|
|
7088
|
-
__html: text
|
|
7089
|
-
}
|
|
7090
|
-
})))), hasImages && /*#__PURE__*/React__default.createElement(HighlightsCarouselWrapper, {
|
|
7091
|
-
hasMultipleImages: hasMultipleImages
|
|
7092
|
-
}, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper$1, {
|
|
7093
|
-
"data-testid": "rotator-buttons"
|
|
7094
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7095
|
-
onClickNext: onNext,
|
|
7096
|
-
onClickPrev: onPrev
|
|
7097
|
-
})), /*#__PURE__*/React__default.createElement(Swiper, {
|
|
7098
|
-
slidesPerView: "auto",
|
|
7099
|
-
loop: hasMultipleImages,
|
|
7100
|
-
loopedSlides: headerImages.length,
|
|
7101
|
-
onSwiper: onSwiper
|
|
7102
|
-
}, headerImages.map(function (image, index) {
|
|
7103
|
-
return /*#__PURE__*/React__default.createElement(SwiperSlide, {
|
|
7104
|
-
key: "carousel-image-" + index
|
|
7105
|
-
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
7106
|
-
aspectRatio: AspectRatio['4:3']
|
|
7107
|
-
}, /*#__PURE__*/React__default.createElement("img", {
|
|
7108
|
-
src: image.src,
|
|
7109
|
-
alt: image.alt
|
|
7110
|
-
})));
|
|
7111
|
-
}))));
|
|
7112
|
-
};
|
|
7113
|
-
|
|
7114
|
-
var _templateObject$X, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k, _templateObject6$e, _templateObject7$c, _templateObject8$8;
|
|
7115
|
-
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
7116
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
7117
|
-
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
7118
|
-
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
7119
|
-
var LogoWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
7120
|
-
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
7121
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled.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);
|
|
7122
|
-
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
6533
|
+
var _templateObject$U, _templateObject2$D, _templateObject3$v, _templateObject4$o, _templateObject5$h, _templateObject6$c, _templateObject7$a, _templateObject8$7;
|
|
6534
|
+
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
6535
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
6536
|
+
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
6537
|
+
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
6538
|
+
var LogoWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
6539
|
+
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
6540
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled.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);
|
|
6541
|
+
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
7123
6542
|
|
|
7124
|
-
var _excluded$
|
|
6543
|
+
var _excluded$f = ["text"];
|
|
7125
6544
|
|
|
7126
6545
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
7127
6546
|
var children = _ref.children,
|
|
@@ -7139,7 +6558,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7139
6558
|
|
|
7140
6559
|
var _ref2 = link || {},
|
|
7141
6560
|
linkText = _ref2.text,
|
|
7142
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
6561
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
|
|
7143
6562
|
|
|
7144
6563
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
7145
6564
|
bgUrlDesktop: bgUrlDesktop,
|
|
@@ -7184,21 +6603,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7184
6603
|
}, "Scroll Down")) : null);
|
|
7185
6604
|
};
|
|
7186
6605
|
|
|
7187
|
-
var _templateObject$
|
|
7188
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
6606
|
+
var _templateObject$V, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i;
|
|
6607
|
+
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
7189
6608
|
var color = _ref.color;
|
|
7190
6609
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
7191
6610
|
}, devices.mobileAndTablet);
|
|
7192
|
-
var LeftPanel = /*#__PURE__*/styled.div(_templateObject2$
|
|
6611
|
+
var LeftPanel = /*#__PURE__*/styled.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) {
|
|
7193
6612
|
var hasImage = _ref2.hasImage;
|
|
7194
6613
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7195
6614
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
7196
6615
|
var hasImage = _ref3.hasImage;
|
|
7197
6616
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7198
6617
|
});
|
|
7199
|
-
var RightPanel = /*#__PURE__*/styled.div(_templateObject3$
|
|
7200
|
-
var InfoWrapper$
|
|
7201
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
6618
|
+
var RightPanel = /*#__PURE__*/styled.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);
|
|
6619
|
+
var InfoWrapper$1 = /*#__PURE__*/styled.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);
|
|
6620
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled.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);
|
|
7202
6621
|
|
|
7203
6622
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
7204
6623
|
var _image$src, _image$alt;
|
|
@@ -7213,7 +6632,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7213
6632
|
"data-testid": "wrapper"
|
|
7214
6633
|
}, /*#__PURE__*/React__default.createElement(LeftPanel, {
|
|
7215
6634
|
hasImage: hasImage
|
|
7216
|
-
}, /*#__PURE__*/React__default.createElement(InfoWrapper$
|
|
6635
|
+
}, /*#__PURE__*/React__default.createElement(InfoWrapper$1, null, info), scrollTo && /*#__PURE__*/React__default.createElement(ScrollDownWrapper$1, {
|
|
7217
6636
|
"data-testid": "scroll-link"
|
|
7218
6637
|
}, /*#__PURE__*/React__default.createElement(TabLink, {
|
|
7219
6638
|
iconName: "Arrow",
|
|
@@ -7229,14 +6648,14 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
7229
6648
|
}))));
|
|
7230
6649
|
};
|
|
7231
6650
|
|
|
7232
|
-
var _templateObject$
|
|
7233
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6651
|
+
var _templateObject$W;
|
|
6652
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
7234
6653
|
|
|
7235
|
-
var _excluded$
|
|
6654
|
+
var _excluded$g = ["link"];
|
|
7236
6655
|
|
|
7237
6656
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
7238
6657
|
var link = _ref.link,
|
|
7239
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
6658
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
7240
6659
|
|
|
7241
6660
|
var streamLink = link && _extends({}, link, {
|
|
7242
6661
|
color: Colors.Black,
|
|
@@ -7250,12 +6669,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
7250
6669
|
}), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
|
|
7251
6670
|
};
|
|
7252
6671
|
|
|
7253
|
-
var _templateObject$
|
|
7254
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$
|
|
7255
|
-
var BrandingTextBody = /*#__PURE__*/styled.p(_templateObject2$
|
|
7256
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7257
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
7258
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$
|
|
6672
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject5$j, _templateObject6$d, _templateObject7$b, _templateObject8$8, _templateObject9$3, _templateObject10$3;
|
|
6673
|
+
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
6674
|
+
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
6675
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
6676
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
6677
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled(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) {
|
|
7259
6678
|
var invert = _ref.invert,
|
|
7260
6679
|
theme = _ref.theme;
|
|
7261
6680
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -7271,10 +6690,10 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$f || (
|
|
|
7271
6690
|
var theme = _ref4.theme;
|
|
7272
6691
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
7273
6692
|
}, devices.mobile);
|
|
7274
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
7275
|
-
var CompactHeaderTitleWrapper = /*#__PURE__*/styled.div(_templateObject8$
|
|
7276
|
-
var CompactHeaderCTAWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
7277
|
-
var PrimaryButtonWithInversion = /*#__PURE__*/styled(PrimaryButton)(_templateObject10$
|
|
6693
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled.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);
|
|
6694
|
+
var CompactHeaderTitleWrapper = /*#__PURE__*/styled.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);
|
|
6695
|
+
var CompactHeaderCTAWrapper = /*#__PURE__*/styled.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);
|
|
6696
|
+
var PrimaryButtonWithInversion = /*#__PURE__*/styled(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) {
|
|
7278
6697
|
var invert = _ref5.invert,
|
|
7279
6698
|
theme = _ref5.theme;
|
|
7280
6699
|
return invert ? theme.colors.primary : theme.colors.white;
|
|
@@ -7380,7 +6799,7 @@ var useMobile = function useMobile() {
|
|
|
7380
6799
|
return mobile;
|
|
7381
6800
|
};
|
|
7382
6801
|
|
|
7383
|
-
var _excluded$
|
|
6802
|
+
var _excluded$h = ["text"];
|
|
7384
6803
|
|
|
7385
6804
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
7386
6805
|
var mobileVideo = video.mobile || video.desktop;
|
|
@@ -7497,7 +6916,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7497
6916
|
|
|
7498
6917
|
var _ref5 = link || {},
|
|
7499
6918
|
linkText = _ref5.text,
|
|
7500
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
6919
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$h);
|
|
7501
6920
|
|
|
7502
6921
|
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
7503
6922
|
var video = {
|
|
@@ -7535,15 +6954,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
7535
6954
|
}), linkText))));
|
|
7536
6955
|
};
|
|
7537
6956
|
|
|
7538
|
-
var _templateObject
|
|
7539
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject
|
|
7540
|
-
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject2$
|
|
6957
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$q;
|
|
6958
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
6959
|
+
var PageNumberWrapper = /*#__PURE__*/styled.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
|
|
7541
6960
|
|
|
7542
|
-
var PageNumber = /*#__PURE__*/styled(
|
|
6961
|
+
var PageNumber = /*#__PURE__*/styled.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) {
|
|
7543
6962
|
var active = _ref.active;
|
|
7544
6963
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
7545
6964
|
});
|
|
7546
|
-
var NextPage = /*#__PURE__*/styled(PageNumber)(_templateObject4$
|
|
6965
|
+
var NextPage = /*#__PURE__*/styled(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"])));
|
|
7547
6966
|
|
|
7548
6967
|
var reducePages = function reducePages(pages, currentPage) {
|
|
7549
6968
|
// If there are less than 6 pages, return all pages
|
|
@@ -7577,7 +6996,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
7577
6996
|
key: "previous-page",
|
|
7578
6997
|
"data-testid": "left-arrow"
|
|
7579
6998
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
7580
|
-
|
|
6999
|
+
href: "" + baseUrl + (currentPage - 1)
|
|
7581
7000
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
7582
7001
|
iconName: "DropdownArrow",
|
|
7583
7002
|
direction: "down"
|
|
@@ -7593,7 +7012,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
7593
7012
|
theme: "core",
|
|
7594
7013
|
key: page,
|
|
7595
7014
|
active: "" + (page === currentPage),
|
|
7596
|
-
|
|
7015
|
+
href: "" + baseUrl + page,
|
|
7597
7016
|
"data-testid": "page-number"
|
|
7598
7017
|
}, page));
|
|
7599
7018
|
}), currentPage + 4 < pageCount && /*#__PURE__*/React__default.createElement("li", {
|
|
@@ -7605,20 +7024,20 @@ var Pagination = function Pagination(_ref) {
|
|
|
7605
7024
|
key: "next-page",
|
|
7606
7025
|
"data-testid": "right-arrow"
|
|
7607
7026
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
7608
|
-
|
|
7027
|
+
href: "" + baseUrl + (currentPage + 1)
|
|
7609
7028
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
7610
7029
|
iconName: "DropdownArrow",
|
|
7611
7030
|
direction: "up"
|
|
7612
7031
|
}))));
|
|
7613
7032
|
};
|
|
7614
7033
|
|
|
7615
|
-
var _templateObject$
|
|
7616
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7617
|
-
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7618
|
-
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7619
|
-
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
7620
|
-
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
7621
|
-
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
7034
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$z, _templateObject4$r, _templateObject5$k, _templateObject6$e;
|
|
7035
|
+
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
7036
|
+
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
7037
|
+
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
7038
|
+
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
7039
|
+
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
7040
|
+
var PersonLink = /*#__PURE__*/styled.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"])));
|
|
7622
7041
|
|
|
7623
7042
|
var Person = function Person(_ref) {
|
|
7624
7043
|
var person = _ref.person,
|
|
@@ -7669,14 +7088,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
7669
7088
|
}));
|
|
7670
7089
|
};
|
|
7671
7090
|
|
|
7672
|
-
var _templateObject$
|
|
7091
|
+
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;
|
|
7673
7092
|
var LENGTH_TEXT = 28;
|
|
7674
7093
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
7675
7094
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
7676
7095
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
7677
7096
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
7678
7097
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
7679
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7098
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
|
|
7680
7099
|
var imageToLeft = _ref.imageToLeft;
|
|
7681
7100
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
7682
7101
|
}, devices.tablet, function (_ref2) {
|
|
@@ -7686,8 +7105,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$11 || (_templa
|
|
|
7686
7105
|
var asCard = _ref3.asCard;
|
|
7687
7106
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
7688
7107
|
});
|
|
7689
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled.span(_templateObject2$
|
|
7690
|
-
var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$
|
|
7108
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled.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"])));
|
|
7109
|
+
var PromoWithTagsText = /*#__PURE__*/styled.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) {
|
|
7691
7110
|
var theme = _ref4.theme;
|
|
7692
7111
|
return theme.colors.black;
|
|
7693
7112
|
}, function (_ref5) {
|
|
@@ -7697,7 +7116,7 @@ var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$D || (_template
|
|
|
7697
7116
|
var theme = _ref6.theme;
|
|
7698
7117
|
return theme.colors.primary;
|
|
7699
7118
|
});
|
|
7700
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
7119
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled.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) {
|
|
7701
7120
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
7702
7121
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
7703
7122
|
}, function (_ref8) {
|
|
@@ -7725,19 +7144,19 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$v || (_templat
|
|
|
7725
7144
|
|
|
7726
7145
|
return '';
|
|
7727
7146
|
});
|
|
7728
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
7147
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref10) {
|
|
7729
7148
|
var marginBottom = _ref10.marginBottom;
|
|
7730
7149
|
return marginBottom + "px";
|
|
7731
7150
|
});
|
|
7732
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$
|
|
7733
|
-
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$
|
|
7734
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$
|
|
7735
|
-
var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject9$
|
|
7736
|
-
var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject10$
|
|
7737
|
-
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject11$
|
|
7738
|
-
var MobileTitleWrapper = /*#__PURE__*/styled.div(_templateObject12$
|
|
7739
|
-
var PromoWithTagsTypeTags = /*#__PURE__*/styled(TypeTags)(_templateObject13
|
|
7740
|
-
var PromoWithTagsHeader = /*#__PURE__*/styled(Header)(_templateObject14
|
|
7151
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
7152
|
+
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
7153
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled.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"])));
|
|
7154
|
+
var ExtraContentWrapper = /*#__PURE__*/styled.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);
|
|
7155
|
+
var IconWrapper$2 = /*#__PURE__*/styled.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);
|
|
7156
|
+
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
7157
|
+
var MobileTitleWrapper = /*#__PURE__*/styled.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);
|
|
7158
|
+
var PromoWithTagsTypeTags = /*#__PURE__*/styled(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7159
|
+
var PromoWithTagsHeader = /*#__PURE__*/styled(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7741
7160
|
var PromoWithTagsTextLink = /*#__PURE__*/styled(TextLink)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7742
7161
|
var asCardOverrides = /*#__PURE__*/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);
|
|
7743
7162
|
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled.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) {
|
|
@@ -7755,11 +7174,11 @@ var PromoWithTagsContentWrapper = /*#__PURE__*/styled.div(_templateObject18 || (
|
|
|
7755
7174
|
return asCard && asCardOverrides;
|
|
7756
7175
|
});
|
|
7757
7176
|
var PromoWithTagsContainer = /*#__PURE__*/styled.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
7758
|
-
var TimerWrapper$
|
|
7177
|
+
var TimerWrapper$1 = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
7759
7178
|
var EndDateText = /*#__PURE__*/styled.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);
|
|
7760
7179
|
|
|
7761
|
-
var _excluded$
|
|
7762
|
-
_excluded2$
|
|
7180
|
+
var _excluded$i = ["text"],
|
|
7181
|
+
_excluded2$2 = ["text"],
|
|
7763
7182
|
_excluded3 = ["text"];
|
|
7764
7183
|
|
|
7765
7184
|
var _buttonTypeToButton$1;
|
|
@@ -7832,7 +7251,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7832
7251
|
var _ref2 = firstButton || {},
|
|
7833
7252
|
_ref2$text = _ref2.text,
|
|
7834
7253
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7835
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7254
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
|
|
7836
7255
|
|
|
7837
7256
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
7838
7257
|
var secondButton = links == null ? void 0 : links[1];
|
|
@@ -7840,7 +7259,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7840
7259
|
var _ref3 = secondButton || {},
|
|
7841
7260
|
_ref3$text = _ref3.text,
|
|
7842
7261
|
secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
7843
|
-
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
7262
|
+
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
|
|
7844
7263
|
|
|
7845
7264
|
var secondButtonTextTruncate = truncate(secondButtonText, LENGTH_TEXT$1);
|
|
7846
7265
|
var textTruncate = asCard ? truncate(text || '', LENGTH_TEXT_PARAGRAPH) : text;
|
|
@@ -7867,7 +7286,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7867
7286
|
}, timerParams.endDateText));
|
|
7868
7287
|
}
|
|
7869
7288
|
|
|
7870
|
-
return /*#__PURE__*/React__default.createElement(TimerWrapper$
|
|
7289
|
+
return /*#__PURE__*/React__default.createElement(TimerWrapper$1, {
|
|
7871
7290
|
"data-testid": "promo-with-tags-timer-wrapper"
|
|
7872
7291
|
}, /*#__PURE__*/React__default.createElement(Timer, {
|
|
7873
7292
|
endDateHandler: function endDateHandler() {
|
|
@@ -7951,27 +7370,27 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
7951
7370
|
}))));
|
|
7952
7371
|
};
|
|
7953
7372
|
|
|
7954
|
-
var _templateObject
|
|
7373
|
+
var _templateObject$$, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$m, _templateObject6$g, _templateObject7$d;
|
|
7955
7374
|
var LENGTH_TEXT$2 = 28;
|
|
7956
7375
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
7957
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject
|
|
7376
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
7958
7377
|
var imageToLeft = _ref.imageToLeft;
|
|
7959
7378
|
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'";
|
|
7960
7379
|
}, devices.tablet, function (_ref2) {
|
|
7961
7380
|
var imageToLeft = _ref2.imageToLeft;
|
|
7962
7381
|
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'";
|
|
7963
7382
|
}, devices.mobile);
|
|
7964
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
7383
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled.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) {
|
|
7965
7384
|
var imageToLeft = _ref3.imageToLeft;
|
|
7966
7385
|
return imageToLeft ? 'left' : 'right';
|
|
7967
7386
|
}, devices.mobile);
|
|
7968
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
7387
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled.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) {
|
|
7969
7388
|
var imageToLeft = _ref4.imageToLeft;
|
|
7970
7389
|
return imageToLeft ? 'right' : 'left';
|
|
7971
7390
|
}, devices.mobile);
|
|
7972
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
7973
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$
|
|
7974
|
-
var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$
|
|
7391
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled.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);
|
|
7392
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled.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"])));
|
|
7393
|
+
var PromoWithTitleText = /*#__PURE__*/styled.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) {
|
|
7975
7394
|
var theme = _ref5.theme;
|
|
7976
7395
|
return theme.colors.black;
|
|
7977
7396
|
}, function (_ref6) {
|
|
@@ -7981,7 +7400,7 @@ var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$i || (_templat
|
|
|
7981
7400
|
var theme = _ref7.theme;
|
|
7982
7401
|
return theme.colors.primary;
|
|
7983
7402
|
});
|
|
7984
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$
|
|
7403
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled.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) {
|
|
7985
7404
|
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
7986
7405
|
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
7987
7406
|
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
@@ -8007,8 +7426,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$f || (_templat
|
|
|
8007
7426
|
return '';
|
|
8008
7427
|
});
|
|
8009
7428
|
|
|
8010
|
-
var _excluded$
|
|
8011
|
-
_excluded2$
|
|
7429
|
+
var _excluded$j = ["text"],
|
|
7430
|
+
_excluded2$3 = ["text"];
|
|
8012
7431
|
var LENGTH_TEXT$3 = 28;
|
|
8013
7432
|
|
|
8014
7433
|
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
@@ -8034,7 +7453,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8034
7453
|
var _ref2 = primaryButton || {},
|
|
8035
7454
|
_ref2$text = _ref2.text,
|
|
8036
7455
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
8037
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
7456
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
|
|
8038
7457
|
|
|
8039
7458
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
8040
7459
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
@@ -8042,7 +7461,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8042
7461
|
var _ref3 = tertiaryButton || {},
|
|
8043
7462
|
_ref3$text = _ref3.text,
|
|
8044
7463
|
tertiaryButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
8045
|
-
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
7464
|
+
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
|
|
8046
7465
|
|
|
8047
7466
|
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$3);
|
|
8048
7467
|
return /*#__PURE__*/React__default.createElement(PromoWithTitleGrid, {
|
|
@@ -8068,8 +7487,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
8068
7487
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
8069
7488
|
};
|
|
8070
7489
|
|
|
8071
|
-
var _templateObject$
|
|
8072
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7490
|
+
var _templateObject$10;
|
|
7491
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
8073
7492
|
|
|
8074
7493
|
var RadioGroup = function RadioGroup(_ref) {
|
|
8075
7494
|
var radios = _ref.radios,
|
|
@@ -8123,8 +7542,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
8123
7542
|
})));
|
|
8124
7543
|
};
|
|
8125
7544
|
|
|
8126
|
-
var _templateObject$
|
|
8127
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7545
|
+
var _templateObject$11;
|
|
7546
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.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);
|
|
8128
7547
|
|
|
8129
7548
|
var SectionTitle = function SectionTitle(_ref) {
|
|
8130
7549
|
var title = _ref.title,
|
|
@@ -8150,8 +7569,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
8150
7569
|
}, description))));
|
|
8151
7570
|
};
|
|
8152
7571
|
|
|
8153
|
-
var _templateObject$
|
|
8154
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
7572
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u, _templateObject5$n, _templateObject6$h, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
7573
|
+
var stateStyles = /*#__PURE__*/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) {
|
|
8155
7574
|
var theme = _ref.theme;
|
|
8156
7575
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
8157
7576
|
}, function (_ref2) {
|
|
@@ -8161,12 +7580,12 @@ var stateStyles = /*#__PURE__*/css(_templateObject$15 || (_templateObject$15 = /
|
|
|
8161
7580
|
var theme = _ref3.theme;
|
|
8162
7581
|
return theme.colors.lightgrey;
|
|
8163
7582
|
});
|
|
8164
|
-
var borderStyles = /*#__PURE__*/css(_templateObject2$
|
|
7583
|
+
var borderStyles = /*#__PURE__*/css(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
8165
7584
|
var theme = _ref4.theme;
|
|
8166
7585
|
return theme.colors.darkgrey;
|
|
8167
7586
|
});
|
|
8168
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$
|
|
8169
|
-
var listItemStyles = /*#__PURE__*/css(_templateObject4$
|
|
7587
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/css(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7588
|
+
var listItemStyles = /*#__PURE__*/css(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
8170
7589
|
var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
8171
7590
|
var theme = _ref5.theme;
|
|
8172
7591
|
return {
|
|
@@ -8174,11 +7593,11 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
8174
7593
|
color: theme.colors.black,
|
|
8175
7594
|
title: 'Select Arrow'
|
|
8176
7595
|
};
|
|
8177
|
-
})(_templateObject5$
|
|
8178
|
-
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject6$
|
|
8179
|
-
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
8180
|
-
var Options = /*#__PURE__*/styled.div(_templateObject8$
|
|
8181
|
-
var Option = /*#__PURE__*/styled.li(_templateObject9$
|
|
7596
|
+
})(_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"])));
|
|
7597
|
+
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
7598
|
+
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
7599
|
+
var Options = /*#__PURE__*/styled.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
7600
|
+
var Option = /*#__PURE__*/styled.li(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
8182
7601
|
var theme = _ref6.theme,
|
|
8183
7602
|
hover = _ref6.hover;
|
|
8184
7603
|
var _theme$colors = theme.colors,
|
|
@@ -8189,10 +7608,10 @@ var Option = /*#__PURE__*/styled.li(_templateObject9$6 || (_templateObject9$6 =
|
|
|
8189
7608
|
});
|
|
8190
7609
|
|
|
8191
7610
|
var selectStyles = function selectStyles(width, height) {
|
|
8192
|
-
return css(_templateObject10$
|
|
7611
|
+
return 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);
|
|
8193
7612
|
};
|
|
8194
7613
|
|
|
8195
|
-
var SelectList = /*#__PURE__*/styled.ul(_templateObject11$
|
|
7614
|
+
var SelectList = /*#__PURE__*/styled.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) {
|
|
8196
7615
|
var width = _ref7.width,
|
|
8197
7616
|
height = _ref7.height;
|
|
8198
7617
|
return selectStyles(width === 'default' ? "354px" : width + "px", height === 'default' ? "48px" : height + "px");
|
|
@@ -8572,8 +7991,8 @@ function Select(_ref3) {
|
|
|
8572
7991
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
8573
7992
|
}
|
|
8574
7993
|
|
|
8575
|
-
var _templateObject$
|
|
8576
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7994
|
+
var _templateObject$13;
|
|
7995
|
+
var TextContainer$2 = /*#__PURE__*/styled.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) {
|
|
8577
7996
|
var theme = _ref.theme;
|
|
8578
7997
|
return theme.colors.primary;
|
|
8579
7998
|
});
|
|
@@ -8601,8 +8020,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
8601
8020
|
})));
|
|
8602
8021
|
};
|
|
8603
8022
|
|
|
8604
|
-
var _templateObject$
|
|
8605
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
8023
|
+
var _templateObject$14, _templateObject2$L;
|
|
8024
|
+
var Wrapper$6 = /*#__PURE__*/styled.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) {
|
|
8606
8025
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8607
8026
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8608
8027
|
return aspectRatio;
|
|
@@ -8612,7 +8031,7 @@ var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$1
|
|
|
8612
8031
|
height = _ref2.height;
|
|
8613
8032
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
8614
8033
|
});
|
|
8615
|
-
var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8034
|
+
var CaptionWrapper = /*#__PURE__*/styled.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"])));
|
|
8616
8035
|
|
|
8617
8036
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
8618
8037
|
var caption = _ref.caption,
|
|
@@ -8650,13 +8069,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
8650
8069
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
8651
8070
|
};
|
|
8652
8071
|
|
|
8653
|
-
var _templateObject$
|
|
8654
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8655
|
-
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
8072
|
+
var _templateObject$15, _templateObject2$M, _templateObject3$D;
|
|
8073
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
8074
|
+
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
8656
8075
|
var displayAttribution = _ref.displayAttribution;
|
|
8657
8076
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
8658
8077
|
});
|
|
8659
|
-
var Line$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8078
|
+
var Line$1 = /*#__PURE__*/styled.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);
|
|
8660
8079
|
|
|
8661
8080
|
var Quote = function Quote(_ref) {
|
|
8662
8081
|
var text = _ref.text,
|
|
@@ -8680,13 +8099,13 @@ var Quote = function Quote(_ref) {
|
|
|
8680
8099
|
}, attribution))));
|
|
8681
8100
|
};
|
|
8682
8101
|
|
|
8683
|
-
var _templateObject$
|
|
8684
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
8685
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8686
|
-
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$
|
|
8687
|
-
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
8688
|
-
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
8689
|
-
var TitleWrapper$
|
|
8102
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$E, _templateObject4$v, _templateObject5$o, _templateObject6$i;
|
|
8103
|
+
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
8104
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8105
|
+
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8106
|
+
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8107
|
+
var IconWrapper$3 = /*#__PURE__*/styled.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);
|
|
8108
|
+
var TitleWrapper$2 = /*#__PURE__*/styled.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);
|
|
8690
8109
|
|
|
8691
8110
|
var MiniCard = function MiniCard(_ref) {
|
|
8692
8111
|
var _ref$title = _ref.title,
|
|
@@ -8719,7 +8138,7 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
8719
8138
|
columnSpanDesktop: 4
|
|
8720
8139
|
}, /*#__PURE__*/React__default.createElement(ContentContainer$3, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
8721
8140
|
level: 4
|
|
8722
|
-
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
8141
|
+
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$2, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
8723
8142
|
level: 2
|
|
8724
8143
|
}, title)))));
|
|
8725
8144
|
};
|
|
@@ -8812,9 +8231,9 @@ var LiveChat = function LiveChat() {
|
|
|
8812
8231
|
});
|
|
8813
8232
|
};
|
|
8814
8233
|
|
|
8815
|
-
var _templateObject$
|
|
8816
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8817
|
-
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
8234
|
+
var _templateObject$17, _templateObject2$O;
|
|
8235
|
+
var StickyBarWrapper = /*#__PURE__*/styled.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);
|
|
8236
|
+
var StickyBarGrid = /*#__PURE__*/styled(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) {
|
|
8818
8237
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
8819
8238
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
8820
8239
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -8842,72 +8261,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
8842
8261
|
}, children)));
|
|
8843
8262
|
};
|
|
8844
8263
|
|
|
8845
|
-
var _templateObject$
|
|
8846
|
-
var CarouselWrapper$2 = /*#__PURE__*/styled.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"])));
|
|
8847
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
8848
|
-
|
|
8849
|
-
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
8850
|
-
var children = _ref.children;
|
|
8851
|
-
|
|
8852
|
-
var _useState = useState(),
|
|
8853
|
-
swiper = _useState[0],
|
|
8854
|
-
setSwiper = _useState[1];
|
|
8855
|
-
|
|
8856
|
-
useEffect(function () {
|
|
8857
|
-
return function () {
|
|
8858
|
-
if (swiper) {
|
|
8859
|
-
swiper.destroy();
|
|
8860
|
-
}
|
|
8861
|
-
};
|
|
8862
|
-
}, []);
|
|
8863
|
-
|
|
8864
|
-
var onNext = function onNext() {
|
|
8865
|
-
if (swiper) {
|
|
8866
|
-
swiper.slideNext();
|
|
8867
|
-
}
|
|
8868
|
-
};
|
|
8869
|
-
|
|
8870
|
-
var onPrev = function onPrev() {
|
|
8871
|
-
if (swiper) {
|
|
8872
|
-
swiper.slidePrev();
|
|
8873
|
-
}
|
|
8874
|
-
};
|
|
8875
|
-
|
|
8876
|
-
var onSwiper = function onSwiper(s) {
|
|
8877
|
-
setSwiper(s);
|
|
8878
|
-
};
|
|
8879
|
-
|
|
8880
|
-
var hasMultipleChildren = React__default.Children.count(children) > 1;
|
|
8881
|
-
return /*#__PURE__*/React__default.createElement(CarouselWrapper$2, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8882
|
-
columnStartDesktop: 1,
|
|
8883
|
-
columnSpanDesktop: 16,
|
|
8884
|
-
columnStartDevice: 1,
|
|
8885
|
-
columnSpanDevice: 14
|
|
8886
|
-
}, /*#__PURE__*/React__default.createElement(Swiper, {
|
|
8887
|
-
slidesPerView: 1,
|
|
8888
|
-
loopedSlides: React__default.Children.count(children),
|
|
8889
|
-
onSwiper: onSwiper,
|
|
8890
|
-
"data-testid": "carousel-swiper",
|
|
8891
|
-
className: 'roh-carousel-swiper',
|
|
8892
|
-
loop: hasMultipleChildren,
|
|
8893
|
-
resizeObserver: true,
|
|
8894
|
-
centeredSlides: true,
|
|
8895
|
-
keyboard: {
|
|
8896
|
-
enabled: true,
|
|
8897
|
-
onlyInViewport: true
|
|
8898
|
-
}
|
|
8899
|
-
}, React__default.Children.map(children, function (child) {
|
|
8900
|
-
return /*#__PURE__*/React__default.createElement(SwiperSlide, null, child);
|
|
8901
|
-
})))), hasMultipleChildren && /*#__PURE__*/React__default.createElement(ButtonsWrapper$1, {
|
|
8902
|
-
"data-testid": "carousel-buttons-wrapper"
|
|
8903
|
-
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
8904
|
-
onClickNext: onNext,
|
|
8905
|
-
onClickPrev: onPrev
|
|
8906
|
-
})));
|
|
8907
|
-
};
|
|
8908
|
-
|
|
8909
|
-
var _templateObject$1c;
|
|
8910
|
-
var GlobalStyles = /*#__PURE__*/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) {
|
|
8264
|
+
var _templateObject$18;
|
|
8265
|
+
var GlobalStyles = /*#__PURE__*/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) {
|
|
8911
8266
|
var theme = _ref.theme;
|
|
8912
8267
|
return theme.colors.primary;
|
|
8913
8268
|
}, function (_ref2) {
|
|
@@ -9848,5 +9203,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1c || (_templa
|
|
|
9848
9203
|
return theme.fonts.tablet.sizes.body[1];
|
|
9849
9204
|
}, devices.desktop, devices.largeDesktop);
|
|
9850
9205
|
|
|
9851
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, BodyText, ButtonType, Card, Cards,
|
|
9206
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, MiniCard, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, RadioGroup, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Sponsorship, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, breakpoints, devices, zIndexes };
|
|
9852
9207
|
//# sourceMappingURL=chord.esm.js.map
|