@royaloperahouse/chord 2.4.4 → 2.4.5-c-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 +421 -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 +421 -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,61 @@ 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 allMatches = [];
|
|
7346
|
-
var match;
|
|
7399
|
+
var textContent = stripAllHtmlTags(htmlString);
|
|
7347
7400
|
|
|
7348
|
-
|
|
7349
|
-
|
|
7350
|
-
value: match[0],
|
|
7351
|
-
index: match.index
|
|
7352
|
-
});
|
|
7401
|
+
if (textContent.length <= resultLength) {
|
|
7402
|
+
return htmlString;
|
|
7353
7403
|
}
|
|
7354
7404
|
|
|
7355
|
-
|
|
7356
|
-
|
|
7357
|
-
|
|
7358
|
-
var insertString = function insertString(mainString, str, position) {
|
|
7359
|
-
return "" + mainString.substring(0, position) + str + mainString.substring(position);
|
|
7360
|
-
};
|
|
7405
|
+
var accumulatedText = '';
|
|
7406
|
+
var tagStack = [];
|
|
7407
|
+
var charCount = 0;
|
|
7361
7408
|
|
|
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
|
|
7409
|
+
var closeTags = function closeTags() {
|
|
7410
|
+
while (tagStack.length > 0) {
|
|
7411
|
+
accumulatedText += '</' + tagStack.pop() + '>';
|
|
7412
|
+
}
|
|
7373
7413
|
};
|
|
7374
|
-
};
|
|
7375
7414
|
|
|
7376
|
-
var
|
|
7377
|
-
|
|
7378
|
-
addDots = false;
|
|
7379
|
-
}
|
|
7415
|
+
for (var i = 0; i < htmlString.length; i++) {
|
|
7416
|
+
var _char = htmlString[i];
|
|
7380
7417
|
|
|
7381
|
-
|
|
7382
|
-
|
|
7418
|
+
if (_char === '<') {
|
|
7419
|
+
accumulatedText += _char;
|
|
7383
7420
|
|
|
7384
|
-
|
|
7385
|
-
|
|
7386
|
-
|
|
7421
|
+
if (htmlString[i + 1] !== '/') {
|
|
7422
|
+
var tagNameEnd = htmlString.indexOf('>', i);
|
|
7423
|
+
var tagName = htmlString.slice(i + 1, tagNameEnd).split(' ')[0];
|
|
7424
|
+
tagStack.push(tagName);
|
|
7425
|
+
accumulatedText += tagName + ">";
|
|
7426
|
+
i = tagNameEnd;
|
|
7427
|
+
}
|
|
7428
|
+
} else if (_char === '>') {
|
|
7429
|
+
accumulatedText += _char;
|
|
7430
|
+
} else if (charCount < resultLength) {
|
|
7431
|
+
accumulatedText += _char;
|
|
7432
|
+
charCount++;
|
|
7433
|
+
}
|
|
7387
7434
|
|
|
7388
|
-
|
|
7389
|
-
|
|
7390
|
-
|
|
7391
|
-
|
|
7435
|
+
if (charCount >= resultLength) {
|
|
7436
|
+
if (addDots) {
|
|
7437
|
+
accumulatedText += '...';
|
|
7438
|
+
}
|
|
7439
|
+
|
|
7440
|
+
break;
|
|
7441
|
+
}
|
|
7442
|
+
}
|
|
7443
|
+
|
|
7444
|
+
closeTags();
|
|
7445
|
+
return accumulatedText;
|
|
7392
7446
|
};
|
|
7393
7447
|
var truncate = function truncate(str, n) {
|
|
7394
7448
|
return str.length >= n ? str.substring(0, n) : str;
|
|
@@ -7532,9 +7586,9 @@ var Card = function Card(_ref) {
|
|
|
7532
7586
|
dangerouslySetInnerHTML: {
|
|
7533
7587
|
__html: truncatedText
|
|
7534
7588
|
}
|
|
7535
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7589
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7536
7590
|
level: 1
|
|
7537
|
-
}, highlightText))
|
|
7591
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7538
7592
|
fullWidth: fullWidth
|
|
7539
7593
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7540
7594
|
ref: node,
|
|
@@ -7548,8 +7602,8 @@ var Card = function Card(_ref) {
|
|
|
7548
7602
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7549
7603
|
};
|
|
7550
7604
|
|
|
7551
|
-
var _templateObject$
|
|
7552
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7605
|
+
var _templateObject$S, _templateObject2$z;
|
|
7606
|
+
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
7607
|
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
7608
|
|
|
7555
7609
|
var Cards = function Cards(_ref) {
|
|
@@ -7595,8 +7649,8 @@ var Cards = function Cards(_ref) {
|
|
|
7595
7649
|
}));
|
|
7596
7650
|
};
|
|
7597
7651
|
|
|
7598
|
-
var _templateObject$
|
|
7599
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7652
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7653
|
+
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
7654
|
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
7655
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7602
7656
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7664,8 +7718,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7664
7718
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7665
7719
|
};
|
|
7666
7720
|
|
|
7667
|
-
var _templateObject$
|
|
7668
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
7721
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
7722
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7669
7723
|
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
7724
|
return props.clickable ? 'pointer' : 'default';
|
|
7671
7725
|
}, devices.mobile);
|
|
@@ -7674,7 +7728,7 @@ var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
|
7674
7728
|
return props.showImage ? 2 : '1 / span 4';
|
|
7675
7729
|
}, devices.mobile);
|
|
7676
7730
|
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$
|
|
7731
|
+
var BodyTextLimit = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n"])));
|
|
7678
7732
|
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
7733
|
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
7734
|
});
|
|
@@ -7747,8 +7801,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7747
7801
|
}), link.text)));
|
|
7748
7802
|
};
|
|
7749
7803
|
|
|
7750
|
-
var _templateObject$
|
|
7751
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7804
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7805
|
+
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
7806
|
var imageToLeft = _ref.imageToLeft;
|
|
7753
7807
|
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
7808
|
}, devices.mobile);
|
|
@@ -7825,8 +7879,8 @@ var BackgroundColour;
|
|
|
7825
7879
|
BackgroundColour["White"] = "white";
|
|
7826
7880
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7827
7881
|
|
|
7828
|
-
var _templateObject$
|
|
7829
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7882
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7883
|
+
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
7884
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7831
7885
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7832
7886
|
if (!props.infoThemed) {
|
|
@@ -7952,8 +8006,8 @@ var Information = function Information(_ref) {
|
|
|
7952
8006
|
}))));
|
|
7953
8007
|
};
|
|
7954
8008
|
|
|
7955
|
-
var _templateObject$
|
|
7956
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8009
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8010
|
+
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
8011
|
var theme = _ref.theme;
|
|
7958
8012
|
return theme.colors.primary;
|
|
7959
8013
|
}, function (_ref2) {
|
|
@@ -7970,7 +8024,7 @@ var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_t
|
|
|
7970
8024
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7971
8025
|
}, devices.mobile);
|
|
7972
8026
|
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$
|
|
8027
|
+
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
8028
|
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
8029
|
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
8030
|
|
|
@@ -8053,13 +8107,13 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8053
8107
|
})));
|
|
8054
8108
|
};
|
|
8055
8109
|
|
|
8056
|
-
var _templateObject$
|
|
8057
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8110
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8111
|
+
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
8112
|
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
8113
|
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
8114
|
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
8115
|
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$
|
|
8116
|
+
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
8117
|
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
8118
|
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
8119
|
|
|
@@ -8127,8 +8181,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8127
8181
|
}, "Scroll Down")) : null);
|
|
8128
8182
|
};
|
|
8129
8183
|
|
|
8130
|
-
var _templateObject$
|
|
8131
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8184
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8185
|
+
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
8186
|
var color = _ref.color;
|
|
8133
8187
|
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
8188
|
}, devices.mobileAndTablet);
|
|
@@ -8172,8 +8226,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8172
8226
|
}))));
|
|
8173
8227
|
};
|
|
8174
8228
|
|
|
8175
|
-
var _templateObject$
|
|
8176
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8229
|
+
var _templateObject$_;
|
|
8230
|
+
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
8231
|
|
|
8178
8232
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8179
8233
|
var link = _ref.link,
|
|
@@ -8193,12 +8247,12 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8193
8247
|
}))));
|
|
8194
8248
|
};
|
|
8195
8249
|
|
|
8196
|
-
var _templateObject
|
|
8197
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8250
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8251
|
+
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
8252
|
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
8253
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8200
8254
|
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$
|
|
8255
|
+
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
8256
|
var invert = _ref.invert,
|
|
8203
8257
|
theme = _ref.theme;
|
|
8204
8258
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8298,10 +8352,14 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
8298
8352
|
}, truncate(stripAllHtmlTags(brandingText), 25));
|
|
8299
8353
|
|
|
8300
8354
|
case 'StreamLogo':
|
|
8301
|
-
return /*#__PURE__*/React__default.createElement(StreamBadge,
|
|
8355
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
8356
|
+
invert: invert
|
|
8357
|
+
});
|
|
8302
8358
|
|
|
8303
8359
|
case 'CinemaLogo':
|
|
8304
|
-
return /*#__PURE__*/React__default.createElement(CinemaBadge,
|
|
8360
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
8361
|
+
invert: invert
|
|
8362
|
+
});
|
|
8305
8363
|
|
|
8306
8364
|
default:
|
|
8307
8365
|
return null;
|
|
@@ -8320,7 +8378,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8320
8378
|
var isIOS = function isIOS() {
|
|
8321
8379
|
try {
|
|
8322
8380
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8323
|
-
if (typeof navigator === undefined) return false;
|
|
8381
|
+
if (typeof navigator === 'undefined') return false;
|
|
8324
8382
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8325
8383
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8326
8384
|
} catch (e) {
|
|
@@ -8336,7 +8394,7 @@ var useIOS = function useIOS() {
|
|
|
8336
8394
|
setIOS = _useState[1];
|
|
8337
8395
|
|
|
8338
8396
|
React.useEffect(function () {
|
|
8339
|
-
if (typeof navigator === undefined) return;
|
|
8397
|
+
if (typeof navigator === 'undefined') return;
|
|
8340
8398
|
setIOS(isIOS());
|
|
8341
8399
|
}, []);
|
|
8342
8400
|
return IOS;
|
|
@@ -8522,8 +8580,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8522
8580
|
}), linkText))));
|
|
8523
8581
|
};
|
|
8524
8582
|
|
|
8525
|
-
var _templateObject
|
|
8526
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
8583
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8584
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8527
8585
|
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
8586
|
|
|
8529
8587
|
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 +8657,13 @@ var Pagination = function Pagination(_ref) {
|
|
|
8599
8657
|
}))));
|
|
8600
8658
|
};
|
|
8601
8659
|
|
|
8602
|
-
var _templateObject$
|
|
8603
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8660
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$i;
|
|
8661
|
+
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
8662
|
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
8663
|
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
8664
|
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$
|
|
8665
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
8666
|
+
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
8667
|
|
|
8610
8668
|
var Person = function Person(_ref) {
|
|
8611
8669
|
var person = _ref.person,
|
|
@@ -8656,11 +8714,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8656
8714
|
}));
|
|
8657
8715
|
};
|
|
8658
8716
|
|
|
8659
|
-
var _templateObject$
|
|
8660
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8717
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8718
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8661
8719
|
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
|
|
8720
|
+
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"])));
|
|
8721
|
+
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
8722
|
|
|
8665
8723
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8666
8724
|
return array.reduce(function (acc, item) {
|
|
@@ -8671,12 +8729,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8671
8729
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8672
8730
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8673
8731
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8674
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8732
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
8733
|
+
key: index
|
|
8734
|
+
}, title));
|
|
8675
8735
|
} else if (index > 0) {
|
|
8676
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8736
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8737
|
+
key: index
|
|
8738
|
+
}, ", ", title);
|
|
8677
8739
|
}
|
|
8678
8740
|
|
|
8679
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8741
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8742
|
+
key: index
|
|
8743
|
+
}, title);
|
|
8680
8744
|
}));
|
|
8681
8745
|
};
|
|
8682
8746
|
|
|
@@ -8728,14 +8792,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8728
8792
|
}));
|
|
8729
8793
|
};
|
|
8730
8794
|
|
|
8731
|
-
var _templateObject$
|
|
8795
|
+
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
8796
|
var LENGTH_TEXT = 28;
|
|
8733
8797
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8734
8798
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8735
8799
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8736
8800
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8737
8801
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8738
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8802
|
+
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
8803
|
var imageToLeft = _ref.imageToLeft;
|
|
8740
8804
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8741
8805
|
}, devices.tablet, function (_ref2) {
|
|
@@ -8788,7 +8852,7 @@ var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
|
8788
8852
|
var marginBottom = _ref10.marginBottom;
|
|
8789
8853
|
return marginBottom + "px";
|
|
8790
8854
|
});
|
|
8791
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$
|
|
8855
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
8792
8856
|
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
8857
|
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
8858
|
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 +9070,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9006
9070
|
}))));
|
|
9007
9071
|
};
|
|
9008
9072
|
|
|
9009
|
-
var _templateObject$
|
|
9073
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$k, _templateObject7$d;
|
|
9010
9074
|
var LENGTH_TEXT$2 = 28;
|
|
9011
9075
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9012
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9076
|
+
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
9077
|
var imageToLeft = _ref.imageToLeft;
|
|
9014
9078
|
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
9079
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9026,7 +9090,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
9026
9090
|
}, devices.mobile);
|
|
9027
9091
|
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
9092
|
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$
|
|
9093
|
+
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
9094
|
var theme = _ref5.theme;
|
|
9031
9095
|
return theme.colors.black;
|
|
9032
9096
|
}, function (_ref6) {
|
|
@@ -9062,8 +9126,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
9062
9126
|
return '';
|
|
9063
9127
|
});
|
|
9064
9128
|
|
|
9065
|
-
var _templateObject$
|
|
9066
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9129
|
+
var _templateObject$15;
|
|
9130
|
+
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
9131
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9068
9132
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9069
9133
|
return aspectRatio;
|
|
@@ -9267,8 +9331,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9267
9331
|
}, 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
9332
|
};
|
|
9269
9333
|
|
|
9270
|
-
var _templateObject$
|
|
9271
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9334
|
+
var _templateObject$16;
|
|
9335
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9272
9336
|
|
|
9273
9337
|
/**
|
|
9274
9338
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9326,8 +9390,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9326
9390
|
})));
|
|
9327
9391
|
};
|
|
9328
9392
|
|
|
9329
|
-
var _templateObject$
|
|
9330
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9393
|
+
var _templateObject$17, _templateObject2$N, _templateObject3$F;
|
|
9394
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9331
9395
|
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
9396
|
var horizontalMode = _ref.horizontalMode;
|
|
9333
9397
|
if (horizontalMode) return 'row';
|
|
@@ -9416,8 +9480,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9416
9480
|
}, error)));
|
|
9417
9481
|
};
|
|
9418
9482
|
|
|
9419
|
-
var _templateObject$
|
|
9420
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9483
|
+
var _templateObject$18, _templateObject2$O, _templateObject3$G;
|
|
9484
|
+
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
9485
|
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
9486
|
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
9487
|
|
|
@@ -9481,8 +9545,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9481
9545
|
})))));
|
|
9482
9546
|
};
|
|
9483
9547
|
|
|
9484
|
-
var _templateObject$
|
|
9485
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9548
|
+
var _templateObject$19;
|
|
9549
|
+
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
9550
|
|
|
9487
9551
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9488
9552
|
var title = _ref.title,
|
|
@@ -9510,8 +9574,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9510
9574
|
}, description))));
|
|
9511
9575
|
};
|
|
9512
9576
|
|
|
9513
|
-
var _templateObject$
|
|
9514
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9577
|
+
var _templateObject$1a, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$l, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9578
|
+
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
9579
|
var theme = _ref.theme;
|
|
9516
9580
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9517
9581
|
}, function (_ref2) {
|
|
@@ -9535,7 +9599,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
9535
9599
|
title: 'Select Arrow'
|
|
9536
9600
|
};
|
|
9537
9601
|
})(_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$
|
|
9602
|
+
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
9603
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
9540
9604
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
9541
9605
|
var Option = /*#__PURE__*/styled__default.li(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n"])), noMarginAndPaddingStyles, listItemStyles, function (_ref6) {
|
|
@@ -9933,8 +9997,8 @@ function Select(_ref3) {
|
|
|
9933
9997
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9934
9998
|
}
|
|
9935
9999
|
|
|
9936
|
-
var _templateObject$
|
|
9937
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10000
|
+
var _templateObject$1b, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
10001
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9938
10002
|
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
10003
|
var width = _ref.width;
|
|
9940
10004
|
if (!width) return 'none';
|
|
@@ -10073,8 +10137,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10073
10137
|
})));
|
|
10074
10138
|
};
|
|
10075
10139
|
|
|
10076
|
-
var _templateObject$
|
|
10077
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10140
|
+
var _templateObject$1c;
|
|
10141
|
+
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
10142
|
var theme = _ref.theme;
|
|
10079
10143
|
return theme.colors.primary;
|
|
10080
10144
|
});
|
|
@@ -10102,8 +10166,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10102
10166
|
})));
|
|
10103
10167
|
};
|
|
10104
10168
|
|
|
10105
|
-
var _templateObject$
|
|
10106
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10169
|
+
var _templateObject$1d, _templateObject2$R;
|
|
10170
|
+
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
10171
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10108
10172
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10109
10173
|
return aspectRatio;
|
|
@@ -10151,8 +10215,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10151
10215
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10152
10216
|
};
|
|
10153
10217
|
|
|
10154
|
-
var _templateObject$
|
|
10155
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10218
|
+
var _templateObject$1e, _templateObject2$S, _templateObject3$J;
|
|
10219
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10156
10220
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10157
10221
|
var displayAttribution = _ref.displayAttribution;
|
|
10158
10222
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10181,13 +10245,13 @@ var Quote = function Quote(_ref) {
|
|
|
10181
10245
|
}, attribution))));
|
|
10182
10246
|
};
|
|
10183
10247
|
|
|
10184
|
-
var _templateObject$
|
|
10185
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10248
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$m;
|
|
10249
|
+
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
10250
|
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
10251
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10188
10252
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
10189
10253
|
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$
|
|
10254
|
+
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
10255
|
|
|
10192
10256
|
var MiniCard = function MiniCard(_ref) {
|
|
10193
10257
|
var _ref$title = _ref.title,
|
|
@@ -10225,11 +10289,18 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10225
10289
|
}, title)))));
|
|
10226
10290
|
};
|
|
10227
10291
|
|
|
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
|
|
10292
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$L, _templateObject4$A, _templateObject5$s;
|
|
10293
|
+
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"])));
|
|
10294
|
+
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"])));
|
|
10295
|
+
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) {
|
|
10296
|
+
var isVisible = _ref.isVisible;
|
|
10297
|
+
return isVisible ? 'visible' : 'hidden';
|
|
10298
|
+
});
|
|
10299
|
+
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) {
|
|
10300
|
+
var isVisible = _ref2.isVisible;
|
|
10301
|
+
return isVisible ? 'visible' : 'hidden';
|
|
10302
|
+
});
|
|
10303
|
+
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
10304
|
|
|
10234
10305
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10235
10306
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10257,14 +10328,6 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10257
10328
|
textHeight = _useState2[0],
|
|
10258
10329
|
setTextHeight = _useState2[1];
|
|
10259
10330
|
|
|
10260
|
-
var _useState3 = React.useState(initOpen ? {
|
|
10261
|
-
visibility: 'visible'
|
|
10262
|
-
} : {
|
|
10263
|
-
visibility: 'hidden'
|
|
10264
|
-
}),
|
|
10265
|
-
textVisibility = _useState3[0],
|
|
10266
|
-
setTextVisibility = _useState3[1];
|
|
10267
|
-
|
|
10268
10331
|
var readMoreContent = React.useRef(null);
|
|
10269
10332
|
React.useEffect(function () {
|
|
10270
10333
|
if (readMoreContent != null && readMoreContent.current && initOpen) {
|
|
@@ -10277,11 +10340,6 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10277
10340
|
if (typeof fullText === 'string' && fullText.length === 0) return;
|
|
10278
10341
|
setIsFullTextOpen(!isFullTextOpen);
|
|
10279
10342
|
setTextHeight(isFullTextOpen ? '0px' : readMoreContent.current.scrollHeight + "px");
|
|
10280
|
-
setTextVisibility(isFullTextOpen ? {
|
|
10281
|
-
visibility: 'hidden'
|
|
10282
|
-
} : {
|
|
10283
|
-
visibility: 'visible'
|
|
10284
|
-
});
|
|
10285
10343
|
};
|
|
10286
10344
|
|
|
10287
10345
|
var handleKeyDown = function handleKeyDown(e) {
|
|
@@ -10292,7 +10350,9 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10292
10350
|
var truncatedText = truncate ? truncateReactNodeString(introText != null ? introText : '', INTRO_CHAR_LIMIT, true) : introText;
|
|
10293
10351
|
|
|
10294
10352
|
var IntroText = function IntroText() {
|
|
10295
|
-
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$5, null, /*#__PURE__*/React__default.createElement(
|
|
10353
|
+
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$5, null, /*#__PURE__*/React__default.createElement(IntroTextContainer, {
|
|
10354
|
+
isVisible: !isFullTextOpen
|
|
10355
|
+
}, truncate ? /*#__PURE__*/React__default.createElement("div", {
|
|
10296
10356
|
dangerouslySetInnerHTML: {
|
|
10297
10357
|
__html: "" + truncatedText
|
|
10298
10358
|
}
|
|
@@ -10319,7 +10379,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10319
10379
|
maxHeight: "" + textHeight
|
|
10320
10380
|
}
|
|
10321
10381
|
}, /*#__PURE__*/React__default.createElement(FullTextContainer, {
|
|
10322
|
-
|
|
10382
|
+
isVisible: isFullTextOpen
|
|
10323
10383
|
}, fullText)), /*#__PURE__*/React__default.createElement(LinkContainer, null, (fullText || isFullTextOpen) && /*#__PURE__*/React__default.createElement(TextLink, {
|
|
10324
10384
|
tabIndex: 0,
|
|
10325
10385
|
role: "button",
|
|
@@ -10327,15 +10387,113 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10327
10387
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10328
10388
|
};
|
|
10329
10389
|
|
|
10330
|
-
var _templateObject$
|
|
10331
|
-
var
|
|
10332
|
-
var
|
|
10333
|
-
var
|
|
10334
|
-
var
|
|
10390
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$t, _templateObject6$n;
|
|
10391
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10392
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10393
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10394
|
+
var color = _ref.color;
|
|
10395
|
+
return "var(--base-color-" + color + ")";
|
|
10396
|
+
});
|
|
10397
|
+
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"])));
|
|
10398
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10399
|
+
var color = _ref2.color;
|
|
10400
|
+
return "var(--base-color-" + color + ")";
|
|
10401
|
+
});
|
|
10402
|
+
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) {
|
|
10403
|
+
var color = _ref3.color;
|
|
10404
|
+
return "var(--base-color-" + color + ")";
|
|
10405
|
+
});
|
|
10406
|
+
|
|
10407
|
+
/**
|
|
10408
|
+
* Password strength indicator component.
|
|
10409
|
+
* This renders some number of lines (6 by default)
|
|
10410
|
+
* which should become active when the user improves
|
|
10411
|
+
* the strength of the entered password.
|
|
10412
|
+
*
|
|
10413
|
+
* ## Sections
|
|
10414
|
+
* To set number of sections it should be passed
|
|
10415
|
+
* as `sections` prop.
|
|
10416
|
+
*
|
|
10417
|
+
* ## Active section
|
|
10418
|
+
* To set number of active sections it should be passed
|
|
10419
|
+
* as `activeSections` prop.
|
|
10420
|
+
*
|
|
10421
|
+
* ## Colors
|
|
10422
|
+
* Color of every element can be controlled by properties:
|
|
10423
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10424
|
+
* `textColor`, `strengthLabelColor`.
|
|
10425
|
+
*
|
|
10426
|
+
* ## Text
|
|
10427
|
+
* `text` prop is used to render some message.
|
|
10428
|
+
* For example error (together with proper red color)
|
|
10429
|
+
* or some password requirement. It can be empty.
|
|
10430
|
+
*
|
|
10431
|
+
* ## Strength label
|
|
10432
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10433
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10434
|
+
* It can be empty.
|
|
10435
|
+
*/
|
|
10436
|
+
|
|
10437
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10438
|
+
var _ref$sections = _ref.sections,
|
|
10439
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10440
|
+
_ref$activeSections = _ref.activeSections,
|
|
10441
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10442
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10443
|
+
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10444
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10445
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10446
|
+
_ref$text = _ref.text,
|
|
10447
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10448
|
+
_ref$textColor = _ref.textColor,
|
|
10449
|
+
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10450
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10451
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10452
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10453
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10454
|
+
|
|
10455
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10456
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10457
|
+
};
|
|
10458
|
+
|
|
10459
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10460
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10461
|
+
};
|
|
10462
|
+
|
|
10463
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10464
|
+
"data-testid": "password-strength-container"
|
|
10465
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10466
|
+
"data-testid": "password-strength-sections"
|
|
10467
|
+
}, Array.from({
|
|
10468
|
+
length: sections
|
|
10469
|
+
}, function (_section, i) {
|
|
10470
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10471
|
+
key: i,
|
|
10472
|
+
color: setSectionColor(i),
|
|
10473
|
+
"data-testid": setSectionDataTestId(i)
|
|
10474
|
+
});
|
|
10475
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10476
|
+
color: textColor,
|
|
10477
|
+
"data-testid": "password-strength-text"
|
|
10478
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10479
|
+
level: 6
|
|
10480
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10481
|
+
color: strengthLabelColor,
|
|
10482
|
+
"data-testid": "password-strength-label"
|
|
10483
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10484
|
+
level: 2
|
|
10485
|
+
}, strengthLabel))));
|
|
10486
|
+
};
|
|
10487
|
+
|
|
10488
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$u;
|
|
10489
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10490
|
+
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);
|
|
10491
|
+
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);
|
|
10492
|
+
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
10493
|
var isActive = _ref.isActive;
|
|
10336
10494
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10337
10495
|
}, exports.Colors.MidGrey);
|
|
10338
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
10496
|
+
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
10497
|
var isOpen = _ref2.isOpen;
|
|
10340
10498
|
return isOpen ? 'block' : 'none';
|
|
10341
10499
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -10505,106 +10663,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10505
10663
|
});
|
|
10506
10664
|
};
|
|
10507
10665
|
|
|
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"])));
|
|
10666
|
+
var _templateObject$1j, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$v, _templateObject6$o, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10667
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10608
10668
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10609
10669
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10610
10670
|
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 +10672,12 @@ var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templa
|
|
|
10612
10672
|
}, function (props) {
|
|
10613
10673
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10614
10674
|
}, devices.tablet, devices.mobile);
|
|
10615
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
10675
|
+
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
10676
|
return "var(--base-color-" + props.lineColor + ")";
|
|
10617
10677
|
}, function (props) {
|
|
10618
10678
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10619
10679
|
}, devices.mobile);
|
|
10620
|
-
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10680
|
+
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
10681
|
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
10682
|
var active = _ref.active;
|
|
10623
10683
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
@@ -10887,8 +10947,8 @@ var LiveChat = function LiveChat() {
|
|
|
10887
10947
|
});
|
|
10888
10948
|
};
|
|
10889
10949
|
|
|
10890
|
-
var _templateObject$
|
|
10891
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10950
|
+
var _templateObject$1k, _templateObject2$Y;
|
|
10951
|
+
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
10952
|
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
10953
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10894
10954
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -10917,8 +10977,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10917
10977
|
}, children)));
|
|
10918
10978
|
};
|
|
10919
10979
|
|
|
10920
|
-
var _templateObject$
|
|
10921
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10980
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10981
|
+
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
10982
|
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
10983
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10924
10984
|
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 +11101,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11041
11101
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11042
11102
|
};
|
|
11043
11103
|
|
|
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) {
|
|
11104
|
+
var _templateObject$1m;
|
|
11105
|
+
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
11106
|
var theme = _ref.theme;
|
|
11047
11107
|
return theme.colors.primary;
|
|
11048
11108
|
}, function (_ref2) {
|
|
@@ -12003,6 +12063,7 @@ exports.Footer = Footer;
|
|
|
12003
12063
|
exports.GlobalStyles = GlobalStyles;
|
|
12004
12064
|
exports.Grid = Grid;
|
|
12005
12065
|
exports.GridItem = GridItem;
|
|
12066
|
+
exports.GridItemLegacy = GridItemLegacy;
|
|
12006
12067
|
exports.Header = Header;
|
|
12007
12068
|
exports.Icon = Icon;
|
|
12008
12069
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|