@royaloperahouse/harmonic 0.7.1 → 0.8.0
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/components/Typography/Typography.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/Arrows/ArrowPagination.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/Arrows/LastPageArrow.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +2 -0
- package/dist/components/molecules/ContentSummary/ContentSummary.d.ts +1 -1
- package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts +1 -2
- package/dist/components/molecules/Pagination/Pagination.d.ts +2 -1
- package/dist/components/molecules/Pagination/Pagination.style.d.ts +6 -5
- package/dist/components/molecules/SearchBar/SearchBar.d.ts +1 -1
- package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts +1 -1
- package/dist/harmonic.cjs.development.js +159 -105
- 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 +159 -105
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/helpers/accessibility.d.ts +1 -1
- package/dist/types/editorial.d.ts +7 -3
- package/dist/types/navigation.d.ts +5 -0
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -386,7 +386,7 @@ var css_248z = "/* Base classes */\n.typography-module_display__ZHsz9 {\n margi
|
|
|
386
386
|
var styles = {"display":"typography-module_display__ZHsz9","header":"typography-module_header__FVsLI","subtitle":"typography-module_subtitle__x3sSn","bodycopy":"typography-module_bodycopy__-BY2U","overline":"typography-module_overline__y1yCC","buttontext":"typography-module_buttontext__Gp0W-","captiontext":"typography-module_captiontext__zyA--","navigationtext":"typography-module_navigationtext__Qj6Zw","display--large":"typography-module_display--large__RwPQD","display--small":"typography-module_display--small__XWUSJ","header--large":"typography-module_header--large__2vP3p","header--medium":"typography-module_header--medium__OgzlB","header--small":"typography-module_header--small__zLuFf","subtitle--large":"typography-module_subtitle--large__1Ep9J","subtitle--small":"typography-module_subtitle--small__Vt9bZ","bodycopy--large":"typography-module_bodycopy--large__BNzf2","bodycopy--medium":"typography-module_bodycopy--medium__cwJEu","bodycopy--small":"typography-module_bodycopy--small__fTLSM","overline--large":"typography-module_overline--large__79WUM","overline--small":"typography-module_overline--small__MGEG6","display--primary":"typography-module_display--primary__9sTwU","header--primary":"typography-module_header--primary__KF0PJ","subtitle--primary":"typography-module_subtitle--primary__yL-hS","bodycopy--primary":"typography-module_bodycopy--primary__5Uo2D","overline--primary":"typography-module_overline--primary__a2NSa","buttontext--primary":"typography-module_buttontext--primary__HnmE3","captiontext--primary":"typography-module_captiontext--primary__mmafI","navigationtext--primary":"typography-module_navigationtext--primary__vIsUl","display--black":"typography-module_display--black__8hmsx","header--black":"typography-module_header--black__M3I14","subtitle--black":"typography-module_subtitle--black__IQRSo","bodycopy--black":"typography-module_bodycopy--black__J8BNP","overline--black":"typography-module_overline--black__RUDoj","buttontext--black":"typography-module_buttontext--black__irjmz","captiontext--black":"typography-module_captiontext--black__7axhP","navigationtext--black":"typography-module_navigationtext--black__wDz-G","display--white":"typography-module_display--white__3QA6W","header--white":"typography-module_header--white__mm-ex","subtitle--white":"typography-module_subtitle--white__VzQ3K","bodycopy--white":"typography-module_bodycopy--white__NJ8J8","overline--white":"typography-module_overline--white__cV5QV","buttontext--white":"typography-module_buttontext--white__rrr8U","captiontext--white":"typography-module_captiontext--white__OMFwW","navigationtext--white":"typography-module_navigationtext--white__5YDdY","display--red":"typography-module_display--red__khdLJ","header--red":"typography-module_header--red__hxuj9","subtitle--red":"typography-module_subtitle--red__gSK7d","bodycopy--red":"typography-module_bodycopy--red__P5Mau","overline--red":"typography-module_overline--red__OW5dE","buttontext--red":"typography-module_buttontext--red__mlRi2","captiontext--red":"typography-module_captiontext--red__jMQIK","navigationtext--red":"typography-module_navigationtext--red__-QADV","display--grey":"typography-module_display--grey__RsgTf","header--grey":"typography-module_header--grey__rC0vN","subtitle--grey":"typography-module_subtitle--grey__1nkEx","bodycopy--grey":"typography-module_bodycopy--grey__SNnaU","overline--grey":"typography-module_overline--grey__lGOsK","buttontext--grey":"typography-module_buttontext--grey__1Y4oX","captiontext--grey":"typography-module_captiontext--grey__V0MLc","navigationtext--grey":"typography-module_navigationtext--grey__xi3sz","display--inherit":"typography-module_display--inherit__ZNOHM","header--inherit":"typography-module_header--inherit__qmHQE","subtitle--inherit":"typography-module_subtitle--inherit__mly-X","bodycopy--inherit":"typography-module_bodycopy--inherit__CoC-f","overline--inherit":"typography-module_overline--inherit__Cq4ni","buttontext--inherit":"typography-module_buttontext--inherit__vguWx","captiontext--inherit":"typography-module_captiontext--inherit__ya6gm","navigationtext--inherit":"typography-module_navigationtext--inherit__cJLWf","display--serif":"typography-module_display--serif__C0-Ve","header--serif":"typography-module_header--serif__uTGCc","display--em":"typography-module_display--em__h2bPV","header--em":"typography-module_header--em__UFQIA","display--bold":"typography-module_display--bold__PG-8g","header--bold":"typography-module_header--bold__InvJk","subtitle--bold":"typography-module_subtitle--bold__Subov","bodycopy--bold":"typography-module_bodycopy--bold__nZX3C","overline--bold":"typography-module_overline--bold__3mUXy","buttontext--bold":"typography-module_buttontext--bold__rBKIJ","captiontext--bold":"typography-module_captiontext--bold__ebTyV","navigationtext--bold":"typography-module_navigationtext--bold__SRlV2"};
|
|
387
387
|
styleInject(css_248z);
|
|
388
388
|
|
|
389
|
-
var _excluded = ["children", "size", "color", "className"],
|
|
389
|
+
var _excluded = ["children", "size", "color", "className", "bold"],
|
|
390
390
|
_excluded2 = ["children", "size", "color", "className"];
|
|
391
391
|
/* ~~~ Headers - size and hierarchy set separately ~~~ */
|
|
392
392
|
var HarmonicHeader = function HarmonicHeader(_ref2) {
|
|
@@ -433,10 +433,12 @@ var BodyCopyHarmonic = function BodyCopyHarmonic(_ref4) {
|
|
|
433
433
|
_ref4$color = _ref4.color,
|
|
434
434
|
color = _ref4$color === void 0 ? 'inherit' : _ref4$color,
|
|
435
435
|
className = _ref4.className,
|
|
436
|
+
bold = _ref4.bold,
|
|
436
437
|
props = _objectWithoutPropertiesLoose(_ref4, _excluded);
|
|
437
438
|
var classNames = createClassNames('bodycopy', {
|
|
438
439
|
size: size,
|
|
439
440
|
color: color,
|
|
441
|
+
bold: bold,
|
|
440
442
|
className: className
|
|
441
443
|
}, styles);
|
|
442
444
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({
|
|
@@ -2568,10 +2570,45 @@ var Volume = (function (_ref) {
|
|
|
2568
2570
|
}));
|
|
2569
2571
|
});
|
|
2570
2572
|
|
|
2573
|
+
var LastPageArrow = (function (_ref) {
|
|
2574
|
+
var _ref$color = _ref.color,
|
|
2575
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2576
|
+
ariaLabel = _ref.ariaLabel;
|
|
2577
|
+
return /*#__PURE__*/createElement("svg", {
|
|
2578
|
+
width: "100%",
|
|
2579
|
+
height: "100%",
|
|
2580
|
+
viewBox: "0 0 24 24",
|
|
2581
|
+
fill: "none",
|
|
2582
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2583
|
+
"aria-label": ariaLabel
|
|
2584
|
+
}, /*#__PURE__*/createElement("path", {
|
|
2585
|
+
d: "M9.14746 11.9961L9.1377 12.0039L17.165 20.8428L18.4121 19.71L11.415 12.0059L18.4219 4.29004L17.1748 3.15723L9.14746 11.9961ZM5.57031 20.8428H7.14062V3.15723H5.57031V20.8428Z",
|
|
2586
|
+
fill: color
|
|
2587
|
+
}));
|
|
2588
|
+
});
|
|
2589
|
+
|
|
2590
|
+
var ArrowPagination = (function (_ref) {
|
|
2591
|
+
var _ref$color = _ref.color,
|
|
2592
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2593
|
+
ariaLabel = _ref.ariaLabel;
|
|
2594
|
+
return /*#__PURE__*/createElement("svg", {
|
|
2595
|
+
width: "100%",
|
|
2596
|
+
height: "100%",
|
|
2597
|
+
viewBox: "0 0 24 24",
|
|
2598
|
+
fill: "none",
|
|
2599
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2600
|
+
"aria-label": ariaLabel
|
|
2601
|
+
}, /*#__PURE__*/createElement("path", {
|
|
2602
|
+
d: "M15.3955 3.1582L7.36816 11.9971L7.3584 12.0049L15.3857 20.8438L16.6328 19.7109L9.63574 12.0068L16.6426 4.29102L15.3955 3.1582Z",
|
|
2603
|
+
fill: color
|
|
2604
|
+
}));
|
|
2605
|
+
});
|
|
2606
|
+
|
|
2571
2607
|
/* 12px */
|
|
2572
2608
|
var IconLibrary = {
|
|
2573
2609
|
AddToMyList: AddToMyList,
|
|
2574
2610
|
Arrow: Arrow,
|
|
2611
|
+
ArrowPagination: ArrowPagination,
|
|
2575
2612
|
AudioDescription: AudioDescription,
|
|
2576
2613
|
Back10: Back10,
|
|
2577
2614
|
BalletAndDance: BalletAndDance,
|
|
@@ -2607,6 +2644,7 @@ var IconLibrary = {
|
|
|
2607
2644
|
Home: Home,
|
|
2608
2645
|
Info: Info,
|
|
2609
2646
|
Instagram: Instagram,
|
|
2647
|
+
LastPageArrow: LastPageArrow,
|
|
2610
2648
|
List: List,
|
|
2611
2649
|
ListView: ListView,
|
|
2612
2650
|
LiveStream: LiveStream,
|
|
@@ -5747,8 +5785,12 @@ var InputContainer = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObj
|
|
|
5747
5785
|
var TextLinkWrapper$1 = /*#__PURE__*/styled(TextLink)(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-red);\n"])));
|
|
5748
5786
|
var SearchArrowContainer = /*#__PURE__*/styled.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-right: 8px;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5749
5787
|
|
|
5750
|
-
function useFocusTrap(containerRef, onEscape) {
|
|
5788
|
+
function useFocusTrap(containerRef, onEscape, enabled) {
|
|
5789
|
+
if (enabled === void 0) {
|
|
5790
|
+
enabled = true;
|
|
5791
|
+
}
|
|
5751
5792
|
useEffect(function () {
|
|
5793
|
+
if (!enabled) return undefined;
|
|
5752
5794
|
var container = containerRef.current;
|
|
5753
5795
|
if (!container) return undefined;
|
|
5754
5796
|
var focusableSelectors = 'input, button, select, textarea, a[href], [tabindex]:not([tabindex="-1"])';
|
|
@@ -5781,7 +5823,9 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
5781
5823
|
var onClick = _ref.onClick,
|
|
5782
5824
|
onClose = _ref.onClose,
|
|
5783
5825
|
className = _ref.className,
|
|
5784
|
-
inputRef = _ref.inputRef
|
|
5826
|
+
inputRef = _ref.inputRef,
|
|
5827
|
+
_ref$trapFocus = _ref.trapFocus,
|
|
5828
|
+
trapFocus = _ref$trapFocus === void 0 ? true : _ref$trapFocus;
|
|
5785
5829
|
var _useState = useState(false),
|
|
5786
5830
|
showSearchLink = _useState[0],
|
|
5787
5831
|
setShowSearchLink = _useState[1];
|
|
@@ -5791,7 +5835,7 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
5791
5835
|
var internalRef = useRef(null);
|
|
5792
5836
|
var finalInputRef = inputRef != null ? inputRef : internalRef;
|
|
5793
5837
|
var containerRef = useRef(null);
|
|
5794
|
-
useFocusTrap(containerRef, onClose);
|
|
5838
|
+
useFocusTrap(containerRef, onClose, trapFocus);
|
|
5795
5839
|
var onSearchHandler = function onSearchHandler(value) {
|
|
5796
5840
|
onClick(value);
|
|
5797
5841
|
setSearchValue('');
|
|
@@ -5871,7 +5915,7 @@ var SearchBar = function SearchBar(_ref) {
|
|
|
5871
5915
|
onClick: onCloseHandler,
|
|
5872
5916
|
onKeyDown: onKeyboardCloseHandler,
|
|
5873
5917
|
"data-testid": "close-icon",
|
|
5874
|
-
"aria-label": "
|
|
5918
|
+
"aria-label": "Clear the search bar"
|
|
5875
5919
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
5876
5920
|
iconName: "Close"
|
|
5877
5921
|
})));
|
|
@@ -8619,22 +8663,20 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8619
8663
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString))))))));
|
|
8620
8664
|
};
|
|
8621
8665
|
|
|
8622
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$g
|
|
8623
|
-
var BodyTextRelative = /*#__PURE__*/styled(
|
|
8624
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled.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:
|
|
8666
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$g;
|
|
8667
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8668
|
+
var ContentSummaryWrapper = /*#__PURE__*/styled.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: 36px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
8625
8669
|
return props.clickable ? 'pointer' : 'default';
|
|
8626
8670
|
}, devices.mobile);
|
|
8627
8671
|
var ContentSummaryImageWrapper = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
8628
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap:
|
|
8672
|
+
var ContentSummaryTextWrapper = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n gap: 20px;\n\n & * {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n @media ", " {\n margin: 0 20px;\n }\n\n & .content-summary-text-link {\n height: unset;\n }\n"])), function (props) {
|
|
8629
8673
|
return props.showImage ? 2 : '1 / span 4';
|
|
8630
8674
|
}, devices.mobile);
|
|
8631
|
-
var
|
|
8632
|
-
var
|
|
8633
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__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) {
|
|
8675
|
+
var BodyTextLimit = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8676
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__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) {
|
|
8634
8677
|
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 ";
|
|
8635
8678
|
});
|
|
8636
8679
|
|
|
8637
|
-
var MAX_HEADER_LEVEL = 6;
|
|
8638
8680
|
var clickHandler = function clickHandler(link) {
|
|
8639
8681
|
if (link != null && link.href && document) {
|
|
8640
8682
|
document.location.href = link.href;
|
|
@@ -8654,9 +8696,11 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8654
8696
|
truncate = _ref$truncate === void 0 ? 0 : _ref$truncate,
|
|
8655
8697
|
_ref$fullyClickable = _ref.fullyClickable,
|
|
8656
8698
|
fullyClickable = _ref$fullyClickable === void 0 ? true : _ref$fullyClickable,
|
|
8657
|
-
_ref$
|
|
8658
|
-
|
|
8699
|
+
_ref$headerSemanticLe = _ref.headerSemanticLevel,
|
|
8700
|
+
headerSemanticLevel = _ref$headerSemanticLe === void 0 ? 'h3' : _ref$headerSemanticLe,
|
|
8701
|
+
className = _ref.className;
|
|
8659
8702
|
return /*#__PURE__*/React__default.createElement(ContentSummaryWrapper, {
|
|
8703
|
+
className: className,
|
|
8660
8704
|
onClick: function onClick() {
|
|
8661
8705
|
if (fullyClickable) {
|
|
8662
8706
|
clickHandler(link);
|
|
@@ -8666,31 +8710,32 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8666
8710
|
"data-roh": "content-summary-item"
|
|
8667
8711
|
}, showImage && image && (/*#__PURE__*/React__default.createElement(ContentSummaryImageWrapper, {
|
|
8668
8712
|
"data-testid": "image-wrapper"
|
|
8669
|
-
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
8670
|
-
aspectRatio: AspectRatio['4:3']
|
|
8671
8713
|
}, link != null && link.href ? (/*#__PURE__*/React__default.createElement("a", {
|
|
8672
8714
|
href: link.href
|
|
8715
|
+
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
8716
|
+
aspectRatio: AspectRatio['4:3']
|
|
8673
8717
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
8674
8718
|
src: image.src,
|
|
8675
8719
|
alt: image.alt
|
|
8676
|
-
}))) : (/*#__PURE__*/React__default.createElement(
|
|
8720
|
+
})))) : (/*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
8721
|
+
aspectRatio: AspectRatio['4:3']
|
|
8722
|
+
}, /*#__PURE__*/React__default.createElement("img", {
|
|
8677
8723
|
src: image.src,
|
|
8678
8724
|
alt: image.alt
|
|
8679
8725
|
}))))), /*#__PURE__*/React__default.createElement(ContentSummaryTextWrapper, {
|
|
8680
8726
|
showImage: showImage
|
|
8681
|
-
}, title && (/*#__PURE__*/React__default.createElement(
|
|
8727
|
+
}, title && (/*#__PURE__*/React__default.createElement("div", {
|
|
8682
8728
|
"data-testid": largeTitle ? 'large-title' : 'default-title'
|
|
8683
|
-
}, largeTitle ? (/*#__PURE__*/React__default.createElement(
|
|
8684
|
-
|
|
8685
|
-
|
|
8686
|
-
}, title)) : (/*#__PURE__*/React__default.createElement(
|
|
8687
|
-
|
|
8688
|
-
|
|
8689
|
-
}, title)))), subtitle &&
|
|
8690
|
-
|
|
8691
|
-
|
|
8692
|
-
|
|
8693
|
-
level: 1
|
|
8729
|
+
}, largeTitle ? (/*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
8730
|
+
size: "large",
|
|
8731
|
+
hierarchy: headerSemanticLevel
|
|
8732
|
+
}, title)) : (/*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
8733
|
+
size: "medium",
|
|
8734
|
+
hierarchy: headerSemanticLevel
|
|
8735
|
+
}, title)))), subtitle && /*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
|
|
8736
|
+
size: "large"
|
|
8737
|
+
}, subtitle), bodyText && (/*#__PURE__*/React__default.createElement(BodyTextRelative, {
|
|
8738
|
+
size: "large"
|
|
8694
8739
|
}, /*#__PURE__*/React__default.createElement(BodyTextLimit, null, /*#__PURE__*/React__default.createElement(ContentSummaryBodyTextWrapper, {
|
|
8695
8740
|
truncate: truncate,
|
|
8696
8741
|
dangerouslySetInnerHTML: {
|
|
@@ -8987,7 +9032,7 @@ var Information = function Information(_ref) {
|
|
|
8987
9032
|
})))));
|
|
8988
9033
|
};
|
|
8989
9034
|
|
|
8990
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$h, _templateObject7$
|
|
9035
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$8;
|
|
8991
9036
|
var PageHeadingWrapper = /*#__PURE__*/styled('div')(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: var(--page-header-bg-color);\n color: var(--color-base-white);\n\n ", ";\n\n h1,\n h2,\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8992
9037
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
8993
9038
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -9006,7 +9051,7 @@ var ChildrenWrapper = /*#__PURE__*/styled.div(_templateObject5$m || (_templateOb
|
|
|
9006
9051
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
9007
9052
|
}, devices.mobile);
|
|
9008
9053
|
var TextWrapper = /*#__PURE__*/styled.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-white);\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
9009
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
9054
|
+
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n ", ";\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n\n ", ";\n }\n }\n"])), function (_ref5) {
|
|
9010
9055
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
9011
9056
|
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
9012
9057
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9088,14 +9133,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9088
9133
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9089
9134
|
};
|
|
9090
9135
|
|
|
9091
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$i, _templateObject7$
|
|
9136
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$i, _templateObject7$c, _templateObject8$9;
|
|
9092
9137
|
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$10 || (_templateObject$10 = /*#__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);
|
|
9093
9138
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__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);
|
|
9094
9139
|
var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject3$A || (_templateObject3$A = /*#__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);
|
|
9095
9140
|
var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__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);
|
|
9096
9141
|
var LogoWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9097
9142
|
var TextWrapper$1 = /*#__PURE__*/styled.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);
|
|
9098
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject7$
|
|
9143
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
9099
9144
|
var ScrollDownWrapper = /*#__PURE__*/styled.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);
|
|
9100
9145
|
|
|
9101
9146
|
var _excluded$l = ["text"];
|
|
@@ -9203,7 +9248,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9203
9248
|
})))));
|
|
9204
9249
|
};
|
|
9205
9250
|
|
|
9206
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$
|
|
9251
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject0$5, _templateObject1$3;
|
|
9207
9252
|
var Wrapper$5 = /*#__PURE__*/styled.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9208
9253
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9209
9254
|
var SponsorWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__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);
|
|
@@ -9216,7 +9261,7 @@ var ContentSection = /*#__PURE__*/styled.div(_templateObject5$p || (_templateObj
|
|
|
9216
9261
|
return showBlock ? 'block' : 'none';
|
|
9217
9262
|
}, devices.mobile);
|
|
9218
9263
|
var BadgeWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
9219
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
9264
|
+
var AdditionalContentWrapper = /*#__PURE__*/styled.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) {
|
|
9220
9265
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9221
9266
|
return isBadgePresent ? '1' : '4';
|
|
9222
9267
|
});
|
|
@@ -9417,7 +9462,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9417
9462
|
})))))))))));
|
|
9418
9463
|
};
|
|
9419
9464
|
|
|
9420
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$k, _templateObject7$
|
|
9465
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject0$6;
|
|
9421
9466
|
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
9422
9467
|
var BrandingTextBody = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__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"])));
|
|
9423
9468
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
@@ -9438,7 +9483,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled(Grid)(_templateObject6$k || (
|
|
|
9438
9483
|
var theme = _ref4.theme;
|
|
9439
9484
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9440
9485
|
}, devices.tablet, devices.mobile);
|
|
9441
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled.div(_templateObject7$
|
|
9486
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled.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);
|
|
9442
9487
|
var CompactHeaderTitleWrapper = /*#__PURE__*/styled.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);
|
|
9443
9488
|
var CompactHeaderCTAWrapper = /*#__PURE__*/styled.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);
|
|
9444
9489
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled(PrimaryButton)(_templateObject0$6 || (_templateObject0$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) {
|
|
@@ -9671,15 +9716,21 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9671
9716
|
}), linkText))))));
|
|
9672
9717
|
};
|
|
9673
9718
|
|
|
9674
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x;
|
|
9719
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f;
|
|
9720
|
+
// Keep MorePages for Table component until restyle
|
|
9675
9721
|
var MorePages = /*#__PURE__*/styled.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9676
|
-
var
|
|
9677
|
-
|
|
9678
|
-
var
|
|
9722
|
+
var PaginationLink = /*#__PURE__*/styled.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n color: inherit;\n"])));
|
|
9723
|
+
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\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 margin-left: 24px;\n color: var(--color-base-black);\n display: flex;\n align-items: center;\n }\n li:first-child {\n margin-left: 0px;\n }\n"])));
|
|
9724
|
+
var LastPageItem = /*#__PURE__*/styled.li(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9725
|
+
var PreviousPageItem = /*#__PURE__*/styled.li(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9726
|
+
var TextLinkPagination = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: ", ";\n border-bottom: ", ";\n }\n\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])), function (_ref) {
|
|
9679
9727
|
var active = _ref.active;
|
|
9680
|
-
return active
|
|
9728
|
+
return active ? "var(--color-primary-red)" : 'inherit';
|
|
9729
|
+
}, function (_ref2) {
|
|
9730
|
+
var active = _ref2.active;
|
|
9731
|
+
return "1px solid " + (active ? 'var(--color-primary-red)' : 'transparent');
|
|
9681
9732
|
});
|
|
9682
|
-
var
|
|
9733
|
+
var PageNav = /*#__PURE__*/styled.a(_templateObject7$f || (_templateObject7$f = /*#__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(--color-base-black);\n }\n }\n"])));
|
|
9683
9734
|
|
|
9684
9735
|
var reducePages = function reducePages(pages, currentPage) {
|
|
9685
9736
|
// If there are less than 6 pages, return all pages
|
|
@@ -9700,58 +9751,61 @@ var reducePages = function reducePages(pages, currentPage) {
|
|
|
9700
9751
|
var Pagination = function Pagination(_ref) {
|
|
9701
9752
|
var pageCount = _ref.pageCount,
|
|
9702
9753
|
currentPage = _ref.currentPage,
|
|
9703
|
-
baseUrl = _ref.baseUrl
|
|
9754
|
+
baseUrl = _ref.baseUrl,
|
|
9755
|
+
className = _ref.className;
|
|
9704
9756
|
// Array of page numbers starting at 1
|
|
9705
9757
|
var pageNumbers = Array.from(Array(pageCount + 1).keys()).slice(1);
|
|
9706
9758
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
9707
|
-
return /*#__PURE__*/React__default.createElement(PageNumberWrapper,
|
|
9759
|
+
return /*#__PURE__*/React__default.createElement(PageNumberWrapper, {
|
|
9760
|
+
className: className
|
|
9761
|
+
},
|
|
9708
9762
|
// {/* Left arrow only appears after page 1 */
|
|
9709
|
-
currentPage > 1 && (/*#__PURE__*/React__default.createElement("li", {
|
|
9763
|
+
currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9764
|
+
href: baseUrl + "1"
|
|
9765
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9766
|
+
iconName: "LastPageArrow",
|
|
9767
|
+
direction: "right"
|
|
9768
|
+
}))), /*#__PURE__*/React__default.createElement(PreviousPageItem, {
|
|
9710
9769
|
key: "previous-page",
|
|
9711
9770
|
"data-testid": "left-arrow"
|
|
9712
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9771
|
+
}, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9713
9772
|
href: "" + baseUrl + (currentPage - 1)
|
|
9714
9773
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9715
|
-
iconName: "
|
|
9716
|
-
direction: "
|
|
9717
|
-
})))),
|
|
9718
|
-
key: "more-before",
|
|
9719
|
-
"data-testid": "elipsis"
|
|
9720
|
-
}, /*#__PURE__*/React__default.createElement(MorePages, {
|
|
9721
|
-
theme: "core"
|
|
9722
|
-
}, "..."))), reducedPageNumbers.map(function (page) {
|
|
9774
|
+
iconName: "ArrowPagination",
|
|
9775
|
+
direction: "right"
|
|
9776
|
+
}))))), reducedPageNumbers.map(function (page) {
|
|
9723
9777
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
9724
9778
|
key: page
|
|
9725
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9726
|
-
theme: "core",
|
|
9727
|
-
key: page,
|
|
9728
|
-
active: "" + (page === currentPage),
|
|
9779
|
+
}, /*#__PURE__*/React__default.createElement(PaginationLink, {
|
|
9729
9780
|
href: "" + baseUrl + page,
|
|
9730
9781
|
"data-testid": "page-number"
|
|
9731
|
-
},
|
|
9732
|
-
|
|
9733
|
-
|
|
9734
|
-
|
|
9735
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9736
|
-
theme: "core"
|
|
9737
|
-
}, "..."))), currentPage < pageCount && (/*#__PURE__*/React__default.createElement("li", {
|
|
9782
|
+
}, /*#__PURE__*/React__default.createElement(TextLinkPagination, {
|
|
9783
|
+
size: "large",
|
|
9784
|
+
active: page === currentPage
|
|
9785
|
+
}, page.toString())));
|
|
9786
|
+
}), currentPage < pageCount && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
|
|
9738
9787
|
key: "next-page",
|
|
9739
9788
|
"data-testid": "right-arrow"
|
|
9740
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9789
|
+
}, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9741
9790
|
href: "" + baseUrl + (currentPage + 1)
|
|
9742
9791
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9743
|
-
iconName: "
|
|
9744
|
-
direction: "
|
|
9745
|
-
})))
|
|
9792
|
+
iconName: "ArrowPagination",
|
|
9793
|
+
direction: "left"
|
|
9794
|
+
}))), /*#__PURE__*/React__default.createElement(LastPageItem, null, /*#__PURE__*/React__default.createElement(PageNav, {
|
|
9795
|
+
href: "" + baseUrl + pageCount
|
|
9796
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9797
|
+
iconName: "LastPageArrow",
|
|
9798
|
+
direction: "left"
|
|
9799
|
+
}))))));
|
|
9746
9800
|
};
|
|
9747
9801
|
|
|
9748
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$
|
|
9802
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$m, _templateObject7$g;
|
|
9749
9803
|
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
9750
9804
|
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9751
9805
|
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9752
9806
|
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9753
|
-
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
9754
|
-
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$
|
|
9807
|
+
var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9808
|
+
var PersonLink = /*#__PURE__*/styled.a(_templateObject6$m || (_templateObject6$m = /*#__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"])));
|
|
9755
9809
|
var ReplacementWrapper = /*#__PURE__*/styled.span(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9756
9810
|
|
|
9757
9811
|
var Person = function Person(_ref) {
|
|
@@ -9934,7 +9988,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9934
9988
|
}, creditEntries);
|
|
9935
9989
|
};
|
|
9936
9990
|
|
|
9937
|
-
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$
|
|
9991
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
|
9938
9992
|
var LENGTH_TEXT = 28;
|
|
9939
9993
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9940
9994
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9977,11 +10031,11 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$A || (_templat
|
|
|
9977
10031
|
}
|
|
9978
10032
|
return '';
|
|
9979
10033
|
});
|
|
9980
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
10034
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref7) {
|
|
9981
10035
|
var marginBottom = _ref7.marginBottom;
|
|
9982
10036
|
return marginBottom + "px";
|
|
9983
10037
|
});
|
|
9984
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$
|
|
10038
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
9985
10039
|
var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
9986
10040
|
var TextLinkWrapper$3 = /*#__PURE__*/styled.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"])));
|
|
9987
10041
|
var ExtraContentWrapper = /*#__PURE__*/styled.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);
|
|
@@ -10186,7 +10240,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10186
10240
|
}))));
|
|
10187
10241
|
};
|
|
10188
10242
|
|
|
10189
|
-
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$
|
|
10243
|
+
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$i;
|
|
10190
10244
|
var LENGTH_TEXT$2 = 28;
|
|
10191
10245
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10192
10246
|
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
@@ -10205,8 +10259,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$I ||
|
|
|
10205
10259
|
return imageToLeft ? 'right' : 'left';
|
|
10206
10260
|
}, devices.mobile);
|
|
10207
10261
|
var HarmonicHeaderWithWrapper = /*#__PURE__*/styled(HarmonicHeader)(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10208
|
-
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$
|
|
10209
|
-
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$
|
|
10262
|
+
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10263
|
+
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\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 @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10210
10264
|
var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__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) {
|
|
10211
10265
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10212
10266
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
@@ -10640,7 +10694,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10640
10694
|
}, description)))));
|
|
10641
10695
|
};
|
|
10642
10696
|
|
|
10643
|
-
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$
|
|
10697
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$p, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
|
|
10644
10698
|
var stateStyles = /*#__PURE__*/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) {
|
|
10645
10699
|
var theme = _ref.theme;
|
|
10646
10700
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10664,8 +10718,8 @@ var ArrowIcon = /*#__PURE__*/styled(Icon).attrs(function (_ref5) {
|
|
|
10664
10718
|
color: theme.colors.black,
|
|
10665
10719
|
title: 'Select Arrow'
|
|
10666
10720
|
};
|
|
10667
|
-
})(_templateObject5$
|
|
10668
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject6$
|
|
10721
|
+
})(_templateObject5$v || (_templateObject5$v = /*#__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"])));
|
|
10722
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10669
10723
|
var SelectWrapper = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10670
10724
|
var Options = /*#__PURE__*/styled.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10671
10725
|
var Option = /*#__PURE__*/styled.li(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
@@ -11235,13 +11289,13 @@ var Quote = function Quote(_ref) {
|
|
|
11235
11289
|
}, attribution))));
|
|
11236
11290
|
};
|
|
11237
11291
|
|
|
11238
|
-
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$
|
|
11292
|
+
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$q;
|
|
11239
11293
|
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
11240
11294
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11241
11295
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11242
11296
|
var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11243
|
-
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
11244
|
-
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$
|
|
11297
|
+
var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$w || (_templateObject5$w = /*#__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);
|
|
11298
|
+
var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$q || (_templateObject6$q = /*#__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);
|
|
11245
11299
|
|
|
11246
11300
|
var MiniCard = function MiniCard(_ref) {
|
|
11247
11301
|
var _ref$title = _ref.title,
|
|
@@ -11279,7 +11333,7 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11279
11333
|
}, title)))));
|
|
11280
11334
|
};
|
|
11281
11335
|
|
|
11282
|
-
var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$F, _templateObject5$
|
|
11336
|
+
var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$F, _templateObject5$x;
|
|
11283
11337
|
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
11284
11338
|
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__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"])));
|
|
11285
11339
|
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
@@ -11290,7 +11344,7 @@ var IntroTextContainer = /*#__PURE__*/styled.div(_templateObject4$F || (_templat
|
|
|
11290
11344
|
var isVisible = _ref2.isVisible;
|
|
11291
11345
|
return isVisible ? 'visible' : 'hidden';
|
|
11292
11346
|
});
|
|
11293
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$
|
|
11347
|
+
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject5$x || (_templateObject5$x = /*#__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"])));
|
|
11294
11348
|
|
|
11295
11349
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
11296
11350
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -11371,7 +11425,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11371
11425
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11372
11426
|
};
|
|
11373
11427
|
|
|
11374
|
-
var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$G, _templateObject5$
|
|
11428
|
+
var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$G, _templateObject5$y;
|
|
11375
11429
|
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11376
11430
|
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$12 || (_templateObject2$12 = /*#__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"])), Colors.LightGrey);
|
|
11377
11431
|
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$Q || (_templateObject3$Q = /*#__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"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
@@ -11379,7 +11433,7 @@ var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$G || (_templateObject4$G
|
|
|
11379
11433
|
var isActive = _ref.isActive;
|
|
11380
11434
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
11381
11435
|
}, Colors.MidGrey);
|
|
11382
|
-
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
11436
|
+
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$y || (_templateObject5$y = /*#__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) {
|
|
11383
11437
|
var isOpen = _ref2.isOpen;
|
|
11384
11438
|
return isOpen ? 'block' : 'none';
|
|
11385
11439
|
}, Colors.White, Colors.DarkGrey, MenuItem$1);
|
|
@@ -11535,7 +11589,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11535
11589
|
});
|
|
11536
11590
|
};
|
|
11537
11591
|
|
|
11538
|
-
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$
|
|
11592
|
+
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$r;
|
|
11539
11593
|
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11540
11594
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11541
11595
|
var Section = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11543,11 +11597,11 @@ var Section = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R
|
|
|
11543
11597
|
return "var(--base-color-" + color + ")";
|
|
11544
11598
|
});
|
|
11545
11599
|
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11546
|
-
var Text = /*#__PURE__*/styled.div(_templateObject5$
|
|
11600
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11547
11601
|
var color = _ref2.color;
|
|
11548
11602
|
return "var(--base-color-" + color + ")";
|
|
11549
11603
|
});
|
|
11550
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$
|
|
11604
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
11551
11605
|
var color = _ref3.color;
|
|
11552
11606
|
return "var(--base-color-" + color + ")";
|
|
11553
11607
|
});
|
|
@@ -11629,7 +11683,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11629
11683
|
}, strengthLabel))));
|
|
11630
11684
|
};
|
|
11631
11685
|
|
|
11632
|
-
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$
|
|
11686
|
+
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject0$9;
|
|
11633
11687
|
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11634
11688
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11635
11689
|
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11638,13 +11692,13 @@ var TableHeader = /*#__PURE__*/styled.th(_templateObject4$I || (_templateObject4
|
|
|
11638
11692
|
}, function (props) {
|
|
11639
11693
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11640
11694
|
}, devices.tablet, devices.mobile);
|
|
11641
|
-
var TableCell = /*#__PURE__*/styled.td(_templateObject5$
|
|
11695
|
+
var TableCell = /*#__PURE__*/styled.td(_templateObject5$A || (_templateObject5$A = /*#__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) {
|
|
11642
11696
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11643
11697
|
}, function (props) {
|
|
11644
11698
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11645
11699
|
}, devices.mobile);
|
|
11646
|
-
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
11647
|
-
var PageNumber
|
|
11700
|
+
var Pagination$1 = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__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"])));
|
|
11701
|
+
var PageNumber = /*#__PURE__*/styled.button(_templateObject7$k || (_templateObject7$k = /*#__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) {
|
|
11648
11702
|
var active = _ref.active;
|
|
11649
11703
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11650
11704
|
});
|
|
@@ -11795,7 +11849,7 @@ var Table = function Table(_ref) {
|
|
|
11795
11849
|
});
|
|
11796
11850
|
}))), pagination && totalPages > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AriaDescription$2, {
|
|
11797
11851
|
id: "pagination-description"
|
|
11798
|
-
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11852
|
+
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11799
11853
|
key: "previous-page",
|
|
11800
11854
|
onClick: function onClick() {
|
|
11801
11855
|
return setCurrentPage(currentPage - 1);
|
|
@@ -11805,12 +11859,12 @@ var Table = function Table(_ref) {
|
|
|
11805
11859
|
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
11806
11860
|
iconName: "DropdownArrow",
|
|
11807
11861
|
direction: "down"
|
|
11808
|
-
}))))), currentPage > 2 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11862
|
+
}))))), currentPage > 2 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11809
11863
|
key: "more-before"
|
|
11810
11864
|
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), reducedPageNumbers.map(function (number) {
|
|
11811
11865
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
11812
11866
|
key: number
|
|
11813
|
-
}, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11867
|
+
}, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11814
11868
|
key: number,
|
|
11815
11869
|
onClick: function onClick() {
|
|
11816
11870
|
return setCurrentPage(number);
|
|
@@ -11818,9 +11872,9 @@ var Table = function Table(_ref) {
|
|
|
11818
11872
|
tabIndex: 0,
|
|
11819
11873
|
active: "" + (number === currentPage)
|
|
11820
11874
|
}, number + 1));
|
|
11821
|
-
}), currentPage + 4 < totalPages && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11875
|
+
}), currentPage + 4 < totalPages && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11822
11876
|
key: "more-after"
|
|
11823
|
-
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), currentPage < totalPages - 1 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11877
|
+
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), currentPage < totalPages - 1 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11824
11878
|
key: "next-page",
|
|
11825
11879
|
onClick: function onClick() {
|
|
11826
11880
|
return setCurrentPage(currentPage + 1);
|
|
@@ -11833,7 +11887,7 @@ var Table = function Table(_ref) {
|
|
|
11833
11887
|
}))))))))));
|
|
11834
11888
|
};
|
|
11835
11889
|
|
|
11836
|
-
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$
|
|
11890
|
+
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$t, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
11837
11891
|
var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11838
11892
|
var theme = _ref.theme;
|
|
11839
11893
|
return "var(--color-" + theme + ")";
|
|
@@ -11844,8 +11898,8 @@ var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1n || (_templateObjec
|
|
|
11844
11898
|
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11845
11899
|
var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-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);
|
|
11846
11900
|
var Error$1 = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11847
|
-
var Form = /*#__PURE__*/styled.form(_templateObject5$
|
|
11848
|
-
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
11901
|
+
var Form = /*#__PURE__*/styled.form(_templateObject5$B || (_templateObject5$B = /*#__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);
|
|
11902
|
+
var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__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);
|
|
11849
11903
|
var ServerError = /*#__PURE__*/styled.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11850
11904
|
var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
11851
11905
|
var ButtonWrapper$3 = /*#__PURE__*/styled.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
|