@royaloperahouse/chord 2.4.4 → 2.4.5-b-chord-development
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 +210 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +423 -360
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +423 -361
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +8 -0
- package/dist/components/atoms/Grid/index.d.ts +2 -1
- package/dist/components/atoms/index.d.ts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +7 -2
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
- package/dist/components/molecules/ReadMore/ReadMore.style.d.ts +6 -1
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/helpers/htmlStrings.d.ts +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/types/buttonTypes.d.ts +4 -0
- package/dist/types/formTypes.d.ts +12 -9
- package/dist/types/types.d.ts +4 -0
- package/package.json +1 -1
- package/README.GIT +0 -277
|
@@ -127,9 +127,12 @@ var StreamBadge = function StreamBadge(_ref) {
|
|
|
127
127
|
var _ref$fillColor = _ref.fillColor,
|
|
128
128
|
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor,
|
|
129
129
|
_ref$align = _ref.align,
|
|
130
|
-
align = _ref$align === void 0 ? 'center' : _ref$align
|
|
130
|
+
align = _ref$align === void 0 ? 'center' : _ref$align,
|
|
131
|
+
_ref$invert = _ref.invert,
|
|
132
|
+
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
133
|
+
var colour = invert ? exports.Colors.Black : fillColor;
|
|
131
134
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
132
|
-
fillColor:
|
|
135
|
+
fillColor: colour,
|
|
133
136
|
width: "100%",
|
|
134
137
|
height: "100%",
|
|
135
138
|
viewBox: "110 450 865 200",
|
|
@@ -227,9 +230,12 @@ var CinemaBadge = function CinemaBadge(_ref) {
|
|
|
227
230
|
var _ref$fillColor = _ref.fillColor,
|
|
228
231
|
fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor,
|
|
229
232
|
_ref$align = _ref.align,
|
|
230
|
-
align = _ref$align === void 0 ? 'center' : _ref$align
|
|
233
|
+
align = _ref$align === void 0 ? 'center' : _ref$align,
|
|
234
|
+
_ref$invert = _ref.invert,
|
|
235
|
+
invert = _ref$invert === void 0 ? false : _ref$invert;
|
|
236
|
+
var colour = invert ? exports.Colors.Black : fillColor;
|
|
231
237
|
return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
|
|
232
|
-
fillColor:
|
|
238
|
+
fillColor: colour,
|
|
233
239
|
width: "100%",
|
|
234
240
|
height: "100%",
|
|
235
241
|
viewBox: "110 450 865 200",
|
|
@@ -2476,14 +2482,21 @@ var Button = function Button(_ref) {
|
|
|
2476
2482
|
};
|
|
2477
2483
|
|
|
2478
2484
|
var _templateObject$4;
|
|
2479
|
-
var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n"])), function (_ref) {
|
|
2485
|
+
var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n border-color: ", ";\n pointer-events: ", ";\n"])), function (_ref) {
|
|
2486
|
+
var _theme$colors;
|
|
2487
|
+
|
|
2480
2488
|
var bgColor = _ref.bgColor,
|
|
2481
2489
|
theme = _ref.theme;
|
|
2482
|
-
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
2490
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme == null ? void 0 : (_theme$colors = theme.colors) == null ? void 0 : _theme$colors.primary;
|
|
2483
2491
|
}, function (_ref2) {
|
|
2492
|
+
var _theme$colors2;
|
|
2493
|
+
|
|
2484
2494
|
var bgColor = _ref2.bgColor,
|
|
2485
2495
|
theme = _ref2.theme;
|
|
2486
|
-
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
2496
|
+
return bgColor ? "var(--base-color-" + bgColor + ")" : theme == null ? void 0 : (_theme$colors2 = theme.colors) == null ? void 0 : _theme$colors2.primary;
|
|
2497
|
+
}, function (_ref3) {
|
|
2498
|
+
var disabled = _ref3.disabled;
|
|
2499
|
+
return disabled ? 'none' : 'auto';
|
|
2487
2500
|
});
|
|
2488
2501
|
|
|
2489
2502
|
(function (CarouselType) {
|
|
@@ -2533,9 +2546,16 @@ var AspectRatioWidth;
|
|
|
2533
2546
|
|
|
2534
2547
|
var PrimaryButton = function PrimaryButton(_ref) {
|
|
2535
2548
|
var children = _ref.children,
|
|
2536
|
-
|
|
2549
|
+
disabled = _ref.disabled,
|
|
2550
|
+
props = _objectWithoutPropertiesLoose(_ref, ["children", "disabled", "color", "bgColor"]);
|
|
2537
2551
|
|
|
2538
|
-
return /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2552
|
+
return disabled ? /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2553
|
+
color: exports.Colors.Black,
|
|
2554
|
+
bgColor: exports.Colors.MidGrey,
|
|
2555
|
+
disabled: true,
|
|
2556
|
+
"aria-disabled": "true",
|
|
2557
|
+
role: "button"
|
|
2558
|
+
}, props), children) : /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper, Object.assign({
|
|
2539
2559
|
color: exports.Colors.White
|
|
2540
2560
|
}, props), children);
|
|
2541
2561
|
};
|
|
@@ -2777,7 +2797,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
2777
2797
|
});
|
|
2778
2798
|
|
|
2779
2799
|
var _templateObject$b;
|
|
2780
|
-
|
|
2800
|
+
/**
|
|
2801
|
+
* # IMPORTANT
|
|
2802
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2803
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2804
|
+
*/
|
|
2805
|
+
|
|
2806
|
+
var GridItemLegacy = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
|
|
2807
|
+
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2808
|
+
return columnStartDesktop;
|
|
2809
|
+
}, function (_ref2) {
|
|
2810
|
+
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2811
|
+
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2812
|
+
return columnSpanDesktop;
|
|
2813
|
+
}, devices.mobile, function (_ref3) {
|
|
2814
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
2815
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2816
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2817
|
+
}, function (_ref4) {
|
|
2818
|
+
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2819
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2820
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2821
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2822
|
+
}, devices.tablet, function (_ref5) {
|
|
2823
|
+
var columnStartDevice = _ref5.columnStartDevice;
|
|
2824
|
+
return columnStartDevice;
|
|
2825
|
+
}, function (_ref6) {
|
|
2826
|
+
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2827
|
+
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2828
|
+
return columnSpanDevice;
|
|
2829
|
+
});
|
|
2830
|
+
|
|
2831
|
+
var _templateObject$c;
|
|
2832
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
2781
2833
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2782
2834
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2783
2835
|
return aspectRatio;
|
|
@@ -2795,8 +2847,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
|
|
|
2795
2847
|
return aspectRatio;
|
|
2796
2848
|
});
|
|
2797
2849
|
|
|
2798
|
-
var _templateObject$
|
|
2799
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2850
|
+
var _templateObject$d, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2851
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2800
2852
|
var height = _ref.height;
|
|
2801
2853
|
return height ? height + "px" : '6px';
|
|
2802
2854
|
});
|
|
@@ -2879,13 +2931,13 @@ var Progress = function Progress(_ref) {
|
|
|
2879
2931
|
}, renderSteps()));
|
|
2880
2932
|
};
|
|
2881
2933
|
|
|
2882
|
-
var _templateObject$
|
|
2883
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2934
|
+
var _templateObject$e, _templateObject2$4, _templateObject3$3;
|
|
2935
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2884
2936
|
var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
2885
2937
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2886
2938
|
|
|
2887
|
-
var _templateObject$
|
|
2888
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2939
|
+
var _templateObject$f;
|
|
2940
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
2889
2941
|
var typography = _ref.typography;
|
|
2890
2942
|
return typography;
|
|
2891
2943
|
}, function (_ref2) {
|
|
@@ -3042,8 +3094,8 @@ var Radio = function Radio(_ref) {
|
|
|
3042
3094
|
}, error)));
|
|
3043
3095
|
};
|
|
3044
3096
|
|
|
3045
|
-
var _templateObject$
|
|
3046
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3097
|
+
var _templateObject$g, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3098
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3047
3099
|
var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
3048
3100
|
var error = _ref.error,
|
|
3049
3101
|
darkMode = _ref.darkMode,
|
|
@@ -3151,8 +3203,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3151
3203
|
}, error)));
|
|
3152
3204
|
});
|
|
3153
3205
|
|
|
3154
|
-
var _templateObject$
|
|
3155
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3206
|
+
var _templateObject$h, _templateObject2$6, _templateObject3$5;
|
|
3207
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3156
3208
|
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
3157
3209
|
var theme = _ref.theme;
|
|
3158
3210
|
return theme.colors.primary;
|
|
@@ -3223,8 +3275,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3223
3275
|
}, renderNextIcon()));
|
|
3224
3276
|
};
|
|
3225
3277
|
|
|
3226
|
-
var _templateObject$
|
|
3227
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3278
|
+
var _templateObject$i;
|
|
3279
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3228
3280
|
var fillColor = _ref.fillColor;
|
|
3229
3281
|
return fillColor;
|
|
3230
3282
|
});
|
|
@@ -3248,8 +3300,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3248
3300
|
})));
|
|
3249
3301
|
};
|
|
3250
3302
|
|
|
3251
|
-
var _templateObject$
|
|
3252
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3303
|
+
var _templateObject$j, _templateObject2$7;
|
|
3304
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3253
3305
|
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3254
3306
|
|
|
3255
3307
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3268,8 +3320,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3268
3320
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3269
3321
|
};
|
|
3270
3322
|
|
|
3271
|
-
var _templateObject$
|
|
3272
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3323
|
+
var _templateObject$k;
|
|
3324
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3273
3325
|
|
|
3274
3326
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3275
3327
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3479,8 +3531,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3479
3531
|
})))));
|
|
3480
3532
|
};
|
|
3481
3533
|
|
|
3482
|
-
var _templateObject$
|
|
3483
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3534
|
+
var _templateObject$l, _templateObject2$8;
|
|
3535
|
+
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3484
3536
|
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3485
3537
|
|
|
3486
3538
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3513,8 +3565,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3513
3565
|
}));
|
|
3514
3566
|
};
|
|
3515
3567
|
|
|
3516
|
-
var _templateObject$
|
|
3517
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3568
|
+
var _templateObject$m, _templateObject2$9;
|
|
3569
|
+
var TabText = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3518
3570
|
if (props.withIcon === 'left') {
|
|
3519
3571
|
return "margin-left: 5px;";
|
|
3520
3572
|
}
|
|
@@ -3613,8 +3665,8 @@ var Tab = function Tab(_ref) {
|
|
|
3613
3665
|
}));
|
|
3614
3666
|
};
|
|
3615
3667
|
|
|
3616
|
-
var _templateObject$
|
|
3617
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3668
|
+
var _templateObject$n, _templateObject2$a;
|
|
3669
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3618
3670
|
var iconName = _ref.iconName;
|
|
3619
3671
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3620
3672
|
}, function (_ref2) {
|
|
@@ -3665,8 +3717,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3665
3717
|
})) : null, children);
|
|
3666
3718
|
};
|
|
3667
3719
|
|
|
3668
|
-
var _templateObject$
|
|
3669
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3720
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3721
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3670
3722
|
var width = _ref.width;
|
|
3671
3723
|
return width ? width + "px;" : '100%;';
|
|
3672
3724
|
}, function (_ref2) {
|
|
@@ -3789,8 +3841,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3789
3841
|
}, error))));
|
|
3790
3842
|
};
|
|
3791
3843
|
|
|
3792
|
-
var _templateObject$
|
|
3793
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3844
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3845
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3794
3846
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3795
3847
|
var width = _ref.width;
|
|
3796
3848
|
if (!width) return 'none';
|
|
@@ -3916,8 +3968,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3916
3968
|
}, error)));
|
|
3917
3969
|
});
|
|
3918
3970
|
|
|
3919
|
-
var _templateObject$
|
|
3920
|
-
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3971
|
+
var _templateObject$q, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3972
|
+
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3921
3973
|
var textStyles = /*#__PURE__*/styled.css(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
3922
3974
|
var theme = _ref.theme;
|
|
3923
3975
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -3990,8 +4042,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
3990
4042
|
}, error) : null);
|
|
3991
4043
|
};
|
|
3992
4044
|
|
|
3993
|
-
var _templateObject$
|
|
3994
|
-
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
4045
|
+
var _templateObject$r, _templateObject2$e;
|
|
4046
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
3995
4047
|
var iconName = _ref.iconName;
|
|
3996
4048
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
3997
4049
|
}, function (_ref2) {
|
|
@@ -4027,8 +4079,8 @@ var TextLogoProduct;
|
|
|
4027
4079
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4028
4080
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4029
4081
|
|
|
4030
|
-
var _templateObject$
|
|
4031
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4082
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
4083
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4032
4084
|
var dark = _ref.dark;
|
|
4033
4085
|
return dark ? 'white' : 'errorstate';
|
|
4034
4086
|
});
|
|
@@ -4149,8 +4201,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4149
4201
|
}, error)));
|
|
4150
4202
|
};
|
|
4151
4203
|
|
|
4152
|
-
var _templateObject$
|
|
4153
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4204
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4205
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4154
4206
|
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
4155
4207
|
var error = _ref.error,
|
|
4156
4208
|
darkMode = _ref.darkMode,
|
|
@@ -4260,8 +4312,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4260
4312
|
}, error)));
|
|
4261
4313
|
});
|
|
4262
4314
|
|
|
4263
|
-
var _templateObject$
|
|
4264
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4315
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4316
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4265
4317
|
var color = _ref.color;
|
|
4266
4318
|
return color;
|
|
4267
4319
|
});
|
|
@@ -4369,8 +4421,8 @@ var Timer = function Timer(_ref) {
|
|
|
4369
4421
|
}));
|
|
4370
4422
|
};
|
|
4371
4423
|
|
|
4372
|
-
var _templateObject$
|
|
4373
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4424
|
+
var _templateObject$v;
|
|
4425
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
4374
4426
|
|
|
4375
4427
|
var TypeTags = function TypeTags(_ref) {
|
|
4376
4428
|
var list = _ref.list;
|
|
@@ -5112,8 +5164,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
5112
5164
|
}
|
|
5113
5165
|
});
|
|
5114
5166
|
|
|
5115
|
-
var _templateObject$
|
|
5116
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
5167
|
+
var _templateObject$w, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5168
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
5117
5169
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
5118
5170
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5119
5171
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
@@ -5332,8 +5384,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5332
5384
|
})));
|
|
5333
5385
|
};
|
|
5334
5386
|
|
|
5335
|
-
var _templateObject$
|
|
5336
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5387
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5388
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5337
5389
|
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5338
5390
|
var darkMode = _ref.darkMode;
|
|
5339
5391
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5560,8 +5612,8 @@ var Component = function Component(_ref) {
|
|
|
5560
5612
|
}, error)));
|
|
5561
5613
|
};
|
|
5562
5614
|
|
|
5563
|
-
var _templateObject$
|
|
5564
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5615
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5616
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5565
5617
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5566
5618
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
5567
5619
|
});
|
|
@@ -5585,8 +5637,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
|
|
|
5585
5637
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5586
5638
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
5587
5639
|
|
|
5588
|
-
var _templateObject$
|
|
5589
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5640
|
+
var _templateObject$z;
|
|
5641
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
5590
5642
|
|
|
5591
5643
|
var Logo = function Logo(_ref) {
|
|
5592
5644
|
var _ref$id = _ref.id,
|
|
@@ -5618,11 +5670,11 @@ var Logo = function Logo(_ref) {
|
|
|
5618
5670
|
}))));
|
|
5619
5671
|
};
|
|
5620
5672
|
|
|
5621
|
-
var _templateObject$
|
|
5622
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5673
|
+
var _templateObject$A;
|
|
5674
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
5623
5675
|
|
|
5624
|
-
var _templateObject$
|
|
5625
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5676
|
+
var _templateObject$B, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5677
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
5626
5678
|
var selected = _ref.selected,
|
|
5627
5679
|
colorPrimary = _ref.colorPrimary;
|
|
5628
5680
|
|
|
@@ -5810,8 +5862,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5810
5862
|
}, expiryTime ? basketText : text) : ''));
|
|
5811
5863
|
};
|
|
5812
5864
|
|
|
5813
|
-
var _templateObject$
|
|
5814
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5865
|
+
var _templateObject$C, _templateObject2$m;
|
|
5866
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
5815
5867
|
var selected = _ref.selected,
|
|
5816
5868
|
colorPrimary = _ref.colorPrimary;
|
|
5817
5869
|
|
|
@@ -6103,8 +6155,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6103
6155
|
}));
|
|
6104
6156
|
};
|
|
6105
6157
|
|
|
6106
|
-
var _templateObject$
|
|
6107
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6158
|
+
var _templateObject$D, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
6159
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6108
6160
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
6109
6161
|
if (props.showMenu) {
|
|
6110
6162
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6246,8 +6298,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6246
6298
|
}, "MENU"))));
|
|
6247
6299
|
};
|
|
6248
6300
|
|
|
6249
|
-
var _templateObject$
|
|
6250
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6301
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6302
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
6251
6303
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6252
6304
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
6253
6305
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
@@ -6484,16 +6536,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6484
6536
|
})))));
|
|
6485
6537
|
};
|
|
6486
6538
|
|
|
6487
|
-
var _templateObject$
|
|
6488
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
6539
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6540
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6489
6541
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
6490
6542
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
6491
6543
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6492
6544
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
6493
6545
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
6494
6546
|
|
|
6495
|
-
var _templateObject$
|
|
6496
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
6547
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j;
|
|
6548
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
6497
6549
|
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
6498
6550
|
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
6499
6551
|
|
|
@@ -6511,8 +6563,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6511
6563
|
}));
|
|
6512
6564
|
};
|
|
6513
6565
|
|
|
6514
|
-
var _templateObject$
|
|
6515
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6566
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6567
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6516
6568
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
6517
6569
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6518
6570
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
@@ -6583,9 +6635,9 @@ var Footer = function Footer(_ref) {
|
|
|
6583
6635
|
}, additionalInfo)))));
|
|
6584
6636
|
};
|
|
6585
6637
|
|
|
6586
|
-
var _templateObject$
|
|
6638
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6587
6639
|
var LIST_ITEM_GAP = 32;
|
|
6588
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6640
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6589
6641
|
var bottomBorder = _ref.bottomBorder;
|
|
6590
6642
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6591
6643
|
}, zIndexes.anchor);
|
|
@@ -6849,8 +6901,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6849
6901
|
})) : null) : null))));
|
|
6850
6902
|
};
|
|
6851
6903
|
|
|
6852
|
-
var _templateObject$
|
|
6853
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6904
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6905
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6854
6906
|
var sticky = _ref.sticky;
|
|
6855
6907
|
return sticky ? 'sticky' : 'initial';
|
|
6856
6908
|
}, zIndexes.anchor);
|
|
@@ -6910,8 +6962,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6910
6962
|
}, message)));
|
|
6911
6963
|
};
|
|
6912
6964
|
|
|
6913
|
-
var _templateObject$
|
|
6914
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6965
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6966
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
6915
6967
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
6916
6968
|
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
6917
6969
|
var theme = _ref.theme;
|
|
@@ -6991,8 +7043,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
6991
7043
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
6992
7044
|
};
|
|
6993
7045
|
|
|
6994
|
-
var _templateObject$
|
|
6995
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7046
|
+
var _templateObject$L;
|
|
7047
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
6996
7048
|
|
|
6997
7049
|
var UpsellCards = function UpsellCards(_ref) {
|
|
6998
7050
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7010,20 +7062,27 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7010
7062
|
}));
|
|
7011
7063
|
};
|
|
7012
7064
|
|
|
7013
|
-
var _templateObject$
|
|
7014
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7065
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
7066
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
7015
7067
|
var theme = _ref.theme;
|
|
7016
7068
|
return theme.colors.primary;
|
|
7017
7069
|
}, devices.mobile, devices.tablet);
|
|
7018
7070
|
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7019
7071
|
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7020
7072
|
|
|
7021
|
-
var _templateObject$
|
|
7022
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7073
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
|
|
7074
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7023
7075
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7024
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])),
|
|
7076
|
+
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
|
|
7077
|
+
var isVisible = _ref.isVisible;
|
|
7078
|
+
return isVisible ? 'visible' : 'hidden';
|
|
7079
|
+
}, devices.mobile);
|
|
7025
7080
|
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
7026
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])),
|
|
7081
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n max-height: ", ";\n\n @media print {\n max-height: max-content;\n }\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n @media ", " {\n transition: 100% 0.2s ease;\n }\n"])), function (_ref2) {
|
|
7082
|
+
var textHeight = _ref2.textHeight;
|
|
7083
|
+
return textHeight;
|
|
7084
|
+
}, devices.mobile);
|
|
7085
|
+
var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media print {\n display: none;\n }\n"])));
|
|
7027
7086
|
|
|
7028
7087
|
var Accordion = function Accordion(_ref) {
|
|
7029
7088
|
var _ref$title = _ref.title,
|
|
@@ -7054,11 +7113,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
7054
7113
|
setIconName = _useState3[1]; // Contents children visibility is set to prevent it from being keyboard tabbable when the accordion is closed
|
|
7055
7114
|
|
|
7056
7115
|
|
|
7057
|
-
var _useState4 = React.useState(initOpen
|
|
7058
|
-
visibility: 'visible'
|
|
7059
|
-
} : {
|
|
7060
|
-
visibility: 'hidden'
|
|
7061
|
-
}),
|
|
7116
|
+
var _useState4 = React.useState(initOpen),
|
|
7062
7117
|
childrenVisibility = _useState4[0],
|
|
7063
7118
|
setChildrenVisibility = _useState4[1];
|
|
7064
7119
|
|
|
@@ -7074,11 +7129,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
7074
7129
|
setOpenAccordion(!openAccordion);
|
|
7075
7130
|
setTextHeight(openAccordion ? '0px' : content.current.scrollHeight + "px");
|
|
7076
7131
|
setIconName(openAccordion ? 'Expand' : 'Detract');
|
|
7077
|
-
setChildrenVisibility(openAccordion
|
|
7078
|
-
visibility: 'hidden'
|
|
7079
|
-
} : {
|
|
7080
|
-
visibility: 'visible'
|
|
7081
|
-
});
|
|
7132
|
+
setChildrenVisibility(!openAccordion);
|
|
7082
7133
|
};
|
|
7083
7134
|
|
|
7084
7135
|
var keyDown = function keyDown(e) {
|
|
@@ -7088,7 +7139,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
7088
7139
|
};
|
|
7089
7140
|
|
|
7090
7141
|
var Standfirst = function Standfirst() {
|
|
7091
|
-
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer,
|
|
7142
|
+
return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
7143
|
+
isVisible: childrenVisibility
|
|
7144
|
+
}, visibleStandfirst)) : null;
|
|
7092
7145
|
};
|
|
7093
7146
|
|
|
7094
7147
|
var contentContainerId = title + "-accordion-content";
|
|
@@ -7133,23 +7186,21 @@ var Accordion = function Accordion(_ref) {
|
|
|
7133
7186
|
}, /*#__PURE__*/React__default.createElement(AccordionTitle, {
|
|
7134
7187
|
level: displayLevel,
|
|
7135
7188
|
semanticLevel: semanticLevel
|
|
7136
|
-
}, title), children && /*#__PURE__*/React__default.createElement(Icon, {
|
|
7189
|
+
}, title), children && /*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
7137
7190
|
iconName: iconName
|
|
7138
|
-
})), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
7191
|
+
}))), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
|
|
7139
7192
|
"data-testid": "richcontainer",
|
|
7140
7193
|
ref: content,
|
|
7141
|
-
|
|
7142
|
-
maxHeight: "" + textHeight
|
|
7143
|
-
},
|
|
7194
|
+
textHeight: textHeight,
|
|
7144
7195
|
id: contentContainerId,
|
|
7145
7196
|
"aria-live": "polite"
|
|
7146
7197
|
}, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
7147
|
-
|
|
7198
|
+
isVisible: childrenVisibility
|
|
7148
7199
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7149
7200
|
};
|
|
7150
7201
|
|
|
7151
|
-
var _templateObject$
|
|
7152
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7202
|
+
var _templateObject$O;
|
|
7203
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7153
7204
|
|
|
7154
7205
|
var Accordions = function Accordions(_ref) {
|
|
7155
7206
|
var _ref$items = _ref.items,
|
|
@@ -7167,7 +7218,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
7167
7218
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
7168
7219
|
contentType: accordion.contentType,
|
|
7169
7220
|
displayLevel: accordion.displayLevel,
|
|
7170
|
-
semanticLevel: accordion.semanticLevel
|
|
7221
|
+
semanticLevel: accordion.semanticLevel,
|
|
7222
|
+
initOpen: accordion.initOpen
|
|
7171
7223
|
}, accordion.children);
|
|
7172
7224
|
}));
|
|
7173
7225
|
};
|
|
@@ -7181,8 +7233,8 @@ var Theme = function Theme(_ref) {
|
|
|
7181
7233
|
}, children);
|
|
7182
7234
|
};
|
|
7183
7235
|
|
|
7184
|
-
var _templateObject$
|
|
7185
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7236
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$q;
|
|
7237
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
7186
7238
|
var theme = _ref.theme;
|
|
7187
7239
|
return theme.colors.primary;
|
|
7188
7240
|
}, devices.mobile);
|
|
@@ -7224,8 +7276,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7224
7276
|
}))))));
|
|
7225
7277
|
};
|
|
7226
7278
|
|
|
7227
|
-
var _templateObject$
|
|
7228
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7279
|
+
var _templateObject$Q;
|
|
7280
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
7229
7281
|
var bgColor = _ref.bgColor,
|
|
7230
7282
|
theme = _ref.theme;
|
|
7231
7283
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7246,11 +7298,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7246
7298
|
}), children);
|
|
7247
7299
|
};
|
|
7248
7300
|
|
|
7249
|
-
var _templateObject$
|
|
7301
|
+
var _templateObject$R, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7250
7302
|
var LENGTH_LARGE_TEXT = 28;
|
|
7251
7303
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7252
7304
|
var LENGTH_TEXT_TABLET = 10;
|
|
7253
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7305
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7254
7306
|
var isCardClickable = _ref.isCardClickable;
|
|
7255
7307
|
return isCardClickable ? 'pointer' : 'default';
|
|
7256
7308
|
}, function (_ref2) {
|
|
@@ -7272,7 +7324,7 @@ var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k ||
|
|
|
7272
7324
|
return fullWidth ? '0' : '20px';
|
|
7273
7325
|
});
|
|
7274
7326
|
var TitleContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n\n @media ", " {\n display: none;\n }\n"])), devices.mobileAndTablet);
|
|
7275
|
-
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7327
|
+
var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: calc(-1 * var(--editorial-margin-between)) 0 calc(-1 * var(--editorial-margin-between)) 0;\n display: none;\n\n @media ", " {\n display: block;\n }\n"])), devices.mobileAndTablet);
|
|
7276
7328
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin-top: var(--editorial-spacing-hover);\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n em {\n font-family: var(--font-family-body-italics);\n }\n"])));
|
|
7277
7329
|
var HighlightTextContainer = /*#__PURE__*/styled__default(TextContainer$1)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-primary);\n margin-top: 4px;\n"])));
|
|
7278
7330
|
var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
@@ -7336,59 +7388,63 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14 || (
|
|
|
7336
7388
|
return '';
|
|
7337
7389
|
});
|
|
7338
7390
|
|
|
7339
|
-
var TEXT_STYLE_HTML_TAGS_REGEXP = '<em>|</em>|<b>|</b>';
|
|
7340
7391
|
var stripAllHtmlTags = function stripAllHtmlTags(htmlString) {
|
|
7341
7392
|
return htmlString.replace(/<[^>]*>/g, '');
|
|
7342
7393
|
};
|
|
7394
|
+
var truncateHtmlString = function truncateHtmlString(htmlString, resultLength, addDots) {
|
|
7395
|
+
if (addDots === void 0) {
|
|
7396
|
+
addDots = false;
|
|
7397
|
+
}
|
|
7343
7398
|
|
|
7344
|
-
var
|
|
7345
|
-
var
|
|
7346
|
-
var
|
|
7399
|
+
var parser = new DOMParser();
|
|
7400
|
+
var doc = parser.parseFromString(htmlString, 'text/html');
|
|
7401
|
+
var textContent = doc.body.textContent;
|
|
7347
7402
|
|
|
7348
|
-
|
|
7349
|
-
|
|
7350
|
-
value: match[0],
|
|
7351
|
-
index: match.index
|
|
7352
|
-
});
|
|
7403
|
+
if (textContent && textContent.length <= resultLength) {
|
|
7404
|
+
return htmlString;
|
|
7353
7405
|
}
|
|
7354
7406
|
|
|
7355
|
-
|
|
7356
|
-
|
|
7357
|
-
|
|
7358
|
-
var insertString = function insertString(mainString, str, position) {
|
|
7359
|
-
return "" + mainString.substring(0, position) + str + mainString.substring(position);
|
|
7360
|
-
};
|
|
7407
|
+
var accumulatedText = '';
|
|
7408
|
+
var tagStack = [];
|
|
7409
|
+
var charCount = 0;
|
|
7361
7410
|
|
|
7362
|
-
var
|
|
7363
|
-
|
|
7364
|
-
|
|
7365
|
-
|
|
7366
|
-
htmlTagPositions.forEach(function (tag) {
|
|
7367
|
-
resultString = insertString(resultString, tag.value, tag.index);
|
|
7368
|
-
if (tag.index - tagsLength <= resultLength) tagsLength += tag.value.length;
|
|
7369
|
-
});
|
|
7370
|
-
return {
|
|
7371
|
-
stringWithInsertedTags: resultString,
|
|
7372
|
-
tagsLength: tagsLength
|
|
7411
|
+
var closeTags = function closeTags() {
|
|
7412
|
+
while (tagStack.length > 0) {
|
|
7413
|
+
accumulatedText += '</' + tagStack.pop() + '>';
|
|
7414
|
+
}
|
|
7373
7415
|
};
|
|
7374
|
-
};
|
|
7375
7416
|
|
|
7376
|
-
var
|
|
7377
|
-
|
|
7378
|
-
addDots = false;
|
|
7379
|
-
}
|
|
7417
|
+
for (var i = 0; i < htmlString.length; i++) {
|
|
7418
|
+
var _char = htmlString[i];
|
|
7380
7419
|
|
|
7381
|
-
|
|
7382
|
-
|
|
7420
|
+
if (_char === '<') {
|
|
7421
|
+
accumulatedText += _char;
|
|
7383
7422
|
|
|
7384
|
-
|
|
7385
|
-
|
|
7386
|
-
|
|
7423
|
+
if (htmlString[i + 1] !== '/') {
|
|
7424
|
+
var tagNameEnd = htmlString.indexOf('>', i);
|
|
7425
|
+
var tagName = htmlString.slice(i + 1, tagNameEnd).split(' ')[0];
|
|
7426
|
+
tagStack.push(tagName);
|
|
7427
|
+
accumulatedText += tagName + ">";
|
|
7428
|
+
i = tagNameEnd;
|
|
7429
|
+
}
|
|
7430
|
+
} else if (_char === '>') {
|
|
7431
|
+
accumulatedText += _char;
|
|
7432
|
+
} else if (charCount < resultLength) {
|
|
7433
|
+
accumulatedText += _char;
|
|
7434
|
+
charCount++;
|
|
7435
|
+
}
|
|
7387
7436
|
|
|
7388
|
-
|
|
7389
|
-
|
|
7390
|
-
|
|
7391
|
-
|
|
7437
|
+
if (charCount >= resultLength) {
|
|
7438
|
+
if (addDots) {
|
|
7439
|
+
accumulatedText += '...';
|
|
7440
|
+
}
|
|
7441
|
+
|
|
7442
|
+
break;
|
|
7443
|
+
}
|
|
7444
|
+
}
|
|
7445
|
+
|
|
7446
|
+
closeTags();
|
|
7447
|
+
return accumulatedText;
|
|
7392
7448
|
};
|
|
7393
7449
|
var truncate = function truncate(str, n) {
|
|
7394
7450
|
return str.length >= n ? str.substring(0, n) : str;
|
|
@@ -7532,9 +7588,9 @@ var Card = function Card(_ref) {
|
|
|
7532
7588
|
dangerouslySetInnerHTML: {
|
|
7533
7589
|
__html: truncatedText
|
|
7534
7590
|
}
|
|
7535
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7591
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7536
7592
|
level: 1
|
|
7537
|
-
}, highlightText))
|
|
7593
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7538
7594
|
fullWidth: fullWidth
|
|
7539
7595
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7540
7596
|
ref: node,
|
|
@@ -7548,8 +7604,8 @@ var Card = function Card(_ref) {
|
|
|
7548
7604
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7549
7605
|
};
|
|
7550
7606
|
|
|
7551
|
-
var _templateObject$
|
|
7552
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7607
|
+
var _templateObject$S, _templateObject2$z;
|
|
7608
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
7553
7609
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7554
7610
|
|
|
7555
7611
|
var Cards = function Cards(_ref) {
|
|
@@ -7595,8 +7651,8 @@ var Cards = function Cards(_ref) {
|
|
|
7595
7651
|
}));
|
|
7596
7652
|
};
|
|
7597
7653
|
|
|
7598
|
-
var _templateObject$
|
|
7599
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7654
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7655
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__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);
|
|
7600
7656
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__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) {
|
|
7601
7657
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7602
7658
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7664,8 +7720,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7664
7720
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7665
7721
|
};
|
|
7666
7722
|
|
|
7667
|
-
var _templateObject$
|
|
7668
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
7723
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
7724
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7669
7725
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
7670
7726
|
return props.clickable ? 'pointer' : 'default';
|
|
7671
7727
|
}, devices.mobile);
|
|
@@ -7674,7 +7730,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
7674
7730
|
return props.showImage ? 2 : '1 / span 4';
|
|
7675
7731
|
}, devices.mobile);
|
|
7676
7732
|
var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin: 0;\n }\n\n @media ", " {\n & > * {\n font-size: var(--font-size-header-5);\n font-weight: var(--font-weight-header-5);\n }\n }\n"])), devices.mobile);
|
|
7677
|
-
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7733
|
+
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7678
7734
|
var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & p:not(:last-child):after {\n content: '\\A\\A';\n white-space: pre;\n }\n\n ", "\n"], ["\n & p:not(:last-child):after {\n content: '\\\\A\\\\A';\n white-space: pre;\n }\n\n ", "\n"])), function (props) {
|
|
7679
7735
|
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 ";
|
|
7680
7736
|
});
|
|
@@ -7747,8 +7803,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7747
7803
|
}), link.text)));
|
|
7748
7804
|
};
|
|
7749
7805
|
|
|
7750
|
-
var _templateObject$
|
|
7751
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7806
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7807
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
7752
7808
|
var imageToLeft = _ref.imageToLeft;
|
|
7753
7809
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7754
7810
|
}, devices.mobile);
|
|
@@ -7825,8 +7881,8 @@ var BackgroundColour;
|
|
|
7825
7881
|
BackgroundColour["White"] = "white";
|
|
7826
7882
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7827
7883
|
|
|
7828
|
-
var _templateObject$
|
|
7829
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7884
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7885
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
7830
7886
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7831
7887
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7832
7888
|
if (!props.infoThemed) {
|
|
@@ -7952,8 +8008,8 @@ var Information = function Information(_ref) {
|
|
|
7952
8008
|
}))));
|
|
7953
8009
|
};
|
|
7954
8010
|
|
|
7955
|
-
var _templateObject$
|
|
7956
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8011
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8012
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
7957
8013
|
var theme = _ref.theme;
|
|
7958
8014
|
return theme.colors.primary;
|
|
7959
8015
|
}, function (_ref2) {
|
|
@@ -7970,7 +8026,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_t
|
|
|
7970
8026
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7971
8027
|
}, devices.mobile);
|
|
7972
8028
|
var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n align-self: end;\n margin-top: 12px;\n\n h6 {\n margin: 0;\n padding: 0;\n }\n"])));
|
|
7973
|
-
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8029
|
+
var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n justify-self: end;\n margin-top: 20px;\n position: relative;\n\n > div {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n @media ", " {\n & {\n align-self: start;\n margin-top: 0;\n }\n }\n"])), devices.mobile);
|
|
7974
8030
|
var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n justify-self: end;\n align-self: end;\n\n @media ", " {\n & {\n justify-self: center;\n align-self: center;\n width: 100%;\n margin-top: 16px;\n }\n }\n"])), devices.mobile);
|
|
7975
8031
|
var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-family: var(--font-family-altHeader);\n text-transform: var(--text-transform-altHeader);\n word-break: var(--word-break-altHeader);\n"])));
|
|
7976
8032
|
|
|
@@ -8053,13 +8109,13 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8053
8109
|
})));
|
|
8054
8110
|
};
|
|
8055
8111
|
|
|
8056
|
-
var _templateObject$
|
|
8057
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8112
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8113
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__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);
|
|
8058
8114
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__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);
|
|
8059
8115
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__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);
|
|
8060
8116
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__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);
|
|
8061
8117
|
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
8062
|
-
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8118
|
+
var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__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);
|
|
8063
8119
|
var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0px;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
|
|
8064
8120
|
var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
8065
8121
|
|
|
@@ -8127,8 +8183,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8127
8183
|
}, "Scroll Down")) : null);
|
|
8128
8184
|
};
|
|
8129
8185
|
|
|
8130
|
-
var _templateObject$
|
|
8131
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8186
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8187
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
8132
8188
|
var color = _ref.color;
|
|
8133
8189
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8134
8190
|
}, devices.mobileAndTablet);
|
|
@@ -8172,8 +8228,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8172
8228
|
}))));
|
|
8173
8229
|
};
|
|
8174
8230
|
|
|
8175
|
-
var _templateObject$
|
|
8176
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8231
|
+
var _templateObject$_;
|
|
8232
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8177
8233
|
|
|
8178
8234
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8179
8235
|
var link = _ref.link,
|
|
@@ -8193,12 +8249,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8193
8249
|
}))));
|
|
8194
8250
|
};
|
|
8195
8251
|
|
|
8196
|
-
var _templateObject
|
|
8197
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8252
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8253
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__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);
|
|
8198
8254
|
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__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"])));
|
|
8199
8255
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8200
8256
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__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);
|
|
8201
|
-
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$
|
|
8257
|
+
var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$h || (_templateObject6$h = /*#__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) {
|
|
8202
8258
|
var invert = _ref.invert,
|
|
8203
8259
|
theme = _ref.theme;
|
|
8204
8260
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8298,10 +8354,14 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
8298
8354
|
}, truncate(stripAllHtmlTags(brandingText), 25));
|
|
8299
8355
|
|
|
8300
8356
|
case 'StreamLogo':
|
|
8301
|
-
return /*#__PURE__*/React__default.createElement(StreamBadge,
|
|
8357
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
8358
|
+
invert: invert
|
|
8359
|
+
});
|
|
8302
8360
|
|
|
8303
8361
|
case 'CinemaLogo':
|
|
8304
|
-
return /*#__PURE__*/React__default.createElement(CinemaBadge,
|
|
8362
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
8363
|
+
invert: invert
|
|
8364
|
+
});
|
|
8305
8365
|
|
|
8306
8366
|
default:
|
|
8307
8367
|
return null;
|
|
@@ -8320,7 +8380,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8320
8380
|
var isIOS = function isIOS() {
|
|
8321
8381
|
try {
|
|
8322
8382
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8323
|
-
if (typeof navigator === undefined) return false;
|
|
8383
|
+
if (typeof navigator === 'undefined') return false;
|
|
8324
8384
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8325
8385
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8326
8386
|
} catch (e) {
|
|
@@ -8336,7 +8396,7 @@ var useIOS = function useIOS() {
|
|
|
8336
8396
|
setIOS = _useState[1];
|
|
8337
8397
|
|
|
8338
8398
|
React.useEffect(function () {
|
|
8339
|
-
if (typeof navigator === undefined) return;
|
|
8399
|
+
if (typeof navigator === 'undefined') return;
|
|
8340
8400
|
setIOS(isIOS());
|
|
8341
8401
|
}, []);
|
|
8342
8402
|
return IOS;
|
|
@@ -8522,8 +8582,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8522
8582
|
}), linkText))));
|
|
8523
8583
|
};
|
|
8524
8584
|
|
|
8525
|
-
var _templateObject
|
|
8526
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
8585
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8586
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8527
8587
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
8528
8588
|
|
|
8529
8589
|
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
@@ -8599,13 +8659,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
8599
8659
|
}))));
|
|
8600
8660
|
};
|
|
8601
8661
|
|
|
8602
|
-
var _templateObject$
|
|
8603
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8662
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
|
|
8663
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__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);
|
|
8604
8664
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
8605
8665
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
8606
8666
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
8607
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
8608
|
-
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$
|
|
8667
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8668
|
+
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$i || (_templateObject6$i = /*#__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"])));
|
|
8609
8669
|
|
|
8610
8670
|
var Person = function Person(_ref) {
|
|
8611
8671
|
var person = _ref.person,
|
|
@@ -8656,11 +8716,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8656
8716
|
}));
|
|
8657
8717
|
};
|
|
8658
8718
|
|
|
8659
|
-
var _templateObject$
|
|
8660
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8719
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8720
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8661
8721
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8662
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
8663
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n
|
|
8722
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 1.5;\n margin-bottom: 4px;\n }\n"])));
|
|
8723
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
8664
8724
|
|
|
8665
8725
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8666
8726
|
return array.reduce(function (acc, item) {
|
|
@@ -8671,12 +8731,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8671
8731
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8672
8732
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8673
8733
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8674
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8734
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
8735
|
+
key: index
|
|
8736
|
+
}, title));
|
|
8675
8737
|
} else if (index > 0) {
|
|
8676
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8738
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8739
|
+
key: index
|
|
8740
|
+
}, ", ", title);
|
|
8677
8741
|
}
|
|
8678
8742
|
|
|
8679
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8743
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8744
|
+
key: index
|
|
8745
|
+
}, title);
|
|
8680
8746
|
}));
|
|
8681
8747
|
};
|
|
8682
8748
|
|
|
@@ -8728,14 +8794,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8728
8794
|
}));
|
|
8729
8795
|
};
|
|
8730
8796
|
|
|
8731
|
-
var _templateObject$
|
|
8797
|
+
var _templateObject$13, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$j, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
8732
8798
|
var LENGTH_TEXT = 28;
|
|
8733
8799
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8734
8800
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8735
8801
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8736
8802
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8737
8803
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8738
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8804
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
8739
8805
|
var imageToLeft = _ref.imageToLeft;
|
|
8740
8806
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8741
8807
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8788,7 +8854,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
|
8788
8854
|
var marginBottom = _ref10.marginBottom;
|
|
8789
8855
|
return marginBottom + "px";
|
|
8790
8856
|
});
|
|
8791
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$
|
|
8857
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
8792
8858
|
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
8793
8859
|
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
8794
8860
|
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__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);
|
|
@@ -9006,10 +9072,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9006
9072
|
}))));
|
|
9007
9073
|
};
|
|
9008
9074
|
|
|
9009
|
-
var _templateObject$
|
|
9075
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$d;
|
|
9010
9076
|
var LENGTH_TEXT$2 = 28;
|
|
9011
9077
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9012
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9078
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__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) {
|
|
9013
9079
|
var imageToLeft = _ref.imageToLeft;
|
|
9014
9080
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
9015
9081
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9026,7 +9092,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
9026
9092
|
}, devices.mobile);
|
|
9027
9093
|
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
|
|
9028
9094
|
var PromoWithTitleSubtitle = /*#__PURE__*/styled__default.span(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
9029
|
-
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9095
|
+
var PromoWithTitleText = /*#__PURE__*/styled__default.div(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
|
|
9030
9096
|
var theme = _ref5.theme;
|
|
9031
9097
|
return theme.colors.black;
|
|
9032
9098
|
}, function (_ref6) {
|
|
@@ -9062,8 +9128,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
9062
9128
|
return '';
|
|
9063
9129
|
});
|
|
9064
9130
|
|
|
9065
|
-
var _templateObject$
|
|
9066
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9131
|
+
var _templateObject$15;
|
|
9132
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
9067
9133
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9068
9134
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9069
9135
|
return aspectRatio;
|
|
@@ -9267,8 +9333,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9267
9333
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9268
9334
|
};
|
|
9269
9335
|
|
|
9270
|
-
var _templateObject$
|
|
9271
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9336
|
+
var _templateObject$16;
|
|
9337
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9272
9338
|
|
|
9273
9339
|
/**
|
|
9274
9340
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9326,8 +9392,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9326
9392
|
})));
|
|
9327
9393
|
};
|
|
9328
9394
|
|
|
9329
|
-
var _templateObject$
|
|
9330
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9395
|
+
var _templateObject$17, _templateObject2$N, _templateObject3$F;
|
|
9396
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9331
9397
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9332
9398
|
var horizontalMode = _ref.horizontalMode;
|
|
9333
9399
|
if (horizontalMode) return 'row';
|
|
@@ -9416,8 +9482,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9416
9482
|
}, error)));
|
|
9417
9483
|
};
|
|
9418
9484
|
|
|
9419
|
-
var _templateObject$
|
|
9420
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9485
|
+
var _templateObject$18, _templateObject2$O, _templateObject3$G;
|
|
9486
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
9421
9487
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
9422
9488
|
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9423
9489
|
|
|
@@ -9481,8 +9547,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9481
9547
|
})))));
|
|
9482
9548
|
};
|
|
9483
9549
|
|
|
9484
|
-
var _templateObject$
|
|
9485
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9550
|
+
var _templateObject$19;
|
|
9551
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
9486
9552
|
|
|
9487
9553
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9488
9554
|
var title = _ref.title,
|
|
@@ -9510,8 +9576,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9510
9576
|
}, description))));
|
|
9511
9577
|
};
|
|
9512
9578
|
|
|
9513
|
-
var _templateObject$
|
|
9514
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9579
|
+
var _templateObject$1a, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9580
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__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) {
|
|
9515
9581
|
var theme = _ref.theme;
|
|
9516
9582
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9517
9583
|
}, function (_ref2) {
|
|
@@ -9535,7 +9601,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
9535
9601
|
title: 'Select Arrow'
|
|
9536
9602
|
};
|
|
9537
9603
|
})(_templateObject5$q || (_templateObject5$q = /*#__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"])));
|
|
9538
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9604
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
9539
9605
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
9540
9606
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
9541
9607
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
@@ -9933,8 +9999,8 @@ function Select(_ref3) {
|
|
|
9933
9999
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9934
10000
|
}
|
|
9935
10001
|
|
|
9936
|
-
var _templateObject$
|
|
9937
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10002
|
+
var _templateObject$1b, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
10003
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9938
10004
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9939
10005
|
var width = _ref.width;
|
|
9940
10006
|
if (!width) return 'none';
|
|
@@ -10073,8 +10139,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10073
10139
|
})));
|
|
10074
10140
|
};
|
|
10075
10141
|
|
|
10076
|
-
var _templateObject$
|
|
10077
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10142
|
+
var _templateObject$1c;
|
|
10143
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
10078
10144
|
var theme = _ref.theme;
|
|
10079
10145
|
return theme.colors.primary;
|
|
10080
10146
|
});
|
|
@@ -10102,8 +10168,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10102
10168
|
})));
|
|
10103
10169
|
};
|
|
10104
10170
|
|
|
10105
|
-
var _templateObject$
|
|
10106
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10171
|
+
var _templateObject$1d, _templateObject2$R;
|
|
10172
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
10107
10173
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10108
10174
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10109
10175
|
return aspectRatio;
|
|
@@ -10151,8 +10217,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10151
10217
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10152
10218
|
};
|
|
10153
10219
|
|
|
10154
|
-
var _templateObject$
|
|
10155
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10220
|
+
var _templateObject$1e, _templateObject2$S, _templateObject3$J;
|
|
10221
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10156
10222
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10157
10223
|
var displayAttribution = _ref.displayAttribution;
|
|
10158
10224
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10181,13 +10247,13 @@ var Quote = function Quote(_ref) {
|
|
|
10181
10247
|
}, attribution))));
|
|
10182
10248
|
};
|
|
10183
10249
|
|
|
10184
|
-
var _templateObject$
|
|
10185
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10250
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
|
|
10251
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
10186
10252
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10187
10253
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10188
10254
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10189
10255
|
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__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);
|
|
10190
|
-
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10256
|
+
var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__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);
|
|
10191
10257
|
|
|
10192
10258
|
var MiniCard = function MiniCard(_ref) {
|
|
10193
10259
|
var _ref$title = _ref.title,
|
|
@@ -10225,11 +10291,18 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10225
10291
|
}, title)))));
|
|
10226
10292
|
};
|
|
10227
10293
|
|
|
10228
|
-
var _templateObject$
|
|
10229
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10230
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
10231
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])))
|
|
10232
|
-
var
|
|
10294
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$s;
|
|
10295
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
10296
|
+
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10297
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10298
|
+
var isVisible = _ref.isVisible;
|
|
10299
|
+
return isVisible ? 'visible' : 'hidden';
|
|
10300
|
+
});
|
|
10301
|
+
var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: hidden;\n }\n"])), function (_ref2) {
|
|
10302
|
+
var isVisible = _ref2.isVisible;
|
|
10303
|
+
return isVisible ? 'visible' : 'hidden';
|
|
10304
|
+
});
|
|
10305
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
10233
10306
|
|
|
10234
10307
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10235
10308
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10257,14 +10330,6 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10257
10330
|
textHeight = _useState2[0],
|
|
10258
10331
|
setTextHeight = _useState2[1];
|
|
10259
10332
|
|
|
10260
|
-
var _useState3 = React.useState(initOpen ? {
|
|
10261
|
-
visibility: 'visible'
|
|
10262
|
-
} : {
|
|
10263
|
-
visibility: 'hidden'
|
|
10264
|
-
}),
|
|
10265
|
-
textVisibility = _useState3[0],
|
|
10266
|
-
setTextVisibility = _useState3[1];
|
|
10267
|
-
|
|
10268
10333
|
var readMoreContent = React.useRef(null);
|
|
10269
10334
|
React.useEffect(function () {
|
|
10270
10335
|
if (readMoreContent != null && readMoreContent.current && initOpen) {
|
|
@@ -10277,11 +10342,6 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10277
10342
|
if (typeof fullText === 'string' && fullText.length === 0) return;
|
|
10278
10343
|
setIsFullTextOpen(!isFullTextOpen);
|
|
10279
10344
|
setTextHeight(isFullTextOpen ? '0px' : readMoreContent.current.scrollHeight + "px");
|
|
10280
|
-
setTextVisibility(isFullTextOpen ? {
|
|
10281
|
-
visibility: 'hidden'
|
|
10282
|
-
} : {
|
|
10283
|
-
visibility: 'visible'
|
|
10284
|
-
});
|
|
10285
10345
|
};
|
|
10286
10346
|
|
|
10287
10347
|
var handleKeyDown = function handleKeyDown(e) {
|
|
@@ -10292,7 +10352,9 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10292
10352
|
var truncatedText = truncate ? truncateReactNodeString(introText != null ? introText : '', INTRO_CHAR_LIMIT, true) : introText;
|
|
10293
10353
|
|
|
10294
10354
|
var IntroText = function IntroText() {
|
|
10295
|
-
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$5, null, /*#__PURE__*/React__default.createElement(
|
|
10355
|
+
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$5, null, /*#__PURE__*/React__default.createElement(IntroTextContainer, {
|
|
10356
|
+
isVisible: !isFullTextOpen
|
|
10357
|
+
}, truncate ? /*#__PURE__*/React__default.createElement("div", {
|
|
10296
10358
|
dangerouslySetInnerHTML: {
|
|
10297
10359
|
__html: "" + truncatedText
|
|
10298
10360
|
}
|
|
@@ -10319,7 +10381,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10319
10381
|
maxHeight: "" + textHeight
|
|
10320
10382
|
}
|
|
10321
10383
|
}, /*#__PURE__*/React__default.createElement(FullTextContainer, {
|
|
10322
|
-
|
|
10384
|
+
isVisible: isFullTextOpen
|
|
10323
10385
|
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && /*#__PURE__*/React__default.createElement(TextLink, {
|
|
10324
10386
|
tabIndex: 0,
|
|
10325
10387
|
role: "button",
|
|
@@ -10327,15 +10389,113 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10327
10389
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10328
10390
|
};
|
|
10329
10391
|
|
|
10330
|
-
var _templateObject$
|
|
10331
|
-
var
|
|
10332
|
-
var
|
|
10333
|
-
var
|
|
10334
|
-
var
|
|
10392
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$t, _templateObject6$n;
|
|
10393
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10394
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10395
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10396
|
+
var color = _ref.color;
|
|
10397
|
+
return "var(--base-color-" + color + ")";
|
|
10398
|
+
});
|
|
10399
|
+
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10400
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10401
|
+
var color = _ref2.color;
|
|
10402
|
+
return "var(--base-color-" + color + ")";
|
|
10403
|
+
});
|
|
10404
|
+
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10405
|
+
var color = _ref3.color;
|
|
10406
|
+
return "var(--base-color-" + color + ")";
|
|
10407
|
+
});
|
|
10408
|
+
|
|
10409
|
+
/**
|
|
10410
|
+
* Password strength indicator component.
|
|
10411
|
+
* This renders some number of lines (6 by default)
|
|
10412
|
+
* which should become active when the user improves
|
|
10413
|
+
* the strength of the entered password.
|
|
10414
|
+
*
|
|
10415
|
+
* ## Sections
|
|
10416
|
+
* To set number of sections it should be passed
|
|
10417
|
+
* as `sections` prop.
|
|
10418
|
+
*
|
|
10419
|
+
* ## Active section
|
|
10420
|
+
* To set number of active sections it should be passed
|
|
10421
|
+
* as `activeSections` prop.
|
|
10422
|
+
*
|
|
10423
|
+
* ## Colors
|
|
10424
|
+
* Color of every element can be controlled by properties:
|
|
10425
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10426
|
+
* `textColor`, `strengthLabelColor`.
|
|
10427
|
+
*
|
|
10428
|
+
* ## Text
|
|
10429
|
+
* `text` prop is used to render some message.
|
|
10430
|
+
* For example error (together with proper red color)
|
|
10431
|
+
* or some password requirement. It can be empty.
|
|
10432
|
+
*
|
|
10433
|
+
* ## Strength label
|
|
10434
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10435
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10436
|
+
* It can be empty.
|
|
10437
|
+
*/
|
|
10438
|
+
|
|
10439
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10440
|
+
var _ref$sections = _ref.sections,
|
|
10441
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10442
|
+
_ref$activeSections = _ref.activeSections,
|
|
10443
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10444
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10445
|
+
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10446
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10447
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10448
|
+
_ref$text = _ref.text,
|
|
10449
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10450
|
+
_ref$textColor = _ref.textColor,
|
|
10451
|
+
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10452
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10453
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10454
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10455
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10456
|
+
|
|
10457
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10458
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10459
|
+
};
|
|
10460
|
+
|
|
10461
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10462
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10463
|
+
};
|
|
10464
|
+
|
|
10465
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10466
|
+
"data-testid": "password-strength-container"
|
|
10467
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10468
|
+
"data-testid": "password-strength-sections"
|
|
10469
|
+
}, Array.from({
|
|
10470
|
+
length: sections
|
|
10471
|
+
}, function (_section, i) {
|
|
10472
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10473
|
+
key: i,
|
|
10474
|
+
color: setSectionColor(i),
|
|
10475
|
+
"data-testid": setSectionDataTestId(i)
|
|
10476
|
+
});
|
|
10477
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10478
|
+
color: textColor,
|
|
10479
|
+
"data-testid": "password-strength-text"
|
|
10480
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10481
|
+
level: 6
|
|
10482
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10483
|
+
color: strengthLabelColor,
|
|
10484
|
+
"data-testid": "password-strength-label"
|
|
10485
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10486
|
+
level: 2
|
|
10487
|
+
}, strengthLabel))));
|
|
10488
|
+
};
|
|
10489
|
+
|
|
10490
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$u;
|
|
10491
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10492
|
+
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10493
|
+
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10494
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10335
10495
|
var isActive = _ref.isActive;
|
|
10336
10496
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10337
10497
|
}, exports.Colors.MidGrey);
|
|
10338
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
10498
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
10339
10499
|
var isOpen = _ref2.isOpen;
|
|
10340
10500
|
return isOpen ? 'block' : 'none';
|
|
10341
10501
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -10505,106 +10665,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10505
10665
|
});
|
|
10506
10666
|
};
|
|
10507
10667
|
|
|
10508
|
-
var _templateObject$
|
|
10509
|
-
var
|
|
10510
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10511
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10512
|
-
var color = _ref.color;
|
|
10513
|
-
return "var(--base-color-" + color + ")";
|
|
10514
|
-
});
|
|
10515
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10516
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10517
|
-
var color = _ref2.color;
|
|
10518
|
-
return "var(--base-color-" + color + ")";
|
|
10519
|
-
});
|
|
10520
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10521
|
-
var color = _ref3.color;
|
|
10522
|
-
return "var(--base-color-" + color + ")";
|
|
10523
|
-
});
|
|
10524
|
-
|
|
10525
|
-
/**
|
|
10526
|
-
* Password strength indicator component.
|
|
10527
|
-
* This renders some number of lines (6 by default)
|
|
10528
|
-
* which should become active when the user improves
|
|
10529
|
-
* the strength of the entered password.
|
|
10530
|
-
*
|
|
10531
|
-
* ## Sections
|
|
10532
|
-
* To set number of sections it should be passed
|
|
10533
|
-
* as `sections` prop.
|
|
10534
|
-
*
|
|
10535
|
-
* ## Active section
|
|
10536
|
-
* To set number of active sections it should be passed
|
|
10537
|
-
* as `activeSections` prop.
|
|
10538
|
-
*
|
|
10539
|
-
* ## Colors
|
|
10540
|
-
* Color of every element can be controlled by properties:
|
|
10541
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10542
|
-
* `textColor`, `strengthLabelColor`.
|
|
10543
|
-
*
|
|
10544
|
-
* ## Text
|
|
10545
|
-
* `text` prop is used to render some message.
|
|
10546
|
-
* For example error (together with proper red color)
|
|
10547
|
-
* or some password requirement. It can be empty.
|
|
10548
|
-
*
|
|
10549
|
-
* ## Strength label
|
|
10550
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10551
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10552
|
-
* It can be empty.
|
|
10553
|
-
*/
|
|
10554
|
-
|
|
10555
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10556
|
-
var _ref$sections = _ref.sections,
|
|
10557
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10558
|
-
_ref$activeSections = _ref.activeSections,
|
|
10559
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10560
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10561
|
-
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10562
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10563
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10564
|
-
_ref$text = _ref.text,
|
|
10565
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10566
|
-
_ref$textColor = _ref.textColor,
|
|
10567
|
-
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10568
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10569
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10570
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10571
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10572
|
-
|
|
10573
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10574
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10575
|
-
};
|
|
10576
|
-
|
|
10577
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10578
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10579
|
-
};
|
|
10580
|
-
|
|
10581
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10582
|
-
"data-testid": "password-strength-container"
|
|
10583
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10584
|
-
"data-testid": "password-strength-sections"
|
|
10585
|
-
}, Array.from({
|
|
10586
|
-
length: sections
|
|
10587
|
-
}, function (_section, i) {
|
|
10588
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10589
|
-
key: i,
|
|
10590
|
-
color: setSectionColor(i),
|
|
10591
|
-
"data-testid": setSectionDataTestId(i)
|
|
10592
|
-
});
|
|
10593
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10594
|
-
color: textColor,
|
|
10595
|
-
"data-testid": "password-strength-text"
|
|
10596
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10597
|
-
level: 6
|
|
10598
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10599
|
-
color: strengthLabelColor,
|
|
10600
|
-
"data-testid": "password-strength-label"
|
|
10601
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10602
|
-
level: 2
|
|
10603
|
-
}, strengthLabel))));
|
|
10604
|
-
};
|
|
10605
|
-
|
|
10606
|
-
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10607
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10668
|
+
var _templateObject$1j, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10669
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10608
10670
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10609
10671
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10610
10672
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
@@ -10612,12 +10674,12 @@ var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templa
|
|
|
10612
10674
|
}, function (props) {
|
|
10613
10675
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10614
10676
|
}, devices.tablet, devices.mobile);
|
|
10615
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
10677
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid;\n border-color: ", ";\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
|
|
10616
10678
|
return "var(--base-color-" + props.lineColor + ")";
|
|
10617
10679
|
}, function (props) {
|
|
10618
10680
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10619
10681
|
}, devices.mobile);
|
|
10620
|
-
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10682
|
+
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$o || (_templateObject6$o = /*#__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"])));
|
|
10621
10683
|
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$f || (_templateObject7$f = /*#__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) {
|
|
10622
10684
|
var active = _ref.active;
|
|
10623
10685
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
@@ -10887,8 +10949,8 @@ var LiveChat = function LiveChat() {
|
|
|
10887
10949
|
});
|
|
10888
10950
|
};
|
|
10889
10951
|
|
|
10890
|
-
var _templateObject$
|
|
10891
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10952
|
+
var _templateObject$1k, _templateObject2$Y;
|
|
10953
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
10892
10954
|
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
10893
10955
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10894
10956
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -10917,8 +10979,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10917
10979
|
}, children)));
|
|
10918
10980
|
};
|
|
10919
10981
|
|
|
10920
|
-
var _templateObject$
|
|
10921
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10982
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10983
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
10922
10984
|
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
10923
10985
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10924
10986
|
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
@@ -11041,8 +11103,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11041
11103
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11042
11104
|
};
|
|
11043
11105
|
|
|
11044
|
-
var _templateObject$
|
|
11045
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
11106
|
+
var _templateObject$1m;
|
|
11107
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
11046
11108
|
var theme = _ref.theme;
|
|
11047
11109
|
return theme.colors.primary;
|
|
11048
11110
|
}, function (_ref2) {
|
|
@@ -12003,6 +12065,7 @@ exports.Footer = Footer;
|
|
|
12003
12065
|
exports.GlobalStyles = GlobalStyles;
|
|
12004
12066
|
exports.Grid = Grid;
|
|
12005
12067
|
exports.GridItem = GridItem;
|
|
12068
|
+
exports.GridItemLegacy = GridItemLegacy;
|
|
12006
12069
|
exports.Header = Header;
|
|
12007
12070
|
exports.Icon = Icon;
|
|
12008
12071
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|