@royaloperahouse/harmonic 0.9.0 → 0.9.1-a
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/README.md +252 -43
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/atoms/TextField/TextField.style.d.ts +1 -1
- package/dist/components/molecules/ContactCard/ContactCard.style.d.ts +5 -4
- package/dist/components/molecules/Information/Information.style.d.ts +1 -1
- package/dist/components/molecules/Pagination/Pagination.style.d.ts +1 -1
- package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +1 -1
- package/dist/harmonic.cjs.development.css +319 -0
- package/dist/harmonic.cjs.development.js +90 -93
- 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 +101 -101
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +1 -0
- package/dist/types/contactCard.d.ts +8 -22
- package/dist/types/types.d.ts +11 -2
- package/package.json +1 -1
- package/README.GIT +0 -278
|
@@ -3833,6 +3833,7 @@ var Tab = function Tab(_ref) {
|
|
|
3833
3833
|
className = _ref.className,
|
|
3834
3834
|
role = _ref.role,
|
|
3835
3835
|
ariaLabel = _ref.ariaLabel,
|
|
3836
|
+
tabLinkId = _ref.tabLinkId,
|
|
3836
3837
|
color = _ref.color;
|
|
3837
3838
|
var clickHandler = function clickHandler() {
|
|
3838
3839
|
if (onClick) {
|
|
@@ -3863,8 +3864,9 @@ var Tab = function Tab(_ref) {
|
|
|
3863
3864
|
tabIndex: 0,
|
|
3864
3865
|
className: className
|
|
3865
3866
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
3866
|
-
|
|
3867
|
+
id: tabLinkId,
|
|
3867
3868
|
trimText: trimText,
|
|
3869
|
+
color: color,
|
|
3868
3870
|
withTextInMobile: withTextInMobile,
|
|
3869
3871
|
"aria-hidden": "true"
|
|
3870
3872
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -5422,6 +5424,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5422
5424
|
className = _ref.className,
|
|
5423
5425
|
role = _ref.role,
|
|
5424
5426
|
ariaLabel = _ref.ariaLabel,
|
|
5427
|
+
tabLinkId = _ref.tabLinkId,
|
|
5425
5428
|
trimTabText = _ref.trimTabText;
|
|
5426
5429
|
var node = React.useRef();
|
|
5427
5430
|
var _useState = React.useState(false),
|
|
@@ -5518,6 +5521,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5518
5521
|
};
|
|
5519
5522
|
var renderTab = function renderTab() {
|
|
5520
5523
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
5524
|
+
tabLinkId: tabLinkId,
|
|
5521
5525
|
trimText: trimTabText,
|
|
5522
5526
|
title: title,
|
|
5523
5527
|
titleLink: titleLink,
|
|
@@ -5597,7 +5601,8 @@ var Account = function Account(_ref) {
|
|
|
5597
5601
|
iconName: iconName,
|
|
5598
5602
|
withOptionsInMobile: false,
|
|
5599
5603
|
withIcon: "left",
|
|
5600
|
-
className: className
|
|
5604
|
+
className: className,
|
|
5605
|
+
tabLinkId: "account-link"
|
|
5601
5606
|
});
|
|
5602
5607
|
};
|
|
5603
5608
|
|
|
@@ -8442,7 +8447,8 @@ var Card = function Card(_ref) {
|
|
|
8442
8447
|
labelParams = _ref.labelParams,
|
|
8443
8448
|
_ref$isGridCard = _ref.isGridCard,
|
|
8444
8449
|
isGridCard = _ref$isGridCard === void 0 ? false : _ref$isGridCard,
|
|
8445
|
-
auxiliaryCTA = _ref.auxiliaryCTA
|
|
8450
|
+
auxiliaryCTA = _ref.auxiliaryCTA,
|
|
8451
|
+
onClick = _ref.onClick;
|
|
8446
8452
|
var truncate = function truncate(str, n) {
|
|
8447
8453
|
return str.length >= n ? str.substr(0, n) : str;
|
|
8448
8454
|
};
|
|
@@ -8493,6 +8499,7 @@ var Card = function Card(_ref) {
|
|
|
8493
8499
|
}, /*#__PURE__*/React__default.createElement("a", {
|
|
8494
8500
|
href: firstButton == null ? void 0 : firstButton.href,
|
|
8495
8501
|
target: firstButton == null ? void 0 : firstButton.target,
|
|
8502
|
+
onClick: onClick,
|
|
8496
8503
|
className: "targetLink",
|
|
8497
8504
|
style: {
|
|
8498
8505
|
flexGrow: onlyShowButtonsOnHover ? 'unset' : 1
|
|
@@ -8609,54 +8616,44 @@ var Cards = function Cards(_ref) {
|
|
|
8609
8616
|
}));
|
|
8610
8617
|
};
|
|
8611
8618
|
|
|
8612
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$p, _templateObject5$j;
|
|
8613
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n
|
|
8614
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n
|
|
8615
|
-
|
|
8616
|
-
|
|
8617
|
-
|
|
8618
|
-
|
|
8619
|
-
|
|
8620
|
-
}, devices.mobileAndTablet);
|
|
8621
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8622
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n & > div {\n margin-bottom: 2px;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8623
|
-
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);
|
|
8619
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$p, _templateObject5$j, _templateObject6$g, _templateObject7$b;
|
|
8620
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobileAndTablet);
|
|
8621
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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"])), devices.mobileAndTablet);
|
|
8622
|
+
var AddressWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 4px;\n"])));
|
|
8623
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: baseline;\n gap: 3px;\n"])));
|
|
8624
|
+
var MobileSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
8625
|
+
var DesktopSuffixWrapper = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
8626
|
+
var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n a {\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-base-black);\n text-decoration: underline;\n text-underline-offset: 4px;\n margin-right: 13px;\n display: inline-block;\n\n &:last-child {\n margin-right: 0;\n }\n\n @media ", " {\n font-size: 17px;\n line-height: 24px;\n }\n }\n"])), devices.mobile);
|
|
8624
8627
|
|
|
8625
|
-
var divideAddressString = function divideAddressString(address) {
|
|
8626
|
-
return address.split(',').map(function (chunk, i) {
|
|
8627
|
-
return /*#__PURE__*/React__default.createElement(BodyText, {
|
|
8628
|
-
level: 1,
|
|
8629
|
-
key: i
|
|
8630
|
-
}, chunk.trim());
|
|
8631
|
-
});
|
|
8632
|
-
};
|
|
8633
8628
|
var ContactCard = function ContactCard(_ref) {
|
|
8634
|
-
var
|
|
8629
|
+
var title = _ref.title,
|
|
8630
|
+
titleSuffix = _ref.titleSuffix,
|
|
8635
8631
|
description = _ref.description,
|
|
8636
8632
|
email = _ref.email,
|
|
8637
8633
|
phone = _ref.phone,
|
|
8638
8634
|
website = _ref.website,
|
|
8639
8635
|
address = _ref.address,
|
|
8640
|
-
|
|
8641
|
-
hideBottomBorder = _ref$hideBottomBorder === void 0 ? false : _ref$hideBottomBorder,
|
|
8642
|
-
_ref$hideTopBorder = _ref.hideTopBorder,
|
|
8643
|
-
hideTopBorder = _ref$hideTopBorder === void 0 ? false : _ref$hideTopBorder;
|
|
8636
|
+
className = _ref.className;
|
|
8644
8637
|
var hasDetails = email || phone || website;
|
|
8645
8638
|
var addressString = address == null ? void 0 : address.substring(0, 110);
|
|
8646
8639
|
var descriptionText = description == null ? void 0 : description.substring(0, 110);
|
|
8647
|
-
return /*#__PURE__*/React__default.createElement(
|
|
8640
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
8641
|
+
className: className
|
|
8642
|
+
}, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8648
8643
|
columnStartDesktop: 3,
|
|
8649
|
-
columnSpanDesktop:
|
|
8644
|
+
columnSpanDesktop: 12,
|
|
8650
8645
|
columnStartDevice: 1,
|
|
8651
8646
|
columnSpanDevice: 14
|
|
8652
8647
|
}, /*#__PURE__*/React__default.createElement(Wrapper$4, {
|
|
8653
|
-
"data-testid": "contact-card-wrapper"
|
|
8654
|
-
|
|
8655
|
-
|
|
8656
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
8657
|
-
|
|
8658
|
-
},
|
|
8659
|
-
|
|
8648
|
+
"data-testid": "contact-card-wrapper"
|
|
8649
|
+
}, /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, /*#__PURE__*/React__default.createElement(TitleWrapper$2, null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
|
|
8650
|
+
size: "large"
|
|
8651
|
+
}, title), /*#__PURE__*/React__default.createElement(MobileSuffixWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
8652
|
+
size: "small"
|
|
8653
|
+
}, titleSuffix)), /*#__PURE__*/React__default.createElement(DesktopSuffixWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
8654
|
+
size: "small"
|
|
8655
|
+
}, titleSuffix))), descriptionText && /*#__PURE__*/React__default.createElement(HarmonicSubtitle, {
|
|
8656
|
+
size: "large"
|
|
8660
8657
|
}, descriptionText), hasDetails && (/*#__PURE__*/React__default.createElement(DetailsWrapper, {
|
|
8661
8658
|
"data-testid": "contact-card-details-block"
|
|
8662
8659
|
}, email && (/*#__PURE__*/React__default.createElement("a", {
|
|
@@ -8672,12 +8669,12 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8672
8669
|
rel: "noreferrer"
|
|
8673
8670
|
}, website)))), addressString && (/*#__PURE__*/React__default.createElement("div", {
|
|
8674
8671
|
"data-testid": "contact-card-address-block"
|
|
8675
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
8676
|
-
|
|
8677
|
-
}, addressString))
|
|
8672
|
+
}, /*#__PURE__*/React__default.createElement(AddressWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
8673
|
+
size: "large"
|
|
8674
|
+
}, addressString)))))))));
|
|
8678
8675
|
};
|
|
8679
8676
|
|
|
8680
|
-
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$
|
|
8677
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$h;
|
|
8681
8678
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8682
8679
|
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: 36px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
8683
8680
|
return props.clickable ? 'pointer' : 'default';
|
|
@@ -8687,7 +8684,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
8687
8684
|
return props.showImage ? 2 : '1 / span 4';
|
|
8688
8685
|
}, devices.mobile);
|
|
8689
8686
|
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
8690
|
-
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8687
|
+
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__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) {
|
|
8691
8688
|
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 ";
|
|
8692
8689
|
});
|
|
8693
8690
|
|
|
@@ -8815,14 +8812,13 @@ var _excluded$k = ["text", "onClick"];
|
|
|
8815
8812
|
var HotFilters = function HotFilters(_ref) {
|
|
8816
8813
|
var items = _ref.items,
|
|
8817
8814
|
className = _ref.className,
|
|
8818
|
-
|
|
8819
|
-
|
|
8820
|
-
|
|
8821
|
-
|
|
8822
|
-
|
|
8823
|
-
setSelectedIndex(index);
|
|
8815
|
+
_ref$selectedIndex = _ref.selectedIndex,
|
|
8816
|
+
selectedIndex = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
|
|
8817
|
+
onSelect = _ref.onSelect;
|
|
8818
|
+
var handleClick = React__default.useCallback(function (index, onClick) {
|
|
8819
|
+
if (onSelect) onSelect(index);
|
|
8824
8820
|
if (onClick) onClick();
|
|
8825
|
-
};
|
|
8821
|
+
}, [onSelect]);
|
|
8826
8822
|
return /*#__PURE__*/React__default.createElement(HotFiltersWrapper, {
|
|
8827
8823
|
className: className
|
|
8828
8824
|
}, /*#__PURE__*/React__default.createElement(HotFilterOptionsWrapper, null, items.map(function (item, index) {
|
|
@@ -8839,7 +8835,8 @@ var HotFilters = function HotFilters(_ref) {
|
|
|
8839
8835
|
backgroundColor: isSelected ? 'base-black' : 'base-white',
|
|
8840
8836
|
textColor: isSelected ? 'base-white' : 'base-black',
|
|
8841
8837
|
hoveredColor: "base-black",
|
|
8842
|
-
pressedColor: "black-pressed"
|
|
8838
|
+
pressedColor: "black-pressed",
|
|
8839
|
+
"aria-pressed": isSelected
|
|
8843
8840
|
}, rest), text);
|
|
8844
8841
|
})));
|
|
8845
8842
|
};
|
|
@@ -9046,7 +9043,7 @@ var Information = function Information(_ref) {
|
|
|
9046
9043
|
})))));
|
|
9047
9044
|
};
|
|
9048
9045
|
|
|
9049
|
-
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$
|
|
9046
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$i, _templateObject7$c, _templateObject8$8;
|
|
9050
9047
|
var PageHeadingWrapper = /*#__PURE__*/styled__default('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) {
|
|
9051
9048
|
var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
|
|
9052
9049
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
@@ -9056,7 +9053,7 @@ var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$z || (_te
|
|
|
9056
9053
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
9057
9054
|
return isPageHeadingWithoutTitle && "\n height: 50px;\n padding-bottom: 0;\n margin: 10px 0;\n ";
|
|
9058
9055
|
});
|
|
9059
|
-
var TitleWrapper$
|
|
9056
|
+
var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__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) {
|
|
9060
9057
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
9061
9058
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
9062
9059
|
}, devices.mobile);
|
|
@@ -9064,8 +9061,8 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_t
|
|
|
9064
9061
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
9065
9062
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
9066
9063
|
}, devices.mobile);
|
|
9067
|
-
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9068
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9064
|
+
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__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"])));
|
|
9065
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__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) {
|
|
9069
9066
|
var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
|
|
9070
9067
|
return isPageHeadingWithoutTitle && "\n margin-top: 40px;\n ";
|
|
9071
9068
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9122,7 +9119,7 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9122
9119
|
className: className,
|
|
9123
9120
|
"data-testid": "page-heading-wrapper",
|
|
9124
9121
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
9125
|
-
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
9122
|
+
}, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$3, {
|
|
9126
9123
|
"data-testid": "page-heading-title",
|
|
9127
9124
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
9128
9125
|
}, renderBadge(theme), children ? (/*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
@@ -9147,14 +9144,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9147
9144
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
|
|
9148
9145
|
};
|
|
9149
9146
|
|
|
9150
|
-
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$
|
|
9147
|
+
var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$u, _templateObject5$n, _templateObject6$j, _templateObject7$d, _templateObject8$9;
|
|
9151
9148
|
var ImpactWrapper = /*#__PURE__*/styled__default.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);
|
|
9152
9149
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.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);
|
|
9153
9150
|
var ImpactGrid = /*#__PURE__*/styled__default(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);
|
|
9154
9151
|
var SponsorWrapper = /*#__PURE__*/styled__default.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);
|
|
9155
9152
|
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
9156
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9157
|
-
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9153
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__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);
|
|
9154
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__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);
|
|
9158
9155
|
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);
|
|
9159
9156
|
|
|
9160
9157
|
var _excluded$l = ["text"];
|
|
@@ -9262,7 +9259,7 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
9262
9259
|
})))));
|
|
9263
9260
|
};
|
|
9264
9261
|
|
|
9265
|
-
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$
|
|
9262
|
+
var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject0$5, _templateObject1$3;
|
|
9266
9263
|
var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
9267
9264
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n picture,\n img {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
9268
9265
|
var SponsorWrapper$1 = /*#__PURE__*/styled__default.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);
|
|
@@ -9274,8 +9271,8 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_te
|
|
|
9274
9271
|
var showBlock = _ref2.showBlock;
|
|
9275
9272
|
return showBlock ? 'block' : 'none';
|
|
9276
9273
|
}, devices.mobile);
|
|
9277
|
-
var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9278
|
-
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9274
|
+
var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n height: 32px;\n }\n\n @media ", " {\n margin-bottom: 12px;\n }\n"])), devices.mobile);
|
|
9275
|
+
var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__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) {
|
|
9279
9276
|
var isBadgePresent = _ref3.isBadgePresent;
|
|
9280
9277
|
return isBadgePresent ? '1' : '4';
|
|
9281
9278
|
});
|
|
@@ -9284,7 +9281,7 @@ var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$a || (
|
|
|
9284
9281
|
return isAdditionalButtonPresent ? '20px' : '0';
|
|
9285
9282
|
});
|
|
9286
9283
|
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);
|
|
9287
|
-
var TitleWrapper$
|
|
9284
|
+
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject0$5 || (_templateObject0$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) {
|
|
9288
9285
|
var theme = _ref5.theme;
|
|
9289
9286
|
return theme == exports.ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
|
|
9290
9287
|
}, devices.mobile, function (_ref6) {
|
|
@@ -9438,7 +9435,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9438
9435
|
}), !badge && (/*#__PURE__*/React__default.createElement(AdditionalButtonWrapper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
9439
9436
|
theme: theme,
|
|
9440
9437
|
link: additionalLink
|
|
9441
|
-
}))))), title && (/*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
9438
|
+
}))))), title && (/*#__PURE__*/React__default.createElement(TitleWrapper$4, {
|
|
9442
9439
|
theme: theme,
|
|
9443
9440
|
isButtonPresent: !!mainLink || !!additionalLink
|
|
9444
9441
|
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
@@ -9456,7 +9453,7 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9456
9453
|
theme: theme,
|
|
9457
9454
|
badge: badge,
|
|
9458
9455
|
isMobile: isMobile
|
|
9459
|
-
}))), title && (/*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
9456
|
+
}))), title && (/*#__PURE__*/React__default.createElement(TitleWrapper$4, {
|
|
9460
9457
|
theme: theme,
|
|
9461
9458
|
isButtonPresent: !!mainLink || !!additionalLink
|
|
9462
9459
|
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
@@ -9476,12 +9473,12 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
|
|
|
9476
9473
|
})))))))))));
|
|
9477
9474
|
};
|
|
9478
9475
|
|
|
9479
|
-
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$
|
|
9476
|
+
var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject5$q, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6;
|
|
9480
9477
|
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);
|
|
9481
9478
|
var BrandingTextBody = /*#__PURE__*/styled__default.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"])));
|
|
9482
9479
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
9483
9480
|
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);
|
|
9484
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$
|
|
9481
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$l || (_templateObject6$l = /*#__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) {
|
|
9485
9482
|
var invert = _ref.invert,
|
|
9486
9483
|
theme = _ref.theme;
|
|
9487
9484
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -9497,7 +9494,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
|
|
|
9497
9494
|
var theme = _ref4.theme;
|
|
9498
9495
|
return theme.colors.primary === theme.colors.stream && "\n color: " + theme.colors.stream + ";\n background-color: " + theme.colors.white + ";\n ";
|
|
9499
9496
|
}, devices.tablet, devices.mobile);
|
|
9500
|
-
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9497
|
+
var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__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);
|
|
9501
9498
|
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);
|
|
9502
9499
|
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);
|
|
9503
9500
|
var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(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) {
|
|
@@ -9730,21 +9727,21 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9730
9727
|
}), linkText))))));
|
|
9731
9728
|
};
|
|
9732
9729
|
|
|
9733
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x, _templateObject5$r, _templateObject6$
|
|
9730
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x, _templateObject5$r, _templateObject6$m, _templateObject7$g;
|
|
9734
9731
|
// Keep MorePages for Table component until restyle
|
|
9735
9732
|
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9736
9733
|
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n color: inherit;\n"])));
|
|
9737
9734
|
var PageNumberWrapper = /*#__PURE__*/styled__default.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"])));
|
|
9738
9735
|
var LastPageItem = /*#__PURE__*/styled__default.li(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9739
9736
|
var PreviousPageItem = /*#__PURE__*/styled__default.li(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-left: 12px;\n }\n"])));
|
|
9740
|
-
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$
|
|
9737
|
+
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$m || (_templateObject6$m = /*#__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) {
|
|
9741
9738
|
var active = _ref.active;
|
|
9742
9739
|
return active ? "var(--color-primary-red)" : 'inherit';
|
|
9743
9740
|
}, function (_ref2) {
|
|
9744
9741
|
var active = _ref2.active;
|
|
9745
9742
|
return "1px solid " + (active ? 'var(--color-primary-red)' : 'transparent');
|
|
9746
9743
|
});
|
|
9747
|
-
var PageNav = /*#__PURE__*/styled__default.a(_templateObject7$
|
|
9744
|
+
var PageNav = /*#__PURE__*/styled__default.a(_templateObject7$g || (_templateObject7$g = /*#__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"])));
|
|
9748
9745
|
|
|
9749
9746
|
var reducePages = function reducePages(pages, currentPage) {
|
|
9750
9747
|
// If there are less than 6 pages, return all pages
|
|
@@ -9813,14 +9810,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
9813
9810
|
}))))));
|
|
9814
9811
|
};
|
|
9815
9812
|
|
|
9816
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$
|
|
9813
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$n, _templateObject7$h;
|
|
9817
9814
|
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);
|
|
9818
9815
|
var PersonWrapper = /*#__PURE__*/styled__default.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"])));
|
|
9819
9816
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9820
9817
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9821
9818
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9822
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
9823
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
9819
|
+
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$n || (_templateObject6$n = /*#__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"])));
|
|
9820
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9824
9821
|
|
|
9825
9822
|
var Person = function Person(_ref) {
|
|
9826
9823
|
var person = _ref.person,
|
|
@@ -10002,7 +9999,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
10002
9999
|
}, creditEntries);
|
|
10003
10000
|
};
|
|
10004
10001
|
|
|
10005
|
-
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$
|
|
10002
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$o, _templateObject7$i, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
|
10006
10003
|
var LENGTH_TEXT = 28;
|
|
10007
10004
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
10008
10005
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -10049,8 +10046,8 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
|
10049
10046
|
var marginBottom = _ref7.marginBottom;
|
|
10050
10047
|
return marginBottom + "px";
|
|
10051
10048
|
});
|
|
10052
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$
|
|
10053
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10049
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
10050
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
10054
10051
|
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"])));
|
|
10055
10052
|
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);
|
|
10056
10053
|
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject0$7 || (_templateObject0$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);
|
|
@@ -10254,7 +10251,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10254
10251
|
}))));
|
|
10255
10252
|
};
|
|
10256
10253
|
|
|
10257
|
-
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$
|
|
10254
|
+
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$p, _templateObject7$j;
|
|
10258
10255
|
var LENGTH_TEXT$2 = 28;
|
|
10259
10256
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10260
10257
|
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) {
|
|
@@ -10274,8 +10271,8 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10274
10271
|
}, devices.mobile);
|
|
10275
10272
|
var HarmonicHeaderWithWrapper = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10276
10273
|
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10277
|
-
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$
|
|
10278
|
-
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10274
|
+
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$p || (_templateObject6$p = /*#__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);
|
|
10275
|
+
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__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) {
|
|
10279
10276
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
10280
10277
|
primaryButtonTextLength = _ref5$primaryButtonTe === void 0 ? 0 : _ref5$primaryButtonTe,
|
|
10281
10278
|
_ref5$tertiaryButtonT = _ref5.tertiaryButtonTextLength,
|
|
@@ -10708,7 +10705,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10708
10705
|
}, description)))));
|
|
10709
10706
|
};
|
|
10710
10707
|
|
|
10711
|
-
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$
|
|
10708
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$q, _templateObject7$k, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
|
|
10712
10709
|
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) {
|
|
10713
10710
|
var theme = _ref.theme;
|
|
10714
10711
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10733,8 +10730,8 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10733
10730
|
title: 'Select Arrow'
|
|
10734
10731
|
};
|
|
10735
10732
|
})(_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"])));
|
|
10736
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10737
|
-
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10733
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10734
|
+
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10738
10735
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
10739
10736
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
10740
10737
|
var theme = _ref6.theme,
|
|
@@ -11303,13 +11300,13 @@ var Quote = function Quote(_ref) {
|
|
|
11303
11300
|
}, attribution))));
|
|
11304
11301
|
};
|
|
11305
11302
|
|
|
11306
|
-
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$
|
|
11303
|
+
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$r;
|
|
11307
11304
|
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"])));
|
|
11308
11305
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11309
11306
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11310
11307
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11311
11308
|
var IconWrapper$3 = /*#__PURE__*/styled__default.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);
|
|
11312
|
-
var TitleWrapper$
|
|
11309
|
+
var TitleWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$r || (_templateObject6$r = /*#__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);
|
|
11313
11310
|
|
|
11314
11311
|
var MiniCard = function MiniCard(_ref) {
|
|
11315
11312
|
var _ref$title = _ref.title,
|
|
@@ -11342,7 +11339,7 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11342
11339
|
columnSpanDesktop: 4
|
|
11343
11340
|
}, /*#__PURE__*/React__default.createElement(ContentContainer$4, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
11344
11341
|
level: 4
|
|
11345
|
-
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$
|
|
11342
|
+
}, subtitle), /*#__PURE__*/React__default.createElement(TitleWrapper$5, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
11346
11343
|
level: 2
|
|
11347
11344
|
}, title)))));
|
|
11348
11345
|
};
|
|
@@ -11603,7 +11600,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11603
11600
|
});
|
|
11604
11601
|
};
|
|
11605
11602
|
|
|
11606
|
-
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$
|
|
11603
|
+
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$s;
|
|
11607
11604
|
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11608
11605
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11609
11606
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11615,7 +11612,7 @@ var Text = /*#__PURE__*/styled__default.div(_templateObject5$z || (_templateObje
|
|
|
11615
11612
|
var color = _ref2.color;
|
|
11616
11613
|
return "var(--base-color-" + color + ")";
|
|
11617
11614
|
});
|
|
11618
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11615
|
+
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
11619
11616
|
var color = _ref3.color;
|
|
11620
11617
|
return "var(--base-color-" + color + ")";
|
|
11621
11618
|
});
|
|
@@ -11697,7 +11694,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11697
11694
|
}, strengthLabel))));
|
|
11698
11695
|
};
|
|
11699
11696
|
|
|
11700
|
-
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$
|
|
11697
|
+
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$t, _templateObject7$l, _templateObject8$e, _templateObject9$9, _templateObject0$9;
|
|
11701
11698
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11702
11699
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11703
11700
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11711,8 +11708,8 @@ var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$A || (_template
|
|
|
11711
11708
|
}, function (props) {
|
|
11712
11709
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11713
11710
|
}, devices.mobile);
|
|
11714
|
-
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11715
|
-
var PageNumber = /*#__PURE__*/styled__default.button(_templateObject7$
|
|
11711
|
+
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$t || (_templateObject6$t = /*#__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"])));
|
|
11712
|
+
var PageNumber = /*#__PURE__*/styled__default.button(_templateObject7$l || (_templateObject7$l = /*#__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) {
|
|
11716
11713
|
var active = _ref.active;
|
|
11717
11714
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11718
11715
|
});
|
|
@@ -11901,7 +11898,7 @@ var Table = function Table(_ref) {
|
|
|
11901
11898
|
}))))))))));
|
|
11902
11899
|
};
|
|
11903
11900
|
|
|
11904
|
-
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$
|
|
11901
|
+
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$u, _templateObject7$m, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
11905
11902
|
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) {
|
|
11906
11903
|
var theme = _ref.theme;
|
|
11907
11904
|
return "var(--color-" + theme + ")";
|
|
@@ -11913,8 +11910,8 @@ var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$15 |
|
|
|
11913
11910
|
var SignUpTitleWrapper = /*#__PURE__*/styled__default('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);
|
|
11914
11911
|
var Error$1 = /*#__PURE__*/styled__default.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"])));
|
|
11915
11912
|
var Form = /*#__PURE__*/styled__default.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);
|
|
11916
|
-
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11917
|
-
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11913
|
+
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$u || (_templateObject6$u = /*#__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);
|
|
11914
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11918
11915
|
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|
|
11919
11916
|
var ButtonWrapper$3 = /*#__PURE__*/styled__default.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);
|
|
11920
11917
|
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$a || (_templateObject0$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);
|