@royaloperahouse/harmonic 0.1.8-b → 0.1.8-c
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/dist/harmonic.cjs.development.js +817 -283
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +812 -284
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/package.json +1 -1
|
@@ -7310,10 +7310,91 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
7310
7310
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
7311
7311
|
};
|
|
7312
7312
|
|
|
7313
|
-
var
|
|
7313
|
+
var GRID_COLUMN_GAP = 'var(--grid-column-gap)';
|
|
7314
|
+
var GRID_VALUES = {
|
|
7315
|
+
desktop: {
|
|
7316
|
+
gapsNumber: 13,
|
|
7317
|
+
columnsNumber: 13,
|
|
7318
|
+
largeCard: {
|
|
7319
|
+
gapsPerSlide: 4,
|
|
7320
|
+
columnsPerSlide: 5
|
|
7321
|
+
},
|
|
7322
|
+
smallCard: {
|
|
7323
|
+
gapsPerSlide: 3,
|
|
7324
|
+
columnsPerSlide: 4
|
|
7325
|
+
}
|
|
7326
|
+
},
|
|
7327
|
+
mobile: {
|
|
7328
|
+
columnsNumber: 12,
|
|
7329
|
+
gapsNumber: 13,
|
|
7330
|
+
columnsPerSlide: 10,
|
|
7331
|
+
gapsPerSlide: 9
|
|
7332
|
+
}
|
|
7333
|
+
};
|
|
7334
|
+
// Grid Calculations
|
|
7335
|
+
var calculateGridColumnWidth = function calculateGridColumnWidth(gridGapsNumber, gridColumnsNumber) {
|
|
7336
|
+
return "calc((100% - (" + gridGapsNumber + " * " + GRID_COLUMN_GAP + ")) / " + gridColumnsNumber + ")";
|
|
7337
|
+
};
|
|
7338
|
+
var calculateGapsSpaceInMainGrid = function calculateGapsSpaceInMainGrid(gapsNumber) {
|
|
7339
|
+
return "calc(" + gapsNumber + " * " + GRID_COLUMN_GAP + ")";
|
|
7340
|
+
};
|
|
7341
|
+
var calculateSlideGapsSpace = function calculateSlideGapsSpace(gapsPerSlide) {
|
|
7342
|
+
return "calc(" + GRID_COLUMN_GAP + " * " + gapsPerSlide + ")";
|
|
7343
|
+
};
|
|
7344
|
+
// Slide styles
|
|
7345
|
+
var getCardSlideDesktopStyles = function getCardSlideDesktopStyles(type) {
|
|
7346
|
+
var _GRID_VALUES$desktop = GRID_VALUES.desktop,
|
|
7347
|
+
gapsNumber = _GRID_VALUES$desktop.gapsNumber,
|
|
7348
|
+
columnsNumber = _GRID_VALUES$desktop.columnsNumber;
|
|
7349
|
+
var _ref = type === exports.CarouselType.LargeCard ? GRID_VALUES.desktop.largeCard : GRID_VALUES.desktop.smallCard,
|
|
7350
|
+
gapsPerSlide = _ref.gapsPerSlide,
|
|
7351
|
+
columnsPerSlide = _ref.columnsPerSlide;
|
|
7352
|
+
var gapsSpaceInMainGrid = calculateGapsSpaceInMainGrid(gapsNumber);
|
|
7353
|
+
var slideGapsSpace = calculateSlideGapsSpace(gapsPerSlide);
|
|
7354
|
+
return "\n width: calc( (" + columnsPerSlide + " * (100% - " + gapsSpaceInMainGrid + ") / " + columnsNumber + ") + " + slideGapsSpace + " );\n margin-right: " + GRID_COLUMN_GAP + ";\n ";
|
|
7355
|
+
};
|
|
7356
|
+
var getCardSlideMobileStyles = function getCardSlideMobileStyles() {
|
|
7357
|
+
var _GRID_VALUES$mobile = GRID_VALUES.mobile,
|
|
7358
|
+
columnsNumber = _GRID_VALUES$mobile.columnsNumber,
|
|
7359
|
+
gapsNumber = _GRID_VALUES$mobile.gapsNumber,
|
|
7360
|
+
columnsPerSlide = _GRID_VALUES$mobile.columnsPerSlide,
|
|
7361
|
+
gapsPerSlide = _GRID_VALUES$mobile.gapsPerSlide;
|
|
7362
|
+
var gridColumnWidth = calculateGridColumnWidth(gapsNumber, columnsNumber);
|
|
7363
|
+
return "\n width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n ";
|
|
7364
|
+
};
|
|
7365
|
+
var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
7366
|
+
return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
|
|
7367
|
+
};
|
|
7368
|
+
|
|
7369
|
+
var _templateObject$N, _templateObject2$A, _templateObject3$o, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$7, _templateObject8$5;
|
|
7370
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n"])), function (_ref) {
|
|
7371
|
+
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
7372
|
+
return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n " + getImageSlideStyles(imagesHeightDesktop) + "\n }\n }\n }";
|
|
7373
|
+
}, devices.mobile, function (_ref2) {
|
|
7374
|
+
var imagesHeightDevice = _ref2.imagesHeightDevice;
|
|
7375
|
+
return "&&& {\n .swipe-slide > figure {\n " + getImageSlideStyles(imagesHeightDevice) + "\n }\n }";
|
|
7376
|
+
});
|
|
7377
|
+
var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n && {\n .swipe-slide {\n ", "\n }\n }\n}}"])), function (_ref3) {
|
|
7378
|
+
var type = _ref3.type;
|
|
7379
|
+
return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type) + "\n }\n }\n ";
|
|
7380
|
+
}, devices.mobile, /*#__PURE__*/getCardSlideMobileStyles());
|
|
7381
|
+
var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 28px;\n\n @media ", " {\n padding-bottom: 0;\n }\n\n @media ", " {\n margin-bottom: 20px;\n }\n"])), devices.mobile, devices.mobile);
|
|
7382
|
+
var CarouselInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n user-select: text;\n"])));
|
|
7383
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref4) {
|
|
7384
|
+
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
7385
|
+
return isDescriptionPresent && 'margin: 20px 0';
|
|
7386
|
+
});
|
|
7387
|
+
var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7388
|
+
var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
7389
|
+
var SwipeGridWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n grid-column: 1 / span 14;\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
7390
|
+
var active = _ref5.active;
|
|
7391
|
+
return active ? 'grid-column: 1 / span 16' : '';
|
|
7392
|
+
}, devices.tablet, devices.mobile);
|
|
7393
|
+
|
|
7394
|
+
var _templateObject$O, _templateObject2$B;
|
|
7314
7395
|
var SWIPE_SLIDE_CLASS_NAME = 'swipe-slide';
|
|
7315
|
-
var SwipeContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7316
|
-
var SwipeTrack = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7396
|
+
var SwipeContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n width: 100%;\n touch-action: pan-y;\n"])));
|
|
7397
|
+
var SwipeTrack = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n transition: ", ";\n transform: translateX(", "px);\n\n .", " {\n flex-shrink: 0;\n }\n"])), function (props) {
|
|
7317
7398
|
return props.transitioning ? 'transform 0.3s ease-in-out' : 'none';
|
|
7318
7399
|
}, function (props) {
|
|
7319
7400
|
return props.translateX;
|
|
@@ -7530,6 +7611,141 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
7530
7611
|
});
|
|
7531
7612
|
Swipe.displayName = 'Swipe';
|
|
7532
7613
|
|
|
7614
|
+
var SCREEN_WIDTH_PERCENTAGE = 0.05;
|
|
7615
|
+
var GRID_OFFSET_MARGIN = {
|
|
7616
|
+
mobile: 0,
|
|
7617
|
+
tablet: 15,
|
|
7618
|
+
desktop: 3
|
|
7619
|
+
};
|
|
7620
|
+
var Carousel = function Carousel(_ref) {
|
|
7621
|
+
var children = _ref.children,
|
|
7622
|
+
type = _ref.type,
|
|
7623
|
+
title = _ref.title,
|
|
7624
|
+
description = _ref.description,
|
|
7625
|
+
className = _ref.className,
|
|
7626
|
+
_ref$titleSemanticLev = _ref.titleSemanticLevel,
|
|
7627
|
+
titleSemanticLevel = _ref$titleSemanticLev === void 0 ? 3 : _ref$titleSemanticLev,
|
|
7628
|
+
_ref$imagesHeightDevi = _ref.imagesHeightDevice,
|
|
7629
|
+
imagesHeightDevice = _ref$imagesHeightDevi === void 0 ? 300 : _ref$imagesHeightDevi,
|
|
7630
|
+
_ref$imagesHeightDesk = _ref.imagesHeightDesktop,
|
|
7631
|
+
imagesHeightDesktop = _ref$imagesHeightDesk === void 0 ? 500 : _ref$imagesHeightDesk,
|
|
7632
|
+
_ref$infinite = _ref.infinite,
|
|
7633
|
+
infinite = _ref$infinite === void 0 ? true : _ref$infinite,
|
|
7634
|
+
_ref$useOffset = _ref.useOffset,
|
|
7635
|
+
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset;
|
|
7636
|
+
var _useState = React.useState(false),
|
|
7637
|
+
active = _useState[0],
|
|
7638
|
+
setActive = _useState[1];
|
|
7639
|
+
var _useState2 = React.useState(0),
|
|
7640
|
+
slidesOffsetBefore = _useState2[0],
|
|
7641
|
+
setSlidesOffsetBefore = _useState2[1];
|
|
7642
|
+
var swipeRef = React.useRef(null);
|
|
7643
|
+
React.useEffect(function () {
|
|
7644
|
+
if (!useOffset || !active) return undefined;
|
|
7645
|
+
var updateWindowDimensions = function updateWindowDimensions() {
|
|
7646
|
+
if (window.matchMedia(devices.mobile).matches) {
|
|
7647
|
+
setSlidesOffsetBefore(GRID_OFFSET_MARGIN.mobile);
|
|
7648
|
+
} else if (window.matchMedia(devices.tablet).matches) {
|
|
7649
|
+
setSlidesOffsetBefore(GRID_OFFSET_MARGIN.tablet);
|
|
7650
|
+
} else {
|
|
7651
|
+
setSlidesOffsetBefore(Math.floor(window.innerWidth * SCREEN_WIDTH_PERCENTAGE) - GRID_OFFSET_MARGIN.desktop);
|
|
7652
|
+
}
|
|
7653
|
+
};
|
|
7654
|
+
window.addEventListener('resize', updateWindowDimensions);
|
|
7655
|
+
updateWindowDimensions();
|
|
7656
|
+
return function () {
|
|
7657
|
+
window.removeEventListener('resize', updateWindowDimensions);
|
|
7658
|
+
};
|
|
7659
|
+
}, [useOffset, active]);
|
|
7660
|
+
var onNext = function onNext() {
|
|
7661
|
+
var _swipeRef$current;
|
|
7662
|
+
if (useOffset && !active) setActive(true);
|
|
7663
|
+
(_swipeRef$current = swipeRef.current) == null || _swipeRef$current.nextSlide();
|
|
7664
|
+
};
|
|
7665
|
+
var onPrev = function onPrev() {
|
|
7666
|
+
var _swipeRef$current2;
|
|
7667
|
+
if (useOffset && !active) setActive(true);
|
|
7668
|
+
(_swipeRef$current2 = swipeRef.current) == null || _swipeRef$current2.prevSlide();
|
|
7669
|
+
};
|
|
7670
|
+
var carouselTitleId = "carousel-title-" + title;
|
|
7671
|
+
var Wrapper = type === exports.CarouselType.Image ? ImageCarouselWrapper : CardsCarouselWrapper;
|
|
7672
|
+
return /*#__PURE__*/React__default.createElement(Wrapper, {
|
|
7673
|
+
className: className,
|
|
7674
|
+
type: type,
|
|
7675
|
+
imagesHeightDevice: imagesHeightDevice,
|
|
7676
|
+
imagesHeightDesktop: imagesHeightDesktop,
|
|
7677
|
+
role: "region",
|
|
7678
|
+
"aria-labelledby": carouselTitleId
|
|
7679
|
+
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, null, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
7680
|
+
columnStartDesktop: 3,
|
|
7681
|
+
columnSpanDesktop: 10,
|
|
7682
|
+
columnStartDevice: 2,
|
|
7683
|
+
columnSpanDevice: 12
|
|
7684
|
+
}, title && (/*#__PURE__*/React__default.createElement(CarouselInfoWrapper, {
|
|
7685
|
+
"data-testid": "carousel-title-wrapper"
|
|
7686
|
+
}, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
7687
|
+
id: carouselTitleId,
|
|
7688
|
+
isDescriptionPresent: !!description
|
|
7689
|
+
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
7690
|
+
size: "small",
|
|
7691
|
+
serif: true,
|
|
7692
|
+
hierarchy: "h" + titleSemanticLevel
|
|
7693
|
+
}, title)), /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7694
|
+
size: "large"
|
|
7695
|
+
}, description)))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
7696
|
+
columnStartDesktop: 14,
|
|
7697
|
+
columnSpanDesktop: 2,
|
|
7698
|
+
columnStartDevice: 12,
|
|
7699
|
+
columnSpanDevice: 2
|
|
7700
|
+
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
7701
|
+
"data-testid": "carousel-buttons-wrapper"
|
|
7702
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
7703
|
+
onClickNext: onNext,
|
|
7704
|
+
onClickPrev: onPrev,
|
|
7705
|
+
availablePrev: true
|
|
7706
|
+
})))), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(SwipeGridWrapper, {
|
|
7707
|
+
active: active,
|
|
7708
|
+
columnStartDesktop: 3,
|
|
7709
|
+
columnSpanDesktop: 14,
|
|
7710
|
+
columnStartDevice: 2,
|
|
7711
|
+
columnSpanDevice: 13
|
|
7712
|
+
}, /*#__PURE__*/React__default.createElement(Swipe, {
|
|
7713
|
+
"data-testid": "carousel-swipe",
|
|
7714
|
+
ref: swipeRef,
|
|
7715
|
+
infinite: infinite,
|
|
7716
|
+
slidesOffsetBefore: slidesOffsetBefore,
|
|
7717
|
+
role: "list",
|
|
7718
|
+
"aria-roledescription": "carousel"
|
|
7719
|
+
}, React__default.Children.toArray(children).map(function (child, index) {
|
|
7720
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
7721
|
+
key: "carousel-slide-" + index,
|
|
7722
|
+
"aria-roledescription": "slide"
|
|
7723
|
+
}, child);
|
|
7724
|
+
})))));
|
|
7725
|
+
};
|
|
7726
|
+
|
|
7727
|
+
var _templateObject$P, _templateObject2$C, _templateObject3$p, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$8, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17;
|
|
7728
|
+
var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__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(--color-base-black);\n color: var(--color-base-white);\n user-select: none;\n\n .color-primary {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
|
|
7729
|
+
var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__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 @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 }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7730
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
7731
|
+
var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__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);
|
|
7732
|
+
var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__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);
|
|
7733
|
+
var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
|
|
7734
|
+
var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
7735
|
+
var InfoLinkWrapper = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__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);
|
|
7736
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swipe-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 .swipe-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 .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7737
|
+
var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__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);
|
|
7738
|
+
var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\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 div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\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);
|
|
7739
|
+
var HtmlBodyText = /*#__PURE__*/styled__default.p(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n"])));
|
|
7740
|
+
var FirstButtonComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__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);
|
|
7741
|
+
var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobileAndTablet);
|
|
7742
|
+
var AdditionalInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n"])), devices.mobileAndTablet);
|
|
7743
|
+
var InfoSubtitleWrapper = /*#__PURE__*/styled__default.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n"])));
|
|
7744
|
+
var VideoWithControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n width: 100%;\n height: 100%;\n\n .video-with-controls-container {\n height: 100%;\n }\n\n .video-controls-container {\n display: ", ";\n position: fixed;\n\n > div {\n margin: 0 40px 30px 40px;\n\n @media ", " {\n margin: 0 20px 20px 20px;\n }\n }\n }\n\n button#play {\n height: 48px;\n width: 48px;\n }\n"])), function (_ref) {
|
|
7745
|
+
var isCurrentSlide = _ref.isCurrentSlide;
|
|
7746
|
+
return isCurrentSlide ? 'block' : 'none';
|
|
7747
|
+
}, devices.mobile);
|
|
7748
|
+
|
|
7533
7749
|
var COLORS$3 = {
|
|
7534
7750
|
"default": 'var(--button-auxiliary-color)',
|
|
7535
7751
|
background: 'var(--button-auxiliary-bg-color)'
|
|
@@ -7543,8 +7759,8 @@ var getBackgroundColor$1 = function getBackgroundColor(_ref2) {
|
|
|
7543
7759
|
return backgroundColor ? "var(--color-" + backgroundColor + ")" : COLORS$3.background;
|
|
7544
7760
|
};
|
|
7545
7761
|
|
|
7546
|
-
var _templateObject$
|
|
7547
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7762
|
+
var _templateObject$Q;
|
|
7763
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-sans);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n && span svg * {\n fill: ", ";\n }\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), getBackgroundColor$1, getTextColor$3, getTextColor$3);
|
|
7548
7764
|
|
|
7549
7765
|
var _excluded$i = ["children", "className"];
|
|
7550
7766
|
var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
@@ -7557,8 +7773,29 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7557
7773
|
}), children);
|
|
7558
7774
|
};
|
|
7559
7775
|
|
|
7776
|
+
var _excluded$j = ["text"],
|
|
7777
|
+
_excluded2$2 = ["text"];
|
|
7560
7778
|
var _buttonTypeToButton;
|
|
7561
7779
|
var buttonTypeToButton = (_buttonTypeToButton = {}, _buttonTypeToButton[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton[exports.ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton);
|
|
7780
|
+
var Buttons = function Buttons(_ref) {
|
|
7781
|
+
var auxiliaryCTA = _ref.auxiliaryCTA,
|
|
7782
|
+
links = _ref.links;
|
|
7783
|
+
var firstButton = links == null ? void 0 : links[0];
|
|
7784
|
+
var _ref2 = firstButton || {},
|
|
7785
|
+
_ref2$text = _ref2.text,
|
|
7786
|
+
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7787
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
|
|
7788
|
+
var secondButton = links == null ? void 0 : links[1];
|
|
7789
|
+
var _ref3 = secondButton || {},
|
|
7790
|
+
_ref3$text = _ref3.text,
|
|
7791
|
+
secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
7792
|
+
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$2);
|
|
7793
|
+
var FirstButtonComponent = firstButton != null && firstButton.buttonType ? buttonTypeToButton[firstButton.buttonType] : PrimaryButton;
|
|
7794
|
+
var SecondButtonComponent = secondButton != null && secondButton.buttonType ? buttonTypeToButton[secondButton.buttonType] : SecondaryButton;
|
|
7795
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__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)), auxiliaryCTA && (/*#__PURE__*/React__default.createElement(InfoLinkWrapper, null, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA, {
|
|
7796
|
+
textColor: ThemeColor['base-white']
|
|
7797
|
+
}), auxiliaryCTA.text))));
|
|
7798
|
+
};
|
|
7562
7799
|
|
|
7563
7800
|
var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
|
|
7564
7801
|
return htmlString.replace(/<[^>]*>/g, '');
|
|
@@ -7617,19 +7854,63 @@ var truncateReactNodeString = function truncateReactNodeString(node, resultLengt
|
|
|
7617
7854
|
return truncateHtmlString(nodeString, resultLength, addDots);
|
|
7618
7855
|
};
|
|
7619
7856
|
|
|
7620
|
-
var
|
|
7621
|
-
var
|
|
7622
|
-
|
|
7623
|
-
|
|
7857
|
+
var InfoSection = function InfoSection(_ref) {
|
|
7858
|
+
var logo = _ref.logo,
|
|
7859
|
+
slide = _ref.slide,
|
|
7860
|
+
currentSlideIndex = _ref.currentSlideIndex;
|
|
7861
|
+
var _useState = React.useState([]),
|
|
7862
|
+
finishedTimers = _useState[0],
|
|
7863
|
+
setFinishedTimers = _useState[1];
|
|
7864
|
+
var infoText = slide.infoText,
|
|
7865
|
+
infoTitle = slide.infoTitle,
|
|
7866
|
+
infoTimeframe = slide.infoTimeframe,
|
|
7867
|
+
infoSubtitle = slide.infoSubtitle,
|
|
7868
|
+
timerParams = slide.timerParams,
|
|
7869
|
+
additionalInfo = slide.additionalInfo;
|
|
7870
|
+
var description = infoText ? truncateHtmlString(infoText, 185, true) : '';
|
|
7871
|
+
var handleEndDate = function handleEndDate() {
|
|
7872
|
+
return setFinishedTimers([].concat(finishedTimers, [currentSlideIndex]));
|
|
7873
|
+
};
|
|
7874
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, timerParams && (/*#__PURE__*/React__default.createElement(TimerWrapper$1, {
|
|
7875
|
+
"data-testid": "highlight-carousel-timer-wrapper"
|
|
7876
|
+
}, finishedTimers.includes(currentSlideIndex) ? (/*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
|
|
7877
|
+
size: "large"
|
|
7878
|
+
}, timerParams.endDateText)) : (/*#__PURE__*/React__default.createElement(Timer, {
|
|
7879
|
+
color: exports.Colors.White,
|
|
7880
|
+
endDateHandler: handleEndDate,
|
|
7881
|
+
endDate: timerParams.endDate,
|
|
7882
|
+
title: timerParams.title
|
|
7883
|
+
})))), logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
7884
|
+
size: "large",
|
|
7885
|
+
hierarchy: "h3"
|
|
7886
|
+
}, infoTitle), /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
7887
|
+
size: "large"
|
|
7888
|
+
}, infoTimeframe)), /*#__PURE__*/React__default.createElement(InfoTextWrapper, null, /*#__PURE__*/React__default.createElement(InfoSubtitleWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
7889
|
+
size: "large"
|
|
7890
|
+
}, infoSubtitle)), /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7891
|
+
size: "large"
|
|
7892
|
+
}, /*#__PURE__*/React__default.createElement(HtmlBodyText, {
|
|
7893
|
+
dangerouslySetInnerHTML: {
|
|
7894
|
+
__html: description
|
|
7895
|
+
}
|
|
7896
|
+
})), additionalInfo && (/*#__PURE__*/React__default.createElement(AdditionalInfoWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
7897
|
+
size: "large"
|
|
7898
|
+
}, additionalInfo)))));
|
|
7899
|
+
};
|
|
7900
|
+
|
|
7901
|
+
var _templateObject$R, _templateObject2$D, _templateObject3$q, _templateObject4$l, _templateObject5$g, _templateObject6$e;
|
|
7902
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7903
|
+
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-light-grey);\n width: 100%;\n"])));
|
|
7904
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
|
|
7624
7905
|
var isVisible = _ref.isVisible;
|
|
7625
7906
|
return isVisible ? 'visible' : 'hidden';
|
|
7626
7907
|
}, devices.mobile);
|
|
7627
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7628
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7908
|
+
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\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);
|
|
7909
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n max-height: ", ";\n\n @media print {\n max-height: max-content;\n }\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\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref2) {
|
|
7629
7910
|
var textHeight = _ref2.textHeight;
|
|
7630
7911
|
return textHeight;
|
|
7631
7912
|
}, devices.mobile);
|
|
7632
|
-
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7913
|
+
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
7633
7914
|
|
|
7634
7915
|
/* eslint-disable react/no-unstable-nested-components */
|
|
7635
7916
|
var Accordion = function Accordion(_ref) {
|
|
@@ -7734,8 +8015,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7734
8015
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7735
8016
|
};
|
|
7736
8017
|
|
|
7737
|
-
var _templateObject$
|
|
7738
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8018
|
+
var _templateObject$S;
|
|
8019
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7739
8020
|
|
|
7740
8021
|
var Accordions = function Accordions(_ref) {
|
|
7741
8022
|
var _ref$items = _ref.items,
|
|
@@ -7756,18 +8037,18 @@ var Accordions = function Accordions(_ref) {
|
|
|
7756
8037
|
}));
|
|
7757
8038
|
};
|
|
7758
8039
|
|
|
7759
|
-
var _templateObject$
|
|
7760
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7761
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8040
|
+
var _templateObject$T, _templateObject2$E, _templateObject3$r, _templateObject4$m, _templateObject5$h;
|
|
8041
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: var(--announcement-banner-bg-color);\n color: var(--announcement-banner-color);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), devices.mobile);
|
|
8042
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n cursor: ", ";\n\n ", "\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n\n path {\n fill: var(--announcement-banner-color);\n }\n }\n"])), function (_ref) {
|
|
7762
8043
|
var isClickable = _ref.isClickable;
|
|
7763
8044
|
return isClickable ? 'pointer' : 'default';
|
|
7764
8045
|
}, function (_ref2) {
|
|
7765
8046
|
var isClickable = _ref2.isClickable;
|
|
7766
8047
|
return isClickable && "\n :hover:not(:active) {\n && svg path {\n fill: var(--announcement-banner-hover-color);\n }\n }\n :active {\n && svg path {\n fill: var(--announcement-banner-pressed-color);\n }\n }\n ";
|
|
7767
8048
|
});
|
|
7768
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7769
|
-
var OverlineWrapper = /*#__PURE__*/styled__default(HarmonicOverline)(_templateObject4$
|
|
7770
|
-
var BannerContentWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject5$
|
|
8049
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__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-sans);\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(--announcement-banner-color);\n a {\n color: var(--announcement-banner-color);\n text-decoration: underline;\n }\n"])));
|
|
8050
|
+
var OverlineWrapper = /*#__PURE__*/styled__default(HarmonicOverline)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 4px;\n && {\n color: var(--announcement-banner-color);\n }\n"])));
|
|
8051
|
+
var BannerContentWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n grid-column: 3 / span 10;\n }\n\n @media ", ", ", " {\n && {\n grid-column: 3 / span 12;\n }\n }\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.desktop, devices.largeDesktop, devices.mobile, function (_ref3) {
|
|
7771
8052
|
var variant = _ref3.variant;
|
|
7772
8053
|
return variant === BannerVariants['service-persistent'] ? '8px' : '0px';
|
|
7773
8054
|
}, function (_ref4) {
|
|
@@ -7839,50 +8120,50 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7839
8120
|
}))))));
|
|
7840
8121
|
};
|
|
7841
8122
|
|
|
7842
|
-
var _templateObject$
|
|
8123
|
+
var _templateObject$U, _templateObject2$F, _templateObject3$s, _templateObject4$n, _templateObject5$i, _templateObject6$f, _templateObject7$9, _templateObject8$7, _templateObject9$4, _templateObject10$4, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2;
|
|
7843
8124
|
var LENGTH_LARGE_TEXT = 28;
|
|
7844
8125
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7845
8126
|
var LENGTH_TEXT_TABLET = 10;
|
|
7846
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8127
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7847
8128
|
var isCardClickable = _ref.isCardClickable;
|
|
7848
8129
|
return isCardClickable ? 'pointer' : 'default';
|
|
7849
8130
|
}, function (_ref2) {
|
|
7850
8131
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
7851
8132
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
7852
8133
|
});
|
|
7853
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7854
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7855
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8134
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n background-color: var(--button-bg-color);\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), zIndexes.contentOverlay);
|
|
8135
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -6px;\n"])));
|
|
8136
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: 24px;\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref3) {
|
|
7856
8137
|
var fullWidth = _ref3.fullWidth;
|
|
7857
8138
|
return fullWidth ? '0' : '20px';
|
|
7858
8139
|
}, function (_ref4) {
|
|
7859
8140
|
var fullWidth = _ref4.fullWidth;
|
|
7860
8141
|
return fullWidth ? '0' : '20px';
|
|
7861
8142
|
});
|
|
7862
|
-
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7863
|
-
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7864
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7865
|
-
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7866
|
-
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$
|
|
7867
|
-
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
8143
|
+
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8144
|
+
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8145
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n white-space: break-spaces;\n overflow-wrap: break-word;\n"])));
|
|
8146
|
+
var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n"])));
|
|
8147
|
+
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 4px;\n overflow-wrap: break-word;\n"])));
|
|
8148
|
+
var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n width: fit-content;\n height: 26px;\n\n @media ", " {\n margin-left: ", ";\n }\n"])), function (_ref5) {
|
|
7868
8149
|
var isVisible = _ref5.isVisible;
|
|
7869
8150
|
return isVisible ? "visible" : 'hidden';
|
|
7870
8151
|
}, devices.mobile, function (_ref6) {
|
|
7871
8152
|
var isGridCard = _ref6.isGridCard;
|
|
7872
8153
|
return isGridCard ? '20px' : '0';
|
|
7873
8154
|
});
|
|
7874
|
-
var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
8155
|
+
var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 26px;\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref7) {
|
|
7875
8156
|
var fullWidth = _ref7.fullWidth;
|
|
7876
8157
|
return fullWidth ? '0' : '20px';
|
|
7877
8158
|
}, function (_ref8) {
|
|
7878
8159
|
var fullWidth = _ref8.fullWidth;
|
|
7879
8160
|
return fullWidth ? '0' : '20px';
|
|
7880
8161
|
});
|
|
7881
|
-
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject12$
|
|
8162
|
+
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 26px;\n padding: 0 8px;\n background-color: ", ";\n"])), function (_ref9) {
|
|
7882
8163
|
var bgColor = _ref9.bgColor;
|
|
7883
8164
|
return bgColor ? "var(--color-base-" + bgColor + ")" : 'var(--color-primary-background)';
|
|
7884
8165
|
});
|
|
7885
|
-
var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject13$
|
|
8166
|
+
var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject13$2 || (_templateObject13$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
|
|
7886
8167
|
var getButtonsOpacity = function getButtonsOpacity(_ref10) {
|
|
7887
8168
|
var onlyShowButtonsOnHover = _ref10.onlyShowButtonsOnHover;
|
|
7888
8169
|
return onlyShowButtonsOnHover ? 'opacity: 0;' : 'opacity: 1;';
|
|
@@ -7891,7 +8172,7 @@ var getButtonsMinHeight = function getButtonsMinHeight(_ref11) {
|
|
|
7891
8172
|
var onlyShowButtonsOnHover = _ref11.onlyShowButtonsOnHover;
|
|
7892
8173
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
7893
8174
|
};
|
|
7894
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14$
|
|
8175
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14$2 || (_templateObject14$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 24px;\n margin-top: 24px;\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 (_ref12) {
|
|
7895
8176
|
var size = _ref12.size,
|
|
7896
8177
|
primaryButtonTextLength = _ref12.primaryButtonTextLength,
|
|
7897
8178
|
tertiaryButtonTextLength = _ref12.tertiaryButtonTextLength;
|
|
@@ -7916,8 +8197,8 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14$1 ||
|
|
|
7916
8197
|
return '';
|
|
7917
8198
|
});
|
|
7918
8199
|
|
|
7919
|
-
var _excluded$
|
|
7920
|
-
_excluded2$
|
|
8200
|
+
var _excluded$k = ["text"],
|
|
8201
|
+
_excluded2$3 = ["text"];
|
|
7921
8202
|
var _buttonTypeToButton$1;
|
|
7922
8203
|
var LENGTH_LARGE_TEXT$1 = 28;
|
|
7923
8204
|
var LENGTH_SMALL_TEXT$2 = 19;
|
|
@@ -7966,13 +8247,13 @@ var Card = function Card(_ref) {
|
|
|
7966
8247
|
var _ref2 = firstButton || {},
|
|
7967
8248
|
_ref2$text = _ref2.text,
|
|
7968
8249
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
7969
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
8250
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$k);
|
|
7970
8251
|
var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
|
|
7971
8252
|
var secondButton = links == null ? void 0 : links[1];
|
|
7972
8253
|
var _ref3 = secondButton || {},
|
|
7973
8254
|
_ref3$text = _ref3.text,
|
|
7974
8255
|
secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
7975
|
-
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
8256
|
+
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
|
|
7976
8257
|
var tertiaryButtonTextTruncate = size === 'small' ? truncate(secondButtonText, LENGTH_SMALL_TEXT$2) : truncate(secondButtonText, LENGTH_LARGE_TEXT$1);
|
|
7977
8258
|
var hoverHandler = function hoverHandler(value) {
|
|
7978
8259
|
if (value) {
|
|
@@ -8074,9 +8355,9 @@ var Card = function Card(_ref) {
|
|
|
8074
8355
|
}, restSecondButton), tertiaryButtonTextTruncate)))));
|
|
8075
8356
|
};
|
|
8076
8357
|
|
|
8077
|
-
var _templateObject$
|
|
8078
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8079
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
8358
|
+
var _templateObject$V, _templateObject2$G;
|
|
8359
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$V || (_templateObject$V = /*#__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);
|
|
8360
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
8080
8361
|
|
|
8081
8362
|
var Cards = function Cards(_ref) {
|
|
8082
8363
|
var cards = _ref.cards,
|
|
@@ -8118,18 +8399,18 @@ var Cards = function Cards(_ref) {
|
|
|
8118
8399
|
}));
|
|
8119
8400
|
};
|
|
8120
8401
|
|
|
8121
|
-
var _templateObject$
|
|
8122
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8123
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8402
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$t, _templateObject4$o, _templateObject5$j;
|
|
8403
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__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);
|
|
8404
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__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) {
|
|
8124
8405
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
8125
8406
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-mid-grey)') + ";";
|
|
8126
8407
|
}, function (_ref2) {
|
|
8127
8408
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
8128
8409
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-mid-grey)') + ";";
|
|
8129
8410
|
}, devices.mobileAndTablet);
|
|
8130
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8131
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8132
|
-
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8411
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8412
|
+
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8413
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__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);
|
|
8133
8414
|
|
|
8134
8415
|
var divideAddressString = function divideAddressString(address) {
|
|
8135
8416
|
return address.split(',').map(function (chunk, i) {
|
|
@@ -8186,18 +8467,18 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8186
8467
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString))))))));
|
|
8187
8468
|
};
|
|
8188
8469
|
|
|
8189
|
-
var _templateObject$
|
|
8190
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
8191
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$
|
|
8470
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$g, _templateObject7$a;
|
|
8471
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8472
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$I || (_templateObject2$I = /*#__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) {
|
|
8192
8473
|
return props.clickable ? 'pointer' : 'default';
|
|
8193
8474
|
}, devices.mobile);
|
|
8194
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8195
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8475
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
8476
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__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) {
|
|
8196
8477
|
return props.showImage ? 2 : '1 / span 4';
|
|
8197
8478
|
}, devices.mobile);
|
|
8198
|
-
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8199
|
-
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8200
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8479
|
+
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__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);
|
|
8480
|
+
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8481
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__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) {
|
|
8201
8482
|
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 ";
|
|
8202
8483
|
});
|
|
8203
8484
|
|
|
@@ -8269,21 +8550,21 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8269
8550
|
}), link.text))));
|
|
8270
8551
|
};
|
|
8271
8552
|
|
|
8272
|
-
var _templateObject$
|
|
8273
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8553
|
+
var _templateObject$Y, _templateObject2$J, _templateObject3$v, _templateObject4$q, _templateObject5$l;
|
|
8554
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__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) {
|
|
8274
8555
|
var imageToLeft = _ref.imageToLeft;
|
|
8275
8556
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
8276
8557
|
}, devices.mobile);
|
|
8277
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8558
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
8278
8559
|
var imageToLeft = _ref2.imageToLeft;
|
|
8279
8560
|
return imageToLeft ? 'left' : 'right';
|
|
8280
8561
|
}, devices.mobile);
|
|
8281
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8562
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
8282
8563
|
var imageToLeft = _ref3.imageToLeft;
|
|
8283
8564
|
return imageToLeft ? 'right' : 'left';
|
|
8284
8565
|
}, devices.mobile);
|
|
8285
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
8286
|
-
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8566
|
+
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$q || (_templateObject4$q = /*#__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"])));
|
|
8567
|
+
var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__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"])));
|
|
8287
8568
|
|
|
8288
8569
|
var Editorial = function Editorial(_ref) {
|
|
8289
8570
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -8337,10 +8618,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
|
|
|
8337
8618
|
return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary ? "border-color: " + colorValue + ";" : '';
|
|
8338
8619
|
};
|
|
8339
8620
|
|
|
8340
|
-
var _templateObject$
|
|
8341
|
-
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8342
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
8343
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
8621
|
+
var _templateObject$Z, _templateObject2$K, _templateObject3$w, _templateObject4$r;
|
|
8622
|
+
var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: var(--information-panel-color);\n background-color: var(--information-panel-bg-color);\n\n @media ", " {\n padding: 40px 0;\n }\n"])), devices.mobile);
|
|
8623
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8624
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n\n @media ", " {\n margin-top: 16px;\n }\n\n a {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n\n :hover:not(:active) {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n\n :active {\n color: ", ";\n ", "\n ", "\n\n svg path {\n fill: ", ";\n }\n }\n }\n"])), devices.mobile, function (_ref) {
|
|
8344
8625
|
var variant = _ref.variant;
|
|
8345
8626
|
return getTextColor$4(variant, COLORS$4.background);
|
|
8346
8627
|
}, function (_ref2) {
|
|
@@ -8377,7 +8658,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$u || (
|
|
|
8377
8658
|
var variant = _ref12.variant;
|
|
8378
8659
|
return getTextColor$4(variant, COLORS$4.pressed);
|
|
8379
8660
|
});
|
|
8380
|
-
var InfoBodyWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject4$
|
|
8661
|
+
var InfoBodyWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--information-panel-color);\n\n a {\n text-decoration: underline;\n color: var(--information-panel-color);\n }\n\n @media ", " {\n padding-top: 4px;\n }\n"])), devices.mobile);
|
|
8381
8662
|
|
|
8382
8663
|
// Helper function for rendering buttons based on the variant
|
|
8383
8664
|
var renderButton = function renderButton(_ref) {
|
|
@@ -8466,7 +8747,7 @@ var Information = function Information(_ref) {
|
|
|
8466
8747
|
});
|
|
8467
8748
|
var maxTitleWordLength = Math.max.apply(Math, titleWordLengths);
|
|
8468
8749
|
var titleColumnSpan = getColumnSpan(maxTitleWordLength);
|
|
8469
|
-
return /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
8750
|
+
return /*#__PURE__*/React__default.createElement(InfoWrapper$1, {
|
|
8470
8751
|
"data-testid": "infoWrapper",
|
|
8471
8752
|
className: className
|
|
8472
8753
|
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
@@ -8497,29 +8778,29 @@ var Information = function Information(_ref) {
|
|
|
8497
8778
|
})))));
|
|
8498
8779
|
};
|
|
8499
8780
|
|
|
8500
|
-
var _templateObject$
|
|
8501
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8781
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$x, _templateObject4$s, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$8;
|
|
8782
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8502
8783
|
var theme = _ref.theme;
|
|
8503
8784
|
return theme.colors.primary;
|
|
8504
8785
|
}, function (_ref2) {
|
|
8505
8786
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
8506
8787
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
8507
8788
|
}, devices.mobile);
|
|
8508
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
8509
|
-
var TitleWrapper$
|
|
8789
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$L || (_templateObject2$L = /*#__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);
|
|
8790
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__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) {
|
|
8510
8791
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
8511
8792
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
8512
8793
|
}, devices.mobile);
|
|
8513
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8794
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 20px;\n }\n }\n"])), function (_ref4) {
|
|
8514
8795
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
8515
8796
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
8516
8797
|
}, devices.mobile);
|
|
8517
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8518
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8519
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8520
|
-
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
8798
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__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"])));
|
|
8799
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__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);
|
|
8800
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__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);
|
|
8801
|
+
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__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"])));
|
|
8521
8802
|
|
|
8522
|
-
var _excluded$
|
|
8803
|
+
var _excluded$l = ["text"];
|
|
8523
8804
|
var PageHeading = function PageHeading(_ref) {
|
|
8524
8805
|
var title = _ref.title,
|
|
8525
8806
|
text = _ref.text,
|
|
@@ -8535,14 +8816,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8535
8816
|
titleCharLimit = _ref$titleCharLimit === void 0 ? 40 : _ref$titleCharLimit;
|
|
8536
8817
|
var _ref2 = link || {},
|
|
8537
8818
|
linkText = _ref2.text,
|
|
8538
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
8819
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
8539
8820
|
var truncatedText = text == null ? void 0 : text.substring(0, copyCharLimit);
|
|
8540
8821
|
var truncatedTitle = title == null ? void 0 : title.substring(0, titleCharLimit);
|
|
8541
8822
|
var isTitleUnAvailable = !title;
|
|
8542
8823
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
8543
8824
|
"data-testid": "page-heading-wrapper",
|
|
8544
8825
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
8545
|
-
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
8826
|
+
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$2, {
|
|
8546
8827
|
"data-testid": "page-heading-title",
|
|
8547
8828
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
8548
8829
|
}, children ? (/*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
@@ -8563,10 +8844,10 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
8563
8844
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText))) : null));
|
|
8564
8845
|
};
|
|
8565
8846
|
|
|
8566
|
-
var _excluded$
|
|
8847
|
+
var _excluded$m = ["link"];
|
|
8567
8848
|
var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
8568
8849
|
var link = _ref.link,
|
|
8569
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
8850
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
|
|
8570
8851
|
var coreLink = link && _extends({}, link, {
|
|
8571
8852
|
color: ThemeColor['base-white'],
|
|
8572
8853
|
bgColor: ThemeColor['base-black']
|
|
@@ -8578,10 +8859,10 @@ var PageHeadingCore = function PageHeadingCore(_ref) {
|
|
|
8578
8859
|
})));
|
|
8579
8860
|
};
|
|
8580
8861
|
|
|
8581
|
-
var _excluded$
|
|
8862
|
+
var _excluded$n = ["link"];
|
|
8582
8863
|
var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
8583
8864
|
var link = _ref.link,
|
|
8584
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
8865
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
|
|
8585
8866
|
var cinemaLink = link && _extends({}, link, {
|
|
8586
8867
|
color: ThemeColor['base-black'],
|
|
8587
8868
|
bgColor: ThemeColor['base-white']
|
|
@@ -8595,17 +8876,17 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8595
8876
|
})));
|
|
8596
8877
|
};
|
|
8597
8878
|
|
|
8598
|
-
var _templateObject
|
|
8599
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
8600
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8601
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
8602
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8603
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8604
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8605
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8606
|
-
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
8879
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$y, _templateObject4$t, _templateObject5$n, _templateObject6$i, _templateObject7$c, _templateObject8$9;
|
|
8880
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__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);
|
|
8881
|
+
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__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);
|
|
8882
|
+
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
8883
|
+
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__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);
|
|
8884
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
8885
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__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);
|
|
8886
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
8887
|
+
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__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);
|
|
8607
8888
|
|
|
8608
|
-
var _excluded$
|
|
8889
|
+
var _excluded$o = ["text"];
|
|
8609
8890
|
var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
8610
8891
|
var children = _ref.children,
|
|
8611
8892
|
text = _ref.text,
|
|
@@ -8623,7 +8904,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8623
8904
|
var truncatedText = text == null ? void 0 : text.substring(0, 75);
|
|
8624
8905
|
var _ref2 = link || {},
|
|
8625
8906
|
linkText = _ref2.text,
|
|
8626
|
-
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
8907
|
+
restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
|
|
8627
8908
|
return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
|
|
8628
8909
|
bgUrlDesktop: bgUrlDesktop,
|
|
8629
8910
|
bgUrlDevice: bgUrlDevice,
|
|
@@ -8668,21 +8949,21 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8668
8949
|
}, "Scroll Down"))) : null);
|
|
8669
8950
|
};
|
|
8670
8951
|
|
|
8671
|
-
var _templateObject$
|
|
8672
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8952
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$z, _templateObject4$u, _templateObject5$o;
|
|
8953
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__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) {
|
|
8673
8954
|
var color = _ref.color;
|
|
8674
8955
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8675
8956
|
}, devices.mobileAndTablet);
|
|
8676
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8957
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__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) {
|
|
8677
8958
|
var hasImage = _ref2.hasImage;
|
|
8678
8959
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
8679
8960
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
8680
8961
|
var hasImage = _ref3.hasImage;
|
|
8681
8962
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
8682
8963
|
});
|
|
8683
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8684
|
-
var InfoWrapper$
|
|
8685
|
-
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8964
|
+
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__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);
|
|
8965
|
+
var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__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);
|
|
8966
|
+
var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__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);
|
|
8686
8967
|
|
|
8687
8968
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
8688
8969
|
var _image$src, _image$alt;
|
|
@@ -8696,7 +8977,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8696
8977
|
"data-testid": "wrapper"
|
|
8697
8978
|
}, /*#__PURE__*/React__default.createElement(LeftPanel, {
|
|
8698
8979
|
hasImage: hasImage
|
|
8699
|
-
}, /*#__PURE__*/React__default.createElement(InfoWrapper$
|
|
8980
|
+
}, /*#__PURE__*/React__default.createElement(InfoWrapper$2, null, info), scrollTo && (/*#__PURE__*/React__default.createElement(ScrollDownWrapper$1, {
|
|
8700
8981
|
"data-testid": "scroll-link"
|
|
8701
8982
|
}, /*#__PURE__*/React__default.createElement(TabLink, {
|
|
8702
8983
|
iconName: "Arrow",
|
|
@@ -8712,13 +8993,13 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8712
8993
|
})))));
|
|
8713
8994
|
};
|
|
8714
8995
|
|
|
8715
|
-
var _templateObject
|
|
8716
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
8996
|
+
var _templateObject$11;
|
|
8997
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8717
8998
|
|
|
8718
|
-
var _excluded$
|
|
8999
|
+
var _excluded$p = ["link"];
|
|
8719
9000
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8720
9001
|
var link = _ref.link,
|
|
8721
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
9002
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$p);
|
|
8722
9003
|
var streamLink = link && _extends({}, link, {
|
|
8723
9004
|
color: ThemeColor['base-black'],
|
|
8724
9005
|
bgColor: ThemeColor['base-white']
|
|
@@ -8732,36 +9013,36 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8732
9013
|
}))));
|
|
8733
9014
|
};
|
|
8734
9015
|
|
|
8735
|
-
var _templateObject$
|
|
8736
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
8737
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8738
|
-
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8739
|
-
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8740
|
-
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9016
|
+
var _templateObject$12, _templateObject2$O, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
|
|
9017
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9018
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9019
|
+
var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__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\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n \n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet, devices.tablet);
|
|
9020
|
+
var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: var(--grid-outer-margin);\n bottom: 20px;\n z-index: 10;\n\n @media ", " {\n right: var(--grid-margin);\n bottom: 10px;\n }\n"])), devices.tablet);
|
|
9021
|
+
var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--heading-promo-bg-color);\n border-bottom: ", ";\n display: ", ";\n\n @media ", " {\n padding: 12px 0 20px;\n }\n"])), function (_ref) {
|
|
8741
9022
|
var theme = _ref.theme;
|
|
8742
9023
|
return theme == exports.ThemeType.Cinema ? '2px solid var(--color-base-light-grey)' : 'none';
|
|
8743
9024
|
}, function (_ref2) {
|
|
8744
9025
|
var showBlock = _ref2.showBlock;
|
|
8745
9026
|
return showBlock ? 'block' : 'none';
|
|
8746
9027
|
}, devices.mobile);
|
|
8747
|
-
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8748
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9028
|
+
var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
9029
|
+
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: start;\n align-items: center;\n width: 200px;\n\n @media ", " {\n order: ", ";\n width: 100%;\n justify-content: center;\n }\n"])), devices.mobile, function (_ref3) {
|
|
8749
9030
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
8750
9031
|
return isBadgePresent ? '1' : '4';
|
|
8751
9032
|
});
|
|
8752
|
-
var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9033
|
+
var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: end;\n width: 200px;\n\n @media ", " {\n margin-bottom: ", ";\n width: 100%;\n order: 3;\n }\n"])), devices.mobile, function (_ref4) {
|
|
8753
9034
|
var isAdditionalButtonPresent = _ref4.isAdditionalButtonPresent;
|
|
8754
9035
|
return isAdditionalButtonPresent ? '20px' : '0';
|
|
8755
9036
|
});
|
|
8756
|
-
var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
8757
|
-
var TitleWrapper$
|
|
9037
|
+
var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n width: 100%;\n display: flex;\n justify-content: center;\n }\n"])), devices.mobile);
|
|
9038
|
+
var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 10px 0;\n\n h1,\n h2,\n h3 {\n color: ", ";\n }\n\n @media ", " {\n padding: 0;\n order: 2;\n margin-bottom: ", ";\n }\n"])), function (_ref5) {
|
|
8758
9039
|
var theme = _ref5.theme;
|
|
8759
9040
|
return theme == exports.ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
|
|
8760
9041
|
}, devices.mobile, function (_ref6) {
|
|
8761
9042
|
var isButtonPresent = _ref6.isButtonPresent;
|
|
8762
9043
|
return isButtonPresent ? '20px' : '0';
|
|
8763
9044
|
});
|
|
8764
|
-
var ContentWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
9045
|
+
var ContentWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n @media ", " {\n height: auto;\n flex-direction: column;\n justify-content: start;\n }\n"])), devices.mobile);
|
|
8765
9046
|
|
|
8766
9047
|
var PageHeadingPromoBadge;
|
|
8767
9048
|
(function (PageHeadingPromoBadge) {
|
|
@@ -8904,7 +9185,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
8904
9185
|
}), !badge && (/*#__PURE__*/React__default.createElement(AdditionalButtonWrapper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
8905
9186
|
theme: theme,
|
|
8906
9187
|
link: additionalLink
|
|
8907
|
-
}))))), title && (/*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
9188
|
+
}))))), title && (/*#__PURE__*/React__default.createElement(TitleWrapper$3, {
|
|
8908
9189
|
theme: theme,
|
|
8909
9190
|
isButtonPresent: !!mainLink || !!additionalLink
|
|
8910
9191
|
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
@@ -8919,12 +9200,12 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
8919
9200
|
}))))))));
|
|
8920
9201
|
};
|
|
8921
9202
|
|
|
8922
|
-
var _templateObject$
|
|
8923
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8924
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8925
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8926
|
-
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8927
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$
|
|
9203
|
+
var _templateObject$13, _templateObject2$P, _templateObject3$B, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6;
|
|
9204
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\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);
|
|
9205
|
+
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__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"])));
|
|
9206
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9207
|
+
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$q || (_templateObject5$q = /*#__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);
|
|
9208
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$k || (_templateObject6$k = /*#__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 width: 210px;\n fill: ", ";\n }\n\n h1::selection,\n div::selection {\n ", ";\n }\n\n @media ", " {\n svg {\n width: 145px;\n }\n }\n\n @media ", " {\n display: flex;\n flex-direction: column;\n height: auto;\n padding: 32px 20px;\n\n svg {\n width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8928
9209
|
var invert = _ref.invert,
|
|
8929
9210
|
theme = _ref.theme;
|
|
8930
9211
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8940,10 +9221,10 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
8940
9221
|
var theme = _ref4.theme;
|
|
8941
9222
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
8942
9223
|
}, devices.tablet, devices.mobile);
|
|
8943
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8944
|
-
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
8945
|
-
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
8946
|
-
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$
|
|
9224
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__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);
|
|
9225
|
+
var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__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);
|
|
9226
|
+
var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__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);
|
|
9227
|
+
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$6 || (_templateObject10$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n color: ", ";\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n min-width: 145px;\n"])), function (_ref5) {
|
|
8947
9228
|
var invert = _ref5.invert,
|
|
8948
9229
|
theme = _ref5.theme;
|
|
8949
9230
|
return invert ? theme.colors.primary : theme.colors.white;
|
|
@@ -9032,7 +9313,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
9032
9313
|
return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
|
|
9033
9314
|
};
|
|
9034
9315
|
|
|
9035
|
-
var _excluded$
|
|
9316
|
+
var _excluded$q = ["text"];
|
|
9036
9317
|
var useResponsiveVideo = function useResponsiveVideo(video, poster) {
|
|
9037
9318
|
var mobileVideo = video.mobile || video.desktop;
|
|
9038
9319
|
var desktopVideo = video.desktop || video.mobile;
|
|
@@ -9139,7 +9420,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9139
9420
|
semanticLevel = _ref4$semanticLevel === void 0 ? 1 : _ref4$semanticLevel;
|
|
9140
9421
|
var _ref5 = link || {},
|
|
9141
9422
|
linkText = _ref5.text,
|
|
9142
|
-
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$
|
|
9423
|
+
restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$q);
|
|
9143
9424
|
var titleSize = title && title.length > 20 ? 4 : 3;
|
|
9144
9425
|
var video = {
|
|
9145
9426
|
elementId: 'compact-header-video',
|
|
@@ -9177,15 +9458,15 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9177
9458
|
}), linkText))))));
|
|
9178
9459
|
};
|
|
9179
9460
|
|
|
9180
|
-
var _templateObject$
|
|
9181
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9182
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
9461
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$w;
|
|
9462
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9463
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$Q || (_templateObject2$Q = /*#__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"])));
|
|
9183
9464
|
// PageNumber extends bodyText but uses subtitle-1 font size
|
|
9184
|
-
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
9465
|
+
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$C || (_templateObject3$C = /*#__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) {
|
|
9185
9466
|
var active = _ref.active;
|
|
9186
9467
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
9187
9468
|
});
|
|
9188
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
9469
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$w || (_templateObject4$w = /*#__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"])));
|
|
9189
9470
|
|
|
9190
9471
|
var reducePages = function reducePages(pages, currentPage) {
|
|
9191
9472
|
// If there are less than 6 pages, return all pages
|
|
@@ -9251,14 +9532,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9251
9532
|
})))));
|
|
9252
9533
|
};
|
|
9253
9534
|
|
|
9254
|
-
var _templateObject$
|
|
9255
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9256
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9257
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9258
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9259
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9260
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
9261
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
9535
|
+
var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f;
|
|
9536
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 || (_templateObject$15 = /*#__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);
|
|
9537
|
+
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9538
|
+
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9539
|
+
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9540
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9541
|
+
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$l || (_templateObject6$l = /*#__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"])));
|
|
9542
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9262
9543
|
|
|
9263
9544
|
var Person = function Person(_ref) {
|
|
9264
9545
|
var person = _ref.person,
|
|
@@ -9315,14 +9596,14 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9315
9596
|
}));
|
|
9316
9597
|
};
|
|
9317
9598
|
|
|
9318
|
-
var _templateObject$
|
|
9319
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9320
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
9599
|
+
var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$y;
|
|
9600
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9601
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
9321
9602
|
var columnCount = _ref.columnCount;
|
|
9322
9603
|
return "repeat(" + columnCount + ", 1fr)";
|
|
9323
9604
|
}, devices.mobile, devices.tablet);
|
|
9324
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9325
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9605
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
9606
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
9326
9607
|
|
|
9327
9608
|
// Get the total character length of a property in an array of objects
|
|
9328
9609
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
@@ -9440,14 +9721,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9440
9721
|
}, creditEntries);
|
|
9441
9722
|
};
|
|
9442
9723
|
|
|
9443
|
-
var _templateObject$
|
|
9724
|
+
var _templateObject$17, _templateObject2$T, _templateObject3$F, _templateObject4$z, _templateObject5$s, _templateObject6$m, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7, _templateObject11$4, _templateObject12$3, _templateObject13$3, _templateObject14$3, _templateObject15$2, _templateObject16$1, _templateObject17$1, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
9444
9725
|
var LENGTH_TEXT = 28;
|
|
9445
9726
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9446
9727
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9447
9728
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9448
9729
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9449
9730
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9450
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9731
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 || (_templateObject$17 = /*#__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) {
|
|
9451
9732
|
var imageToLeft = _ref.imageToLeft;
|
|
9452
9733
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9453
9734
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9457,9 +9738,9 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 ||
|
|
|
9457
9738
|
var asCard = _ref3.asCard;
|
|
9458
9739
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
9459
9740
|
});
|
|
9460
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
9461
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9462
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9741
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$T || (_templateObject2$T = /*#__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"])));
|
|
9742
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$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 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: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n"])));
|
|
9743
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__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 (_ref4) {
|
|
9463
9744
|
var hasTextLinks = _ref4.hasTextLinks;
|
|
9464
9745
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
9465
9746
|
}, function (_ref5) {
|
|
@@ -9483,22 +9764,22 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$x ||
|
|
|
9483
9764
|
}
|
|
9484
9765
|
return '';
|
|
9485
9766
|
});
|
|
9486
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9767
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref7) {
|
|
9487
9768
|
var marginBottom = _ref7.marginBottom;
|
|
9488
9769
|
return marginBottom + "px";
|
|
9489
9770
|
});
|
|
9490
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$
|
|
9491
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9492
|
-
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9493
|
-
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9494
|
-
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
9495
|
-
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
9496
|
-
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$
|
|
9497
|
-
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13$
|
|
9498
|
-
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14$
|
|
9499
|
-
var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15$
|
|
9500
|
-
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n font-size: var(--font-size-subtitle-2);\n }\n\n ", " {\n font-size: var(--font-size-overline-1);\n }\n\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n\n ", " {\n font-size: var(--font-size-overline-2);\n font-weight: var(--font-weight-overline-2);\n line-height: var(--line-height-overline-2);\n letter-spacing: var(--letter-spacing-overline-2);\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet, PromoWithTagsTextLink);
|
|
9501
|
-
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref8) {
|
|
9771
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
9772
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
9773
|
+
var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
9774
|
+
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__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);
|
|
9775
|
+
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$7 || (_templateObject10$7 = /*#__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);
|
|
9776
|
+
var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|
|
9777
|
+
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$3 || (_templateObject12$3 = /*#__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);
|
|
9778
|
+
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13$3 || (_templateObject13$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9779
|
+
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14$3 || (_templateObject14$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9780
|
+
var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15$2 || (_templateObject15$2 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9781
|
+
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject16$1 || (_templateObject16$1 = /*#__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);
|
|
9782
|
+
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17$1 || (_templateObject17$1 = /*#__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 (_ref8) {
|
|
9502
9783
|
var imageToLeft = _ref8.imageToLeft;
|
|
9503
9784
|
return imageToLeft ? 'left' : 'right';
|
|
9504
9785
|
}, devices.mobile);
|
|
@@ -9513,11 +9794,11 @@ var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObje
|
|
|
9513
9794
|
return asCard && asCardOverrides;
|
|
9514
9795
|
});
|
|
9515
9796
|
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
9516
|
-
var TimerWrapper$
|
|
9797
|
+
var TimerWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
9517
9798
|
var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid var(--base-color-black);\n padding-bottom: 32px;\n margin-bottom: 32px;\n\n @media ", " {\n padding-bottom: 20px;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
9518
9799
|
|
|
9519
|
-
var _excluded$
|
|
9520
|
-
_excluded2$
|
|
9800
|
+
var _excluded$r = ["text"],
|
|
9801
|
+
_excluded2$4 = ["text"],
|
|
9521
9802
|
_excluded3 = ["text"];
|
|
9522
9803
|
var _buttonTypeToButton$2;
|
|
9523
9804
|
var LENGTH_TEXT$1 = 28;
|
|
@@ -9579,13 +9860,13 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9579
9860
|
var _ref2 = firstButton || {},
|
|
9580
9861
|
_ref2$text = _ref2.text,
|
|
9581
9862
|
firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
9582
|
-
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9863
|
+
restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$r);
|
|
9583
9864
|
var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
|
|
9584
9865
|
var secondButton = links == null ? void 0 : links[1];
|
|
9585
9866
|
var _ref3 = secondButton || {},
|
|
9586
9867
|
_ref3$text = _ref3.text,
|
|
9587
9868
|
secondButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
9588
|
-
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
9869
|
+
restSecondButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$4);
|
|
9589
9870
|
var secondButtonTextTruncate = truncate(secondButtonText, LENGTH_TEXT$1);
|
|
9590
9871
|
var textTruncate = asCard ? truncate(text || '', LENGTH_TEXT_PARAGRAPH) : text;
|
|
9591
9872
|
var FirstButtonComponent = firstButton != null && firstButton.buttonType ? buttonTypeToButton$2[firstButton.buttonType] : PrimaryButton;
|
|
@@ -9607,7 +9888,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9607
9888
|
level: 5
|
|
9608
9889
|
}, timerParams.endDateText));
|
|
9609
9890
|
}
|
|
9610
|
-
return /*#__PURE__*/React__default.createElement(TimerWrapper$
|
|
9891
|
+
return /*#__PURE__*/React__default.createElement(TimerWrapper$2, {
|
|
9611
9892
|
"data-testid": "promo-with-tags-timer-wrapper"
|
|
9612
9893
|
}, /*#__PURE__*/React__default.createElement(Timer, {
|
|
9613
9894
|
endDateHandler: function endDateHandler() {
|
|
@@ -9692,28 +9973,28 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9692
9973
|
}))));
|
|
9693
9974
|
};
|
|
9694
9975
|
|
|
9695
|
-
var _templateObject$
|
|
9976
|
+
var _templateObject$18, _templateObject2$U, _templateObject3$G, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$h;
|
|
9696
9977
|
var LENGTH_TEXT$2 = 28;
|
|
9697
9978
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9698
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9979
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$18 || (_templateObject$18 = /*#__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) {
|
|
9699
9980
|
var imageToLeft = _ref.imageToLeft;
|
|
9700
9981
|
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'";
|
|
9701
9982
|
}, devices.tablet, function (_ref2) {
|
|
9702
9983
|
var imageToLeft = _ref2.imageToLeft;
|
|
9703
9984
|
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'";
|
|
9704
9985
|
}, devices.mobile);
|
|
9705
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9986
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
9706
9987
|
var imageToLeft = _ref3.imageToLeft;
|
|
9707
9988
|
return imageToLeft ? 'left' : 'right';
|
|
9708
9989
|
}, devices.mobile);
|
|
9709
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9990
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__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) {
|
|
9710
9991
|
var imageToLeft = _ref4.imageToLeft;
|
|
9711
9992
|
return imageToLeft ? 'right' : 'left';
|
|
9712
9993
|
}, devices.mobile);
|
|
9713
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9714
|
-
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
9715
|
-
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9716
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9994
|
+
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__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);
|
|
9995
|
+
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$t || (_templateObject5$t = /*#__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"])));
|
|
9996
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__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: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n"])));
|
|
9997
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$h || (_templateObject7$h = /*#__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 (_ref5) {
|
|
9717
9998
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
9718
9999
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
9719
10000
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -9735,8 +10016,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$f ||
|
|
|
9735
10016
|
return '';
|
|
9736
10017
|
});
|
|
9737
10018
|
|
|
9738
|
-
var _templateObject$
|
|
9739
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10019
|
+
var _templateObject$19;
|
|
10020
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
9740
10021
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9741
10022
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9742
10023
|
return aspectRatio;
|
|
@@ -9848,8 +10129,8 @@ var PromoChild = function PromoChild(_ref) {
|
|
|
9848
10129
|
}));
|
|
9849
10130
|
};
|
|
9850
10131
|
|
|
9851
|
-
var _excluded$
|
|
9852
|
-
_excluded2$
|
|
10132
|
+
var _excluded$s = ["text"],
|
|
10133
|
+
_excluded2$5 = ["text"];
|
|
9853
10134
|
var LENGTH_TEXT$3 = 28;
|
|
9854
10135
|
var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
9855
10136
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -9874,13 +10155,13 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9874
10155
|
var _ref2 = primaryButton || {},
|
|
9875
10156
|
_ref2$text = _ref2.text,
|
|
9876
10157
|
primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
|
|
9877
|
-
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10158
|
+
restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$s);
|
|
9878
10159
|
var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
|
|
9879
10160
|
var tertiaryButton = links == null ? void 0 : links[1];
|
|
9880
10161
|
var _ref3 = tertiaryButton || {},
|
|
9881
10162
|
_ref3$text = _ref3.text,
|
|
9882
10163
|
tertiaryButtonText = _ref3$text === void 0 ? '' : _ref3$text,
|
|
9883
|
-
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$
|
|
10164
|
+
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$5);
|
|
9884
10165
|
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$3);
|
|
9885
10166
|
var defaultVideoSettings = {
|
|
9886
10167
|
muted: true,
|
|
@@ -9917,8 +10198,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9917
10198
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
|
|
9918
10199
|
};
|
|
9919
10200
|
|
|
9920
|
-
var _templateObject$
|
|
9921
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10201
|
+
var _templateObject$1a;
|
|
10202
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9922
10203
|
|
|
9923
10204
|
/**
|
|
9924
10205
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9973,9 +10254,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9973
10254
|
})));
|
|
9974
10255
|
};
|
|
9975
10256
|
|
|
9976
|
-
var _templateObject$
|
|
9977
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9978
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10257
|
+
var _templateObject$1b, _templateObject2$V, _templateObject3$H;
|
|
10258
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10259
|
+
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9979
10260
|
var horizontalMode = _ref.horizontalMode;
|
|
9980
10261
|
if (horizontalMode) return 'row';
|
|
9981
10262
|
return 'column';
|
|
@@ -9983,7 +10264,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_temp
|
|
|
9983
10264
|
var gap = _ref2.gap;
|
|
9984
10265
|
return gap + "px";
|
|
9985
10266
|
});
|
|
9986
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10267
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9987
10268
|
var darkMode = _ref3.darkMode;
|
|
9988
10269
|
if (darkMode) return 'var(--base-color-white)';
|
|
9989
10270
|
return 'var(--base-color-errorstate)';
|
|
@@ -10060,10 +10341,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
10060
10341
|
}, error))));
|
|
10061
10342
|
};
|
|
10062
10343
|
|
|
10063
|
-
var _templateObject$
|
|
10064
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10065
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10066
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10344
|
+
var _templateObject$1c, _templateObject2$W, _templateObject3$I;
|
|
10345
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-light-grey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
10346
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\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"])));
|
|
10347
|
+
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
10067
10348
|
|
|
10068
10349
|
/* eslint-disable react/no-danger */
|
|
10069
10350
|
var StatusBanner = function StatusBanner(_ref) {
|
|
@@ -10119,8 +10400,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
10119
10400
|
return null;
|
|
10120
10401
|
};
|
|
10121
10402
|
|
|
10122
|
-
var _templateObject$
|
|
10123
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10403
|
+
var _templateObject$1d;
|
|
10404
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__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);
|
|
10124
10405
|
|
|
10125
10406
|
var SectionTitle = function SectionTitle(_ref) {
|
|
10126
10407
|
var title = _ref.title,
|
|
@@ -10148,8 +10429,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10148
10429
|
}, description)))));
|
|
10149
10430
|
};
|
|
10150
10431
|
|
|
10151
|
-
var _templateObject$
|
|
10152
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
10432
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$J, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$i, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$5;
|
|
10433
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject$1e = /*#__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) {
|
|
10153
10434
|
var theme = _ref.theme;
|
|
10154
10435
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10155
10436
|
}, function (_ref2) {
|
|
@@ -10159,12 +10440,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1c || (_templateObject
|
|
|
10159
10440
|
var theme = _ref3.theme;
|
|
10160
10441
|
return theme.colors.lightgrey;
|
|
10161
10442
|
});
|
|
10162
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
10443
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
10163
10444
|
var theme = _ref4.theme;
|
|
10164
10445
|
return theme.colors.darkgrey;
|
|
10165
10446
|
});
|
|
10166
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
10167
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
10447
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
10448
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
10168
10449
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
10169
10450
|
var theme = _ref5.theme;
|
|
10170
10451
|
return {
|
|
@@ -10172,11 +10453,11 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10172
10453
|
color: theme.colors.black,
|
|
10173
10454
|
title: 'Select Arrow'
|
|
10174
10455
|
};
|
|
10175
|
-
})(_templateObject5$
|
|
10176
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10177
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10178
|
-
var Options = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
10179
|
-
var Option = /*#__PURE__*/styled__default.li(_templateObject9$
|
|
10456
|
+
})(_templateObject5$u || (_templateObject5$u = /*#__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"])));
|
|
10457
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10458
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10459
|
+
var Options = /*#__PURE__*/styled__default.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10460
|
+
var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10180
10461
|
var theme = _ref6.theme,
|
|
10181
10462
|
hover = _ref6.hover;
|
|
10182
10463
|
var _theme$colors = theme.colors,
|
|
@@ -10186,9 +10467,9 @@ var Option = /*#__PURE__*/styled__default.li(_templateObject9$7 || (_templateObj
|
|
|
10186
10467
|
return "\n background-color: " + lightgrey + ";\n &:hover { background-color: " + midgrey + " }\n ";
|
|
10187
10468
|
});
|
|
10188
10469
|
var selectStyles = function selectStyles(width, height) {
|
|
10189
|
-
return styled.css(_templateObject10$
|
|
10470
|
+
return styled.css(_templateObject10$8 || (_templateObject10$8 = _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);
|
|
10190
10471
|
};
|
|
10191
|
-
var SelectList = /*#__PURE__*/styled__default.ul(_templateObject11$
|
|
10472
|
+
var SelectList = /*#__PURE__*/styled__default.ul(_templateObject11$5 || (_templateObject11$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n ", "\n ", "\n ", "\n\n & ", " {\n position: absolute;\n\n top: 13px;\n right: 16px;\n }\n"])), function (_ref7) {
|
|
10192
10473
|
var width = _ref7.width,
|
|
10193
10474
|
height = _ref7.height;
|
|
10194
10475
|
return selectStyles(width === 'default' ? "354px" : width + "px", height === 'default' ? "48px" : height + "px");
|
|
@@ -10529,9 +10810,9 @@ function Select(_ref3) {
|
|
|
10529
10810
|
})))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10530
10811
|
}
|
|
10531
10812
|
|
|
10532
|
-
var _templateObject$
|
|
10533
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10534
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10813
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$K, _templateObject4$C;
|
|
10814
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10815
|
+
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .harmonic-select__control--is-focused {\n border-color: var(--base-color-dark-grey);\n box-shadow: ", ";\n }\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\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 letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .harmonic-select__placeholder {\n color: var(--base-color-dark-grey);\n }\n .harmonic-select__single-value {\n color: var(--base-color-black);\n }\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--base-color-light-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--base-color-dark-grey);\n }\n }\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-dark-grey);\n background: var(--base-color-light-grey);\n }\n .harmonic-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .harmonic-select__option {\n padding: 10px 20px;\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 letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--base-color-mid-grey);\n }\n }\n .harmonic-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\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 letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .harmonic-select__menu-notice {\n padding: 20px 20px;\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 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-align: left;\n }\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
10535
10816
|
var width = _ref.width;
|
|
10536
10817
|
if (!width) return 'none';
|
|
10537
10818
|
return width + "px";
|
|
@@ -10548,18 +10829,18 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_t
|
|
|
10548
10829
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
10549
10830
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
10550
10831
|
});
|
|
10551
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10832
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
10552
10833
|
var darkMode = _ref5.darkMode;
|
|
10553
10834
|
if (darkMode) return "var(--base-color-white)";
|
|
10554
10835
|
return "var(--base-color-black)";
|
|
10555
10836
|
});
|
|
10556
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10837
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
10557
10838
|
var darkMode = _ref6.darkMode;
|
|
10558
10839
|
if (darkMode) return "var(--base-color-white)";
|
|
10559
10840
|
return "var(--base-color-errorstate)";
|
|
10560
10841
|
});
|
|
10561
10842
|
|
|
10562
|
-
var _excluded$
|
|
10843
|
+
var _excluded$t = ["label", "error", "width", "darkMode", "isSearchable", "components"];
|
|
10563
10844
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
10564
10845
|
return /*#__PURE__*/React__default.createElement(Select$1.components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
|
|
10565
10846
|
iconName: "DropdownArrow"
|
|
@@ -10610,7 +10891,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
10610
10891
|
_ref2$isSearchable = _ref2.isSearchable,
|
|
10611
10892
|
isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
|
|
10612
10893
|
components = _ref2.components,
|
|
10613
|
-
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
10894
|
+
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$t);
|
|
10614
10895
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
10615
10896
|
label: label,
|
|
10616
10897
|
error: error,
|
|
@@ -10628,7 +10909,7 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
10628
10909
|
})));
|
|
10629
10910
|
};
|
|
10630
10911
|
|
|
10631
|
-
var _excluded$
|
|
10912
|
+
var _excluded$u = ["label", "error", "width", "darkMode", "components"];
|
|
10632
10913
|
/**
|
|
10633
10914
|
* The Select2Async component is similar to Select 2, but uses react-select async
|
|
10634
10915
|
* component for select instead of regular react-select component. This can be used
|
|
@@ -10650,7 +10931,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10650
10931
|
_ref$darkMode = _ref.darkMode,
|
|
10651
10932
|
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
|
|
10652
10933
|
components = _ref.components,
|
|
10653
|
-
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10934
|
+
selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$u);
|
|
10654
10935
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
10655
10936
|
label: label,
|
|
10656
10937
|
error: error,
|
|
@@ -10667,8 +10948,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10667
10948
|
})));
|
|
10668
10949
|
};
|
|
10669
10950
|
|
|
10670
|
-
var _templateObject$
|
|
10671
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$
|
|
10951
|
+
var _templateObject$1g, _templateObject2$Z;
|
|
10952
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_templateObject$1g = /*#__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"])), StyledImageAspectRatioWrapper, function (_ref) {
|
|
10672
10953
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10673
10954
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10674
10955
|
return aspectRatio;
|
|
@@ -10678,7 +10959,7 @@ var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1e || (_temp
|
|
|
10678
10959
|
height = _ref2.height;
|
|
10679
10960
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
10680
10961
|
});
|
|
10681
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$
|
|
10962
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.figcaption(_templateObject2$Z || (_templateObject2$Z = /*#__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"])));
|
|
10682
10963
|
|
|
10683
10964
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
10684
10965
|
var caption = _ref.caption,
|
|
@@ -10712,13 +10993,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10712
10993
|
})), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10713
10994
|
};
|
|
10714
10995
|
|
|
10715
|
-
var _templateObject$
|
|
10716
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10717
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10996
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$L;
|
|
10997
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10998
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10718
10999
|
var displayAttribution = _ref.displayAttribution;
|
|
10719
11000
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
10720
11001
|
});
|
|
10721
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11002
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__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);
|
|
10722
11003
|
|
|
10723
11004
|
/* eslint-disable react/no-danger */
|
|
10724
11005
|
var Quote = function Quote(_ref) {
|
|
@@ -10743,13 +11024,13 @@ var Quote = function Quote(_ref) {
|
|
|
10743
11024
|
}, attribution))));
|
|
10744
11025
|
};
|
|
10745
11026
|
|
|
10746
|
-
var _templateObject$
|
|
10747
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10748
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
10749
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
10750
|
-
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10751
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10752
|
-
var TitleWrapper$
|
|
11027
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$M, _templateObject4$D, _templateObject5$v, _templateObject6$p;
|
|
11028
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__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"])));
|
|
11029
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11030
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11031
|
+
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11032
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__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);
|
|
11033
|
+
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__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);
|
|
10753
11034
|
|
|
10754
11035
|
var MiniCard = function MiniCard(_ref) {
|
|
10755
11036
|
var _ref$title = _ref.title,
|
|
@@ -10782,23 +11063,23 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10782
11063
|
columnSpanDesktop: 4
|
|
10783
11064
|
}, /*#__PURE__*/React__default.createElement(ContentContainer$4, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10784
11065
|
level: 4
|
|
10785
|
-
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
11066
|
+
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$4, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10786
11067
|
level: 2
|
|
10787
11068
|
}, title)))));
|
|
10788
11069
|
};
|
|
10789
11070
|
|
|
10790
|
-
var _templateObject$
|
|
10791
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10792
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10793
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11071
|
+
var _templateObject$1j, _templateObject2$10, _templateObject3$N, _templateObject4$E, _templateObject5$w;
|
|
11072
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
11073
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
11074
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10794
11075
|
var isVisible = _ref.isVisible;
|
|
10795
11076
|
return isVisible ? 'visible' : 'hidden';
|
|
10796
11077
|
});
|
|
10797
|
-
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11078
|
+
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10798
11079
|
var isVisible = _ref2.isVisible;
|
|
10799
11080
|
return isVisible ? 'visible' : 'hidden';
|
|
10800
11081
|
});
|
|
10801
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11082
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s 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 @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
10802
11083
|
|
|
10803
11084
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10804
11085
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10879,15 +11160,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10879
11160
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
10880
11161
|
};
|
|
10881
11162
|
|
|
10882
|
-
var _templateObject$
|
|
10883
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10884
|
-
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2
|
|
10885
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
10886
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
11163
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$O, _templateObject4$F, _templateObject5$x;
|
|
11164
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11165
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
11166
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
11167
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10887
11168
|
var isActive = _ref.isActive;
|
|
10888
11169
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10889
11170
|
}, exports.Colors.MidGrey);
|
|
10890
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
11171
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
10891
11172
|
var isOpen = _ref2.isOpen;
|
|
10892
11173
|
return isOpen ? 'block' : 'none';
|
|
10893
11174
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -11043,19 +11324,19 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11043
11324
|
});
|
|
11044
11325
|
};
|
|
11045
11326
|
|
|
11046
|
-
var _templateObject$
|
|
11047
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11048
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11049
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11327
|
+
var _templateObject$1l, _templateObject2$12, _templateObject3$P, _templateObject4$G, _templateObject5$y, _templateObject6$q;
|
|
11328
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11329
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11330
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
11050
11331
|
var color = _ref.color;
|
|
11051
11332
|
return "var(--base-color-" + color + ")";
|
|
11052
11333
|
});
|
|
11053
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11054
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11334
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11335
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11055
11336
|
var color = _ref2.color;
|
|
11056
11337
|
return "var(--base-color-" + color + ")";
|
|
11057
11338
|
});
|
|
11058
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11339
|
+
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
11059
11340
|
var color = _ref3.color;
|
|
11060
11341
|
return "var(--base-color-" + color + ")";
|
|
11061
11342
|
});
|
|
@@ -11137,28 +11418,28 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11137
11418
|
}, strengthLabel))));
|
|
11138
11419
|
};
|
|
11139
11420
|
|
|
11140
|
-
var _templateObject$
|
|
11141
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
11142
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11143
|
-
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11144
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
11421
|
+
var _templateObject$1m, _templateObject2$13, _templateObject3$Q, _templateObject4$H, _templateObject5$z, _templateObject6$r, _templateObject7$j, _templateObject8$e, _templateObject9$9, _templateObject10$9;
|
|
11422
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11423
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11424
|
+
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11425
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
11145
11426
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11146
11427
|
}, function (props) {
|
|
11147
11428
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11148
11429
|
}, devices.tablet, devices.mobile);
|
|
11149
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
11430
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$z || (_templateObject5$z = /*#__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 padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid;\n border-color: ", ";\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
|
|
11150
11431
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11151
11432
|
}, function (props) {
|
|
11152
11433
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11153
11434
|
}, devices.mobile);
|
|
11154
|
-
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11155
|
-
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$
|
|
11435
|
+
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\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: none;\n }\n"])));
|
|
11436
|
+
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\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\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
11156
11437
|
var active = _ref.active;
|
|
11157
11438
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11158
11439
|
});
|
|
11159
|
-
var Next = /*#__PURE__*/styled__default.span(_templateObject8$
|
|
11160
|
-
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
11161
|
-
var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject10$
|
|
11440
|
+
var Next = /*#__PURE__*/styled__default.span(_templateObject8$e || (_templateObject8$e = /*#__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"])));
|
|
11441
|
+
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n\n div:hover {\n background-color: var(--base-color-light-grey);\n }\n\n > div > div {\n background-color: var(--base-color-light-grey);\n }\n\n svg path {\n fill: var(--base-color-black) !important;\n }\n"])));
|
|
11442
|
+
var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject10$9 || (_templateObject10$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
11162
11443
|
|
|
11163
11444
|
/* eslint-disable react/no-danger */
|
|
11164
11445
|
var Content = function Content(_ref) {
|
|
@@ -11341,32 +11622,32 @@ var Table = function Table(_ref) {
|
|
|
11341
11622
|
}))))))))));
|
|
11342
11623
|
};
|
|
11343
11624
|
|
|
11344
|
-
var _templateObject$
|
|
11345
|
-
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
11625
|
+
var _templateObject$1n, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$k, _templateObject8$f, _templateObject9$a, _templateObject10$a, _templateObject11$6, _templateObject12$4, _templateObject13$4, _templateObject14$4, _templateObject15$3;
|
|
11626
|
+
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11346
11627
|
var theme = _ref.theme;
|
|
11347
11628
|
return "var(--base-color-" + theme + ")";
|
|
11348
11629
|
}, function (_ref2) {
|
|
11349
11630
|
var theme = _ref2.theme;
|
|
11350
11631
|
return "var(--base-color-" + theme + ")";
|
|
11351
11632
|
});
|
|
11352
|
-
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11353
|
-
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
11354
|
-
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11355
|
-
var Form = /*#__PURE__*/styled__default.form(_templateObject5$
|
|
11356
|
-
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11357
|
-
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11358
|
-
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$
|
|
11359
|
-
var ButtonWrapper$3 = /*#__PURE__*/styled__default.button(_templateObject9$
|
|
11360
|
-
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
11361
|
-
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
11362
|
-
var DropdownAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject12$
|
|
11363
|
-
var DropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject13$
|
|
11633
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11634
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--base-color-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
11635
|
+
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--base-color-errorstate);\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11636
|
+
var Form = /*#__PURE__*/styled__default.form(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
|
|
11637
|
+
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
11638
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--base-color-errorstate);\n"])));
|
|
11639
|
+
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n div {\n text-decoration: underline;\n }\n"])));
|
|
11640
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled__default.button(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n\n @media ", " {\n width: 100%;\n }\n &:focus {\n outline: 3px solid var(--base-color-lapislazuli);\n }\n"])), devices.mobile);
|
|
11641
|
+
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$a || (_templateObject10$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
|
|
11642
|
+
var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$6 || (_templateObject11$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
|
|
11643
|
+
var DropdownAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject12$4 || (_templateObject12$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1 / -1;\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n gap: var(--grid-column-gap);\n cursor: pointer;\n"])));
|
|
11644
|
+
var DropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject13$4 || (_templateObject13$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n width: fit-content;\n transform: rotate(", ");\n .dropdown-icon > div {\n border-bottom: none;\n color: var(--base-color-black);\n margin: 0;\n }\n"])), function (_ref3) {
|
|
11364
11645
|
var _ref3$isOpen = _ref3.isOpen,
|
|
11365
11646
|
isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
|
|
11366
11647
|
return isOpen ? '180deg' : '0deg';
|
|
11367
11648
|
});
|
|
11368
|
-
var HiddenInstructions = /*#__PURE__*/styled__default.div(_templateObject14$
|
|
11369
|
-
var SignUpHeader = /*#__PURE__*/styled__default(Grid)(_templateObject15$
|
|
11649
|
+
var HiddenInstructions = /*#__PURE__*/styled__default.div(_templateObject14$4 || (_templateObject14$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n"])));
|
|
11650
|
+
var SignUpHeader = /*#__PURE__*/styled__default(Grid)(_templateObject15$3 || (_templateObject15$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1 / -1;\n row-gap: 0;\n"])));
|
|
11370
11651
|
|
|
11371
11652
|
var regex = {
|
|
11372
11653
|
signInEmail:
|
|
@@ -11731,6 +12012,157 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
|
|
|
11731
12012
|
var _BUTTONS_STYLE_VALUES;
|
|
11732
12013
|
// Text color, Background color, Border color, Hovered color
|
|
11733
12014
|
var BUTTONS_STYLE_VALUES = (_BUTTONS_STYLE_VALUES = {}, _BUTTONS_STYLE_VALUES[exports.ButtonType.Primary] = [ThemeColor['base-black'], ThemeColor['base-white'], ThemeColor['base-black'], ThemeColor['white-hovered'], ThemeColor['white-pressed']], _BUTTONS_STYLE_VALUES[exports.ButtonType.Secondary] = [ThemeColor['base-white'], ThemeColor['base-black'], ThemeColor['base-white'], ThemeColor['white-hovered'], ThemeColor['white-pressed']], _BUTTONS_STYLE_VALUES[exports.ButtonType.Tertiary] = [ThemeColor['base-white'], ThemeColor['base-white'], ThemeColor['base-black'], ThemeColor['white-hovered'], ThemeColor['white-pressed']], _BUTTONS_STYLE_VALUES);
|
|
12015
|
+
var getLinkStyle = function getLinkStyle(link, defaultTextColor, defaultBackgroundColor, defaultBorderColor, defaultHoveredColor, defaultPressedColor) {
|
|
12016
|
+
var _link$textColor, _link$backgroundColor, _link$borderColor, _link$hoveredColor, _link$pressedColor;
|
|
12017
|
+
return {
|
|
12018
|
+
textColor: (_link$textColor = link.textColor) != null ? _link$textColor : defaultTextColor,
|
|
12019
|
+
backgroundColor: (_link$backgroundColor = link.backgroundColor) != null ? _link$backgroundColor : defaultBackgroundColor,
|
|
12020
|
+
borderColor: (_link$borderColor = link.borderColor) != null ? _link$borderColor : defaultBorderColor,
|
|
12021
|
+
hoveredColor: (_link$hoveredColor = link.hoveredColor) != null ? _link$hoveredColor : defaultHoveredColor,
|
|
12022
|
+
pressedColor: (_link$pressedColor = link.pressedColor) != null ? _link$pressedColor : defaultPressedColor
|
|
12023
|
+
};
|
|
12024
|
+
};
|
|
12025
|
+
var processSlideLinks = function processSlideLinks(links) {
|
|
12026
|
+
return links.flatMap(function (link) {
|
|
12027
|
+
if (!link) return [];
|
|
12028
|
+
var linkStyle = link.buttonType ? getLinkStyle.apply(void 0, [link].concat(BUTTONS_STYLE_VALUES[link.buttonType])) : {};
|
|
12029
|
+
return _extends({}, link, linkStyle);
|
|
12030
|
+
});
|
|
12031
|
+
};
|
|
12032
|
+
var isVideoSlide = function isVideoSlide(slideMedia) {
|
|
12033
|
+
return slideMedia.video !== undefined;
|
|
12034
|
+
};
|
|
12035
|
+
|
|
12036
|
+
var VideoSlide = function VideoSlide(_ref) {
|
|
12037
|
+
var index = _ref.index,
|
|
12038
|
+
settings = _ref.settings,
|
|
12039
|
+
isCurrentSlide = _ref.isCurrentSlide;
|
|
12040
|
+
var viewport = useViewport();
|
|
12041
|
+
var videoComponentId = settings.key + "-video-" + index;
|
|
12042
|
+
var videoUrl = viewport.isMobile ? settings.video.mobile : settings.video.desktop;
|
|
12043
|
+
var posterUrl = viewport.isMobile ? settings.poster.mobile : settings.poster.desktop;
|
|
12044
|
+
// eslint-disable-next-line jsx-a11y/media-has-caption
|
|
12045
|
+
var video = /*#__PURE__*/React__default.createElement("video", {
|
|
12046
|
+
id: videoComponentId,
|
|
12047
|
+
src: videoUrl,
|
|
12048
|
+
poster: posterUrl
|
|
12049
|
+
});
|
|
12050
|
+
return /*#__PURE__*/React__default.createElement(VideoWithControlsWrapper, {
|
|
12051
|
+
isCurrentSlide: isCurrentSlide
|
|
12052
|
+
}, /*#__PURE__*/React__default.createElement(VideoWithControls$1, {
|
|
12053
|
+
video: video,
|
|
12054
|
+
settings: settings
|
|
12055
|
+
}));
|
|
12056
|
+
};
|
|
12057
|
+
var SwipeCarousel = function SwipeCarousel(_ref2) {
|
|
12058
|
+
var slidesMedia = _ref2.slidesMedia,
|
|
12059
|
+
currentSlide = _ref2.currentSlide,
|
|
12060
|
+
carouselRef = _ref2.carouselRef,
|
|
12061
|
+
hasMultipleSlides = _ref2.hasMultipleSlides,
|
|
12062
|
+
setCurrentSlide = _ref2.setCurrentSlide;
|
|
12063
|
+
var hasOnlyImageSlides = slidesMedia.every(function (slide) {
|
|
12064
|
+
return !isVideoSlide(slide);
|
|
12065
|
+
});
|
|
12066
|
+
return /*#__PURE__*/React__default.createElement(Swipe, {
|
|
12067
|
+
ref: carouselRef,
|
|
12068
|
+
infinite: hasMultipleSlides && hasOnlyImageSlides,
|
|
12069
|
+
onIndexChange: setCurrentSlide,
|
|
12070
|
+
"aria-roledescription": "carousel"
|
|
12071
|
+
}, slidesMedia.map(function (mediaContent, index) {
|
|
12072
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
12073
|
+
className: "swiper-slide",
|
|
12074
|
+
key: mediaContent.key,
|
|
12075
|
+
"aria-hidden": index !== currentSlide,
|
|
12076
|
+
"aria-roledescription": "slide"
|
|
12077
|
+
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
12078
|
+
aspectRatio: exports.AspectRatio['4:3']
|
|
12079
|
+
}, isVideoSlide(mediaContent) ? (/*#__PURE__*/React__default.createElement(VideoSlide, {
|
|
12080
|
+
settings: mediaContent,
|
|
12081
|
+
index: index,
|
|
12082
|
+
isCurrentSlide: index === currentSlide
|
|
12083
|
+
})) : (/*#__PURE__*/React__default.createElement("img", Object.assign({
|
|
12084
|
+
alt: mediaContent.alt
|
|
12085
|
+
}, mediaContent)))));
|
|
12086
|
+
}));
|
|
12087
|
+
};
|
|
12088
|
+
|
|
12089
|
+
var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
12090
|
+
var logo = _ref.logo,
|
|
12091
|
+
carouselTitle = _ref.carouselTitle,
|
|
12092
|
+
slides = _ref.slides,
|
|
12093
|
+
titleSemanticLevel = _ref.titleSemanticLevel,
|
|
12094
|
+
className = _ref.className;
|
|
12095
|
+
var slidesMedia = React.useMemo(function () {
|
|
12096
|
+
return slides.map(function (_ref2) {
|
|
12097
|
+
var mediaContent = _ref2.mediaContent;
|
|
12098
|
+
return mediaContent;
|
|
12099
|
+
});
|
|
12100
|
+
}, []);
|
|
12101
|
+
var _useState = React.useState(0),
|
|
12102
|
+
currentSlide = _useState[0],
|
|
12103
|
+
setCurrentSlide = _useState[1];
|
|
12104
|
+
var currentSlideData = slides[currentSlide];
|
|
12105
|
+
var links = currentSlideData.links,
|
|
12106
|
+
auxiliaryCTA = currentSlideData.auxiliaryCTA;
|
|
12107
|
+
var hasMultipleSlides = slidesMedia.length > 1;
|
|
12108
|
+
var hasOnlyImageSlides = slidesMedia.every(function (slide) {
|
|
12109
|
+
return !isVideoSlide(slide);
|
|
12110
|
+
});
|
|
12111
|
+
var carouselTitleId = "highlights-carousel-title-" + carouselTitle;
|
|
12112
|
+
var carouselRef = React.useRef(null);
|
|
12113
|
+
var onNext = function onNext() {
|
|
12114
|
+
var _carouselRef$current;
|
|
12115
|
+
return (_carouselRef$current = carouselRef.current) == null ? void 0 : _carouselRef$current.nextSlide();
|
|
12116
|
+
};
|
|
12117
|
+
var onPrev = function onPrev() {
|
|
12118
|
+
var _carouselRef$current2;
|
|
12119
|
+
return (_carouselRef$current2 = carouselRef.current) == null ? void 0 : _carouselRef$current2.prevSlide();
|
|
12120
|
+
};
|
|
12121
|
+
var handleClickInside = function handleClickInside(e) {
|
|
12122
|
+
e.stopPropagation();
|
|
12123
|
+
};
|
|
12124
|
+
return /*#__PURE__*/React__default.createElement(HighlightsGrid, {
|
|
12125
|
+
role: "region",
|
|
12126
|
+
"aria-labelledby": carouselTitleId,
|
|
12127
|
+
onClick: handleClickInside,
|
|
12128
|
+
className: className
|
|
12129
|
+
}, /*#__PURE__*/React__default.createElement(CarouselTitleWrapper, {
|
|
12130
|
+
"data-testid": "carousel-title"
|
|
12131
|
+
}, /*#__PURE__*/React__default.createElement(HeaderWrapper, {
|
|
12132
|
+
id: carouselTitleId
|
|
12133
|
+
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
12134
|
+
size: "small",
|
|
12135
|
+
serif: true,
|
|
12136
|
+
hierarchy: "h" + titleSemanticLevel
|
|
12137
|
+
}, carouselTitle))), hasMultipleSlides && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapperMobile, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12138
|
+
onClickNext: onNext,
|
|
12139
|
+
onClickPrev: onPrev
|
|
12140
|
+
}))), /*#__PURE__*/React__default.createElement(InfoWrapper, {
|
|
12141
|
+
"data-testid": "info-wrapper"
|
|
12142
|
+
}, /*#__PURE__*/React__default.createElement(InfoSection, {
|
|
12143
|
+
logo: logo,
|
|
12144
|
+
slide: currentSlideData,
|
|
12145
|
+
currentSlideIndex: currentSlide
|
|
12146
|
+
}), /*#__PURE__*/React__default.createElement(Buttons, {
|
|
12147
|
+
links: links,
|
|
12148
|
+
auxiliaryCTA: auxiliaryCTA
|
|
12149
|
+
})), /*#__PURE__*/React__default.createElement(CarouselWrapper, {
|
|
12150
|
+
"data-testid": "carousel-wrapper"
|
|
12151
|
+
}, hasMultipleSlides && (/*#__PURE__*/React__default.createElement(RotatorButtonsWrapper, {
|
|
12152
|
+
"data-testid": "rotator-buttons"
|
|
12153
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12154
|
+
onClickNext: onNext,
|
|
12155
|
+
onClickPrev: onPrev,
|
|
12156
|
+
availablePrev: hasOnlyImageSlides || currentSlide !== 0,
|
|
12157
|
+
availableNext: hasOnlyImageSlides || currentSlide !== slidesMedia.length - 1
|
|
12158
|
+
}))), /*#__PURE__*/React__default.createElement(SwipeCarousel, {
|
|
12159
|
+
slidesMedia: slidesMedia,
|
|
12160
|
+
hasMultipleSlides: hasMultipleSlides,
|
|
12161
|
+
carouselRef: carouselRef,
|
|
12162
|
+
currentSlide: currentSlide,
|
|
12163
|
+
setCurrentSlide: setCurrentSlide
|
|
12164
|
+
})));
|
|
12165
|
+
};
|
|
11734
12166
|
|
|
11735
12167
|
var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
|
|
11736
12168
|
|
|
@@ -11779,8 +12211,104 @@ var HarmonicThemeProvider = function HarmonicThemeProvider(_ref) {
|
|
|
11779
12211
|
return themedChildren.length === 1 ? themedChildren[0] : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, themedChildren);
|
|
11780
12212
|
};
|
|
11781
12213
|
|
|
11782
|
-
var
|
|
11783
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__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 --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\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 --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
12214
|
+
var _excluded$v = ["logo", "slides"];
|
|
12215
|
+
var HighlightsCinema = function HighlightsCinema(_ref) {
|
|
12216
|
+
var logo = _ref.logo,
|
|
12217
|
+
slides = _ref.slides,
|
|
12218
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
|
|
12219
|
+
var slidesWithLinks = slides.map(function (slide) {
|
|
12220
|
+
var links = processSlideLinks(slide.links);
|
|
12221
|
+
return _extends({}, slide, {
|
|
12222
|
+
links: links
|
|
12223
|
+
});
|
|
12224
|
+
});
|
|
12225
|
+
return /*#__PURE__*/React__default.createElement(HarmonicThemeProvider, {
|
|
12226
|
+
theme: exports.ThemeType.Cinema
|
|
12227
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
12228
|
+
slides: slidesWithLinks,
|
|
12229
|
+
logo: logo ? /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
12230
|
+
align: "left"
|
|
12231
|
+
}) : null
|
|
12232
|
+
})));
|
|
12233
|
+
};
|
|
12234
|
+
|
|
12235
|
+
var _excluded$w = ["slides"];
|
|
12236
|
+
var HighlightsCore = function HighlightsCore(_ref) {
|
|
12237
|
+
var slides = _ref.slides,
|
|
12238
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
12239
|
+
var slidesWithLinks = slides.map(function (slide) {
|
|
12240
|
+
var links = processSlideLinks(slide.links);
|
|
12241
|
+
return _extends({}, slide, {
|
|
12242
|
+
links: links
|
|
12243
|
+
});
|
|
12244
|
+
});
|
|
12245
|
+
return /*#__PURE__*/React__default.createElement(HarmonicThemeProvider, {
|
|
12246
|
+
theme: exports.ThemeType.Core
|
|
12247
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
12248
|
+
slides: slidesWithLinks
|
|
12249
|
+
})));
|
|
12250
|
+
};
|
|
12251
|
+
|
|
12252
|
+
var _excluded$x = ["logo", "slides"];
|
|
12253
|
+
var HighlightsStream = function HighlightsStream(_ref) {
|
|
12254
|
+
var logo = _ref.logo,
|
|
12255
|
+
slides = _ref.slides,
|
|
12256
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
|
|
12257
|
+
var slidesWithLinks = slides.map(function (slide) {
|
|
12258
|
+
var links = processSlideLinks(slide.links);
|
|
12259
|
+
return _extends({}, slide, {
|
|
12260
|
+
links: links
|
|
12261
|
+
});
|
|
12262
|
+
});
|
|
12263
|
+
return /*#__PURE__*/React__default.createElement(HarmonicThemeProvider, {
|
|
12264
|
+
theme: exports.ThemeType.Stream
|
|
12265
|
+
}, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
|
|
12266
|
+
slides: slidesWithLinks,
|
|
12267
|
+
logo: logo ? /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
12268
|
+
align: "left"
|
|
12269
|
+
}) : null
|
|
12270
|
+
})));
|
|
12271
|
+
};
|
|
12272
|
+
|
|
12273
|
+
var _templateObject$1o, _templateObject3$S;
|
|
12274
|
+
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
12275
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
12276
|
+
|
|
12277
|
+
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12278
|
+
var children = _ref.children;
|
|
12279
|
+
var carouselRef = React.useRef(null);
|
|
12280
|
+
var hasMultipleChildren = React__default.Children.count(children) > 1;
|
|
12281
|
+
var onNext = function onNext() {
|
|
12282
|
+
var _carouselRef$current;
|
|
12283
|
+
return (_carouselRef$current = carouselRef.current) == null ? void 0 : _carouselRef$current.nextSlide();
|
|
12284
|
+
};
|
|
12285
|
+
var onPrev = function onPrev() {
|
|
12286
|
+
var _carouselRef$current2;
|
|
12287
|
+
return (_carouselRef$current2 = carouselRef.current) == null ? void 0 : _carouselRef$current2.prevSlide();
|
|
12288
|
+
};
|
|
12289
|
+
return /*#__PURE__*/React__default.createElement(CarouselWrapper$1, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
12290
|
+
columnStartDesktop: 1,
|
|
12291
|
+
columnSpanDesktop: 16,
|
|
12292
|
+
columnStartDevice: 1,
|
|
12293
|
+
columnSpanDevice: 14
|
|
12294
|
+
}, /*#__PURE__*/React__default.createElement(Swipe, {
|
|
12295
|
+
ref: carouselRef,
|
|
12296
|
+
infinite: hasMultipleChildren,
|
|
12297
|
+
"data-testid": "carousel-swipe"
|
|
12298
|
+
}, React__default.Children.toArray(children).map(function (child, index) {
|
|
12299
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
12300
|
+
key: "swipe-minimal-carousel-slide-" + index
|
|
12301
|
+
}, child);
|
|
12302
|
+
})))), hasMultipleChildren && (/*#__PURE__*/React__default.createElement(ButtonsWrapper$1, {
|
|
12303
|
+
"data-testid": "carousel-buttons-wrapper"
|
|
12304
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
12305
|
+
onClickNext: onNext,
|
|
12306
|
+
onClickPrev: onPrev
|
|
12307
|
+
}))));
|
|
12308
|
+
};
|
|
12309
|
+
|
|
12310
|
+
var _templateObject$1p;
|
|
12311
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1p || (_templateObject$1p = /*#__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 --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-text-transform-navigation: capitalize;\n --harmonic-font-size-navigation: 19px;\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 --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
11784
12312
|
var theme = _ref.theme;
|
|
11785
12313
|
return theme.colors.primary;
|
|
11786
12314
|
}, function (_ref2) {
|
|
@@ -12737,6 +13265,7 @@ exports.AuxiliaryNav = AuxiliaryNav;
|
|
|
12737
13265
|
exports.BodyText = BodyText;
|
|
12738
13266
|
exports.Card = Card;
|
|
12739
13267
|
exports.Cards = Cards;
|
|
13268
|
+
exports.Carousel = Carousel;
|
|
12740
13269
|
exports.CinemaBadge = CinemaBadge;
|
|
12741
13270
|
exports.ContactCard = ContactCard;
|
|
12742
13271
|
exports.ContentSummary = ContentSummary;
|
|
@@ -12749,11 +13278,16 @@ exports.Grid = Grid;
|
|
|
12749
13278
|
exports.GridItem = GridItem;
|
|
12750
13279
|
exports.HarmonicThemeProvider = HarmonicThemeProvider;
|
|
12751
13280
|
exports.Header = Header;
|
|
13281
|
+
exports.HighlightsCarousel = HighlightsCarousel;
|
|
13282
|
+
exports.HighlightsCarouselCinema = HighlightsCinema;
|
|
13283
|
+
exports.HighlightsCarouselCore = HighlightsCore;
|
|
13284
|
+
exports.HighlightsCarouselStream = HighlightsStream;
|
|
12752
13285
|
exports.Icon = Icon;
|
|
12753
13286
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
12754
13287
|
exports.ImageWithCaption = ImageWithCaption;
|
|
12755
13288
|
exports.Information = Information;
|
|
12756
13289
|
exports.MiniCard = MiniCard;
|
|
13290
|
+
exports.MinimalCarousel = MinimalCarousel;
|
|
12757
13291
|
exports.ModalWindow = ModalWindow;
|
|
12758
13292
|
exports.Navigation = Navigation;
|
|
12759
13293
|
exports.Overline = Overline;
|