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