@royaloperahouse/harmonic 0.18.3-c → 0.18.3-d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +0 -3
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/molecules/Select2/Select2.d.ts +1 -1
- package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts +1 -1
- package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts +1 -1
- package/dist/harmonic.cjs.development.css +0 -319
- package/dist/harmonic.cjs.development.js +96 -173
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +104 -184
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
- package/dist/types/types.d.ts +1 -9
- package/package.json +4 -3
- package/dist/components/atoms/Icons/SvgIcons/Access/Captioned.svg.d.ts +0 -4
- package/dist/components/atoms/Icons/SvgIcons/Access/FamilyFriendly.svg.d.ts +0 -4
- package/dist/components/atoms/Icons/SvgIcons/Access/TouchTour.svg.d.ts +0 -4
package/dist/harmonic.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default, { createElement, memo, useCallback, useRef, useImperativeHandle, useMemo, useEffect, useState, forwardRef, cloneElement, useLayoutEffect } from 'react';
|
|
2
2
|
import styled, { css, ThemeProvider, createGlobalStyle } from 'styled-components';
|
|
3
|
-
import
|
|
3
|
+
import moment from 'moment';
|
|
4
4
|
import { renderToString } from 'react-dom/server';
|
|
5
5
|
import Select$1, { components } from 'react-select';
|
|
6
6
|
import Select$2 from 'react-select/async';
|
|
@@ -2041,7 +2041,7 @@ var AudioDescription = (function (_ref) {
|
|
|
2041
2041
|
return /*#__PURE__*/createElement("svg", {
|
|
2042
2042
|
width: "100%",
|
|
2043
2043
|
height: "100%",
|
|
2044
|
-
viewBox: "0 0
|
|
2044
|
+
viewBox: "0 0 24 24",
|
|
2045
2045
|
fill: "none",
|
|
2046
2046
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2047
2047
|
"aria-label": ariaLabel
|
|
@@ -2049,10 +2049,10 @@ var AudioDescription = (function (_ref) {
|
|
|
2049
2049
|
d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
|
|
2050
2050
|
fill: color
|
|
2051
2051
|
}), /*#__PURE__*/createElement("path", {
|
|
2052
|
-
d: "
|
|
2052
|
+
d: "M8.17938 9H9.33938L11.8994 15H10.5894L9.99937 13.64H7.44937L6.88937 15H5.60938L8.17938 9ZM9.57937 12.53L8.73937 10.53L7.89937 12.53H9.57937Z",
|
|
2053
2053
|
fill: color
|
|
2054
2054
|
}), /*#__PURE__*/createElement("path", {
|
|
2055
|
-
d: "M12.
|
|
2055
|
+
d: "M12.9199 8.99994H15.2199C15.628 8.97678 16.0364 9.03723 16.4202 9.17759C16.8041 9.31795 17.1552 9.53526 17.452 9.81618C17.7489 10.0971 17.9852 10.4357 18.1464 10.8112C18.3077 11.1867 18.3906 11.5913 18.3899 11.9999C18.3906 12.4086 18.3077 12.8131 18.1464 13.1887C17.9852 13.5642 17.7489 13.9028 17.452 14.1837C17.1552 14.4646 16.8041 14.6819 16.4202 14.8223C16.0364 14.9626 15.628 15.0231 15.2199 14.9999H12.9199V8.99994ZM14.1799 10.1399V13.8199H15.1799C15.4276 13.8417 15.6771 13.8101 15.9115 13.7273C16.1459 13.6445 16.3599 13.5124 16.539 13.34C16.7181 13.1675 16.8582 12.9587 16.9497 12.7275C17.0413 12.4964 17.0823 12.2483 17.0699 11.9999C17.0814 11.7544 17.0414 11.5092 16.9523 11.28C16.8633 11.0509 16.7273 10.843 16.553 10.6697C16.3787 10.4963 16.17 10.3614 15.9404 10.2736C15.7108 10.1858 15.4654 10.1471 15.2199 10.1599L14.1799 10.1399Z",
|
|
2056
2056
|
fill: color
|
|
2057
2057
|
}));
|
|
2058
2058
|
});
|
|
@@ -2092,16 +2092,16 @@ var BritishSignLanguage = (function (_ref) {
|
|
|
2092
2092
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2093
2093
|
"aria-label": ariaLabel
|
|
2094
2094
|
}, /*#__PURE__*/createElement("path", {
|
|
2095
|
-
d: "M21
|
|
2095
|
+
d: "M21.6953 5.33203V19.332H3.69531V5.33203H21.6953ZM22.6953 4.33203H2.69531V20.332H22.6953V4.33203Z",
|
|
2096
2096
|
fill: color
|
|
2097
2097
|
}), /*#__PURE__*/createElement("path", {
|
|
2098
|
-
d: "M5.
|
|
2098
|
+
d: "M5.69531 15.156V9.33203H8.37531C9.03931 9.33203 9.56731 9.51603 9.90331 9.84403C10.1673 10.116 10.2953 10.436 10.2953 10.836V10.852C10.2953 11.516 9.93531 11.884 9.51931 12.116C10.1913 12.364 10.6233 12.756 10.6233 13.54V13.556C10.6233 14.62 9.75931 15.156 8.44731 15.156H5.69531ZM9.07131 11.052V11.036C9.07131 10.644 8.75931 10.412 8.19931 10.412H6.88731V11.708H8.11931C8.70331 11.708 9.07131 11.508 9.07131 11.052ZM9.39931 13.396C9.39931 12.98 9.08731 12.732 8.39931 12.732H6.88731V14.076H8.44731C9.03931 14.076 9.39931 13.86 9.39931 13.412V13.396Z",
|
|
2099
2099
|
fill: color
|
|
2100
2100
|
}), /*#__PURE__*/createElement("path", {
|
|
2101
|
-
d: "M13.
|
|
2101
|
+
d: "M13.1593 15.316C12.2713 15.316 11.3913 15.012 10.6953 14.388L11.4233 13.516C11.9513 13.956 12.5033 14.236 13.1833 14.236C13.7273 14.236 14.0633 14.004 14.0633 13.644V13.628C14.0633 13.284 13.8553 13.108 12.8633 12.86C11.6713 12.564 10.9273 12.228 10.9273 11.084V11.068C10.9273 10.028 11.7753 9.33203 12.9593 9.33203C13.8073 9.33203 14.5193 9.59603 15.1113 10.068L14.4633 10.996C13.9513 10.628 13.4393 10.412 12.9353 10.412C12.4233 10.412 12.1513 10.66 12.1513 10.956V10.972C12.1513 11.372 12.4073 11.508 13.4313 11.772C14.6233 12.076 15.2873 12.508 15.2873 13.508V13.524C15.2873 14.668 14.4073 15.316 13.1593 15.316Z",
|
|
2102
2102
|
fill: color
|
|
2103
2103
|
}), /*#__PURE__*/createElement("path", {
|
|
2104
|
-
d: "M15.
|
|
2104
|
+
d: "M15.6953 15.156V9.33203H16.9193V14.036H19.8553V15.156H15.6953Z",
|
|
2105
2105
|
fill: color
|
|
2106
2106
|
}));
|
|
2107
2107
|
});
|
|
@@ -2175,78 +2175,6 @@ var OpenCaptions = (function (_ref) {
|
|
|
2175
2175
|
}));
|
|
2176
2176
|
});
|
|
2177
2177
|
|
|
2178
|
-
var Captioned = (function (_ref) {
|
|
2179
|
-
var _ref$color = _ref.color,
|
|
2180
|
-
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2181
|
-
ariaLabel = _ref.ariaLabel;
|
|
2182
|
-
return /*#__PURE__*/createElement("svg", {
|
|
2183
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2184
|
-
width: "100%",
|
|
2185
|
-
height: "100%",
|
|
2186
|
-
viewBox: "0 0 25 25",
|
|
2187
|
-
fill: "none",
|
|
2188
|
-
"aria-label": ariaLabel
|
|
2189
|
-
}, /*#__PURE__*/createElement("path", {
|
|
2190
|
-
d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
|
|
2191
|
-
fill: color
|
|
2192
|
-
}), /*#__PURE__*/createElement("path", {
|
|
2193
|
-
d: "M9.23998 12.89C9.23998 13.43 9.12999 13.91 8.87999 14.29C8.53999 14.83 7.92999 15.12 7.17999 15.12C6.33999 15.12 5.63998 14.71 5.23998 13.91C4.98998 13.41 4.85999 12.76 4.85999 12.01C4.85999 10.12 5.68999 8.91 7.18999 8.91C8.28999 8.91 9.06998 9.71 9.06998 10.85C9.06998 10.94 9.06999 11.14 9.03999 11.25L8.06998 11.29C8.08998 11.21 8.09999 11.06 8.09999 10.92C8.09999 10.31 7.79999 9.8 7.18999 9.8C6.35999 9.8 5.92999 10.68 5.92999 12.01C5.92999 12.53 5.98999 12.98 6.11999 13.34C6.28999 13.82 6.59999 14.22 7.18999 14.22C7.93999 14.22 8.30999 13.71 8.34999 12.69L9.24999 12.74V12.88L9.23998 12.89Z",
|
|
2194
|
-
fill: color
|
|
2195
|
-
}), /*#__PURE__*/createElement("path", {
|
|
2196
|
-
d: "M13.31 15L12.94 13.77H10.99L10.62 15H9.59998L11.47 9.05H12.49L14.36 15H13.3H13.31ZM12.27 11.56C12.16 11.21 12.07 10.91 11.97 10.52C11.86 10.92 11.77 11.25 11.67 11.56L11.25 12.92H12.68L12.26 11.56H12.27Z",
|
|
2197
|
-
fill: color
|
|
2198
|
-
}), /*#__PURE__*/createElement("path", {
|
|
2199
|
-
d: "M15.17 15V9.05H17.27C17.88 9.05 18.27 9.21 18.56 9.47C18.93 9.8 19.12 10.29 19.12 10.83C19.12 11.37 18.92 11.86 18.56 12.19C18.27 12.45 17.88 12.61 17.27 12.61H16.23V14.99H15.17V15ZM17.11 11.73C17.52 11.73 17.71 11.64 17.84 11.48C17.98 11.32 18.06 11.09 18.06 10.83C18.06 10.57 17.98 10.35 17.84 10.18C17.71 10.03 17.52 9.93 17.11 9.93H16.23V11.72H17.11V11.73Z",
|
|
2200
|
-
fill: color
|
|
2201
|
-
}));
|
|
2202
|
-
});
|
|
2203
|
-
|
|
2204
|
-
var FamilyFriendly = (function (_ref) {
|
|
2205
|
-
var _ref$color = _ref.color,
|
|
2206
|
-
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2207
|
-
ariaLabel = _ref.ariaLabel;
|
|
2208
|
-
return /*#__PURE__*/createElement("svg", {
|
|
2209
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2210
|
-
width: "100%",
|
|
2211
|
-
height: "100%",
|
|
2212
|
-
viewBox: "0 0 25 25",
|
|
2213
|
-
fill: "none",
|
|
2214
|
-
"aria-label": ariaLabel
|
|
2215
|
-
}, /*#__PURE__*/createElement("path", {
|
|
2216
|
-
d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
|
|
2217
|
-
fill: color
|
|
2218
|
-
}), /*#__PURE__*/createElement("path", {
|
|
2219
|
-
d: "M8.21 15V9.04999H11.57V9.93999H9.28V11.64H10.89V12.49H9.28V15H8.22H8.21Z",
|
|
2220
|
-
fill: color
|
|
2221
|
-
}), /*#__PURE__*/createElement("path", {
|
|
2222
|
-
d: "M12.48 15V9.04999H15.84V9.93999H13.55V11.64H15.16V12.49H13.55V15H12.49H12.48Z",
|
|
2223
|
-
fill: color
|
|
2224
|
-
}));
|
|
2225
|
-
});
|
|
2226
|
-
|
|
2227
|
-
var TouchTour = (function (_ref) {
|
|
2228
|
-
var _ref$color = _ref.color,
|
|
2229
|
-
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2230
|
-
ariaLabel = _ref.ariaLabel;
|
|
2231
|
-
return /*#__PURE__*/createElement("svg", {
|
|
2232
|
-
width: "100%",
|
|
2233
|
-
height: "100%",
|
|
2234
|
-
viewBox: "0 0 25 25",
|
|
2235
|
-
fill: "none",
|
|
2236
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2237
|
-
"aria-label": ariaLabel
|
|
2238
|
-
}, /*#__PURE__*/createElement("path", {
|
|
2239
|
-
d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
|
|
2240
|
-
fill: color
|
|
2241
|
-
}), /*#__PURE__*/createElement("path", {
|
|
2242
|
-
d: "M8.91 15V9.94H7.38V9.05H11.5V9.94H9.97001V15H8.91Z",
|
|
2243
|
-
fill: color
|
|
2244
|
-
}), /*#__PURE__*/createElement("path", {
|
|
2245
|
-
d: "M14.03 15V9.94H12.5V9.05H16.62V9.94H15.09V15H14.03Z",
|
|
2246
|
-
fill: color
|
|
2247
|
-
}));
|
|
2248
|
-
});
|
|
2249
|
-
|
|
2250
2178
|
var Forward10 = (function (_ref) {
|
|
2251
2179
|
var _ref$color = _ref.color,
|
|
2252
2180
|
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
@@ -2394,13 +2322,13 @@ var RelaxedPerformance = (function (_ref) {
|
|
|
2394
2322
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2395
2323
|
"aria-label": ariaLabel
|
|
2396
2324
|
}, /*#__PURE__*/createElement("path", {
|
|
2397
|
-
d: "M21
|
|
2325
|
+
d: "M21.6953 5.33203V19.332H3.69531V5.33203H21.6953ZM22.6953 4.33203H2.69531V20.332H22.6953V4.33203Z",
|
|
2398
2326
|
fill: color
|
|
2399
2327
|
}), /*#__PURE__*/createElement("path", {
|
|
2400
|
-
d: "
|
|
2328
|
+
d: "M7.69531 15.156V9.33203H10.3433C11.0793 9.33203 11.6553 9.54003 12.0393 9.92403C12.3593 10.244 12.5273 10.7 12.5273 11.236V11.252C12.5273 12.196 12.0073 12.788 11.2553 13.052L12.7113 15.156H11.2713L9.98331 13.26H8.91931V15.156H7.69531ZM8.91931 12.172H10.2633C10.9033 12.172 11.2873 11.828 11.2873 11.316V11.3C11.2873 10.74 10.8873 10.444 10.2393 10.444H8.91931V12.172Z",
|
|
2401
2329
|
fill: color
|
|
2402
2330
|
}), /*#__PURE__*/createElement("path", {
|
|
2403
|
-
d: "
|
|
2331
|
+
d: "M13.6953 15.156V9.33203H16.0553C17.4393 9.33203 18.2793 10.148 18.2793 11.332V11.348C18.2793 12.692 17.2313 13.38 15.9353 13.38H14.9193V15.156H13.6953ZM14.9193 12.284H15.9753C16.6393 12.284 17.0393 11.892 17.0393 11.372V11.356C17.0393 10.764 16.6153 10.444 15.9513 10.444H14.9193V12.284Z",
|
|
2404
2332
|
fill: color
|
|
2405
2333
|
}));
|
|
2406
2334
|
});
|
|
@@ -2552,7 +2480,6 @@ var IconLibrary = {
|
|
|
2552
2480
|
Clips: Clips,
|
|
2553
2481
|
Clock: Clock,
|
|
2554
2482
|
Close: Close,
|
|
2555
|
-
Captioned: Captioned,
|
|
2556
2483
|
ClosedCaptions: ClosedCaptions,
|
|
2557
2484
|
Confirm: Confirm,
|
|
2558
2485
|
CreditCard: CreditCard,
|
|
@@ -2565,7 +2492,6 @@ var IconLibrary = {
|
|
|
2565
2492
|
Expand12px: Expand12px,
|
|
2566
2493
|
ExternalLink: ExternalLink,
|
|
2567
2494
|
Facebook: Facebook,
|
|
2568
|
-
FamilyFriendly: FamilyFriendly,
|
|
2569
2495
|
Favourite: Favourite,
|
|
2570
2496
|
FavouriteFull: FavouriteFull,
|
|
2571
2497
|
Filter: Filter,
|
|
@@ -2614,7 +2540,6 @@ var IconLibrary = {
|
|
|
2614
2540
|
Tick: Tick,
|
|
2615
2541
|
Tickets: Tickets,
|
|
2616
2542
|
Tiktok: Tiktok,
|
|
2617
|
-
TouchTour: TouchTour,
|
|
2618
2543
|
Trailer: Trailer,
|
|
2619
2544
|
Twitter: Twitter,
|
|
2620
2545
|
User: User,
|
|
@@ -3923,7 +3848,6 @@ var Tab = function Tab(_ref) {
|
|
|
3923
3848
|
className = _ref.className,
|
|
3924
3849
|
role = _ref.role,
|
|
3925
3850
|
ariaLabel = _ref.ariaLabel,
|
|
3926
|
-
tabLinkId = _ref.tabLinkId,
|
|
3927
3851
|
color = _ref.color,
|
|
3928
3852
|
dataTestId = _ref.dataTestId,
|
|
3929
3853
|
isOpen = _ref.isOpen;
|
|
@@ -3958,9 +3882,8 @@ var Tab = function Tab(_ref) {
|
|
|
3958
3882
|
className: className,
|
|
3959
3883
|
"data-testid": dataTestId
|
|
3960
3884
|
}, /*#__PURE__*/React__default.createElement(TabText, {
|
|
3961
|
-
id: tabLinkId,
|
|
3962
|
-
trimText: trimText,
|
|
3963
3885
|
color: color,
|
|
3886
|
+
trimText: trimText,
|
|
3964
3887
|
withTextInMobile: withTextInMobile,
|
|
3965
3888
|
"aria-hidden": "true"
|
|
3966
3889
|
}, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -4646,31 +4569,6 @@ var TimerValueSeparator = /*#__PURE__*/styled.div(_templateObject6$3 || (_templa
|
|
|
4646
4569
|
var TimerValueWrapper = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4647
4570
|
var TimerValue = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4648
4571
|
|
|
4649
|
-
var pad = function pad(num) {
|
|
4650
|
-
return String(num || 0).padStart(2, '0');
|
|
4651
|
-
};
|
|
4652
|
-
var renderTimerValue = function renderTimerValue(value, label, separator) {
|
|
4653
|
-
if (separator === void 0) {
|
|
4654
|
-
separator = true;
|
|
4655
|
-
}
|
|
4656
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, {
|
|
4657
|
-
className: "harmonic-timer-value"
|
|
4658
|
-
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
4659
|
-
color: "inherit",
|
|
4660
|
-
hierarchy: "h3",
|
|
4661
|
-
size: "medium",
|
|
4662
|
-
"data-testid": label
|
|
4663
|
-
}, value)), /*#__PURE__*/React__default.createElement(TimerLabel, {
|
|
4664
|
-
className: "harmonic-timer-label"
|
|
4665
|
-
}, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
4666
|
-
color: "inherit",
|
|
4667
|
-
size: "large"
|
|
4668
|
-
}, label))), separator && (/*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
4669
|
-
color: "inherit",
|
|
4670
|
-
hierarchy: "h3",
|
|
4671
|
-
size: "medium"
|
|
4672
|
-
}, /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"))));
|
|
4673
|
-
};
|
|
4674
4572
|
var Timer = function Timer(_ref) {
|
|
4675
4573
|
var endDate = _ref.endDate,
|
|
4676
4574
|
title = _ref.title,
|
|
@@ -4679,22 +4577,43 @@ var Timer = function Timer(_ref) {
|
|
|
4679
4577
|
bottomLine = _ref$bottomLine === void 0 ? true : _ref$bottomLine,
|
|
4680
4578
|
_ref$color = _ref.color,
|
|
4681
4579
|
color = _ref$color === void 0 ? ThemeColor['base-black'] : _ref$color;
|
|
4682
|
-
var
|
|
4683
|
-
seconds =
|
|
4684
|
-
setSeconds =
|
|
4685
|
-
var
|
|
4686
|
-
minutes =
|
|
4687
|
-
setMinutes =
|
|
4688
|
-
var
|
|
4689
|
-
hours =
|
|
4690
|
-
setHours =
|
|
4691
|
-
var
|
|
4692
|
-
days =
|
|
4693
|
-
setDays =
|
|
4694
|
-
var
|
|
4695
|
-
isEndDateReached =
|
|
4696
|
-
setIsEndDateReached =
|
|
4697
|
-
|
|
4580
|
+
var _React$useState = React__default.useState('00'),
|
|
4581
|
+
seconds = _React$useState[0],
|
|
4582
|
+
setSeconds = _React$useState[1];
|
|
4583
|
+
var _React$useState2 = React__default.useState('00'),
|
|
4584
|
+
minutes = _React$useState2[0],
|
|
4585
|
+
setMinutes = _React$useState2[1];
|
|
4586
|
+
var _React$useState3 = React__default.useState('00'),
|
|
4587
|
+
hours = _React$useState3[0],
|
|
4588
|
+
setHours = _React$useState3[1];
|
|
4589
|
+
var _React$useState4 = React__default.useState('00'),
|
|
4590
|
+
days = _React$useState4[0],
|
|
4591
|
+
setDays = _React$useState4[1];
|
|
4592
|
+
var _React$useState5 = React__default.useState(false),
|
|
4593
|
+
isEndDateReached = _React$useState5[0],
|
|
4594
|
+
setIsEndDateReached = _React$useState5[1];
|
|
4595
|
+
var renderTimerValue = function renderTimerValue(value, label, separator) {
|
|
4596
|
+
if (separator === void 0) {
|
|
4597
|
+
separator = true;
|
|
4598
|
+
}
|
|
4599
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, {
|
|
4600
|
+
className: "harmonic-timer-value"
|
|
4601
|
+
}, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
4602
|
+
color: "inherit",
|
|
4603
|
+
hierarchy: "h3",
|
|
4604
|
+
size: "medium"
|
|
4605
|
+
}, value)), /*#__PURE__*/React__default.createElement(TimerLabel, {
|
|
4606
|
+
className: "harmonic-timer-label"
|
|
4607
|
+
}, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
|
|
4608
|
+
color: "inherit",
|
|
4609
|
+
size: "large"
|
|
4610
|
+
}, label))), separator && (/*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
4611
|
+
color: "inherit",
|
|
4612
|
+
hierarchy: "h3",
|
|
4613
|
+
size: "medium"
|
|
4614
|
+
}, /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"))));
|
|
4615
|
+
};
|
|
4616
|
+
React__default.useEffect(function () {
|
|
4698
4617
|
if (isEndDateReached) return undefined;
|
|
4699
4618
|
// We use this to set values for the timer immediately
|
|
4700
4619
|
var setIntervalAndExecute = function setIntervalAndExecute(fn, delay) {
|
|
@@ -4702,21 +4621,19 @@ var Timer = function Timer(_ref) {
|
|
|
4702
4621
|
return setInterval(fn, delay);
|
|
4703
4622
|
};
|
|
4704
4623
|
var updateValues = function updateValues() {
|
|
4705
|
-
var futureDate =
|
|
4706
|
-
var nowDate =
|
|
4707
|
-
var
|
|
4708
|
-
|
|
4624
|
+
var futureDate = moment(endDate);
|
|
4625
|
+
var nowDate = moment();
|
|
4626
|
+
var differenceInMilliseconds = futureDate.valueOf() - nowDate.valueOf();
|
|
4627
|
+
var difference = moment(differenceInMilliseconds).utc();
|
|
4628
|
+
if (differenceInMilliseconds < 0) {
|
|
4709
4629
|
setIsEndDateReached(true);
|
|
4710
4630
|
if (endDateHandler) endDateHandler();
|
|
4711
4631
|
} else {
|
|
4712
|
-
var
|
|
4713
|
-
|
|
4714
|
-
|
|
4715
|
-
|
|
4716
|
-
var
|
|
4717
|
-
var hoursDiff = pad(duration.hours);
|
|
4718
|
-
var minutesDiff = pad(duration.minutes);
|
|
4719
|
-
var secondsDiff = pad(duration.seconds);
|
|
4632
|
+
var fullDaysLeft = Math.floor(futureDate.diff(nowDate, 'days', true));
|
|
4633
|
+
var daysDiff = fullDaysLeft < 10 ? "0" + fullDaysLeft : fullDaysLeft.toString();
|
|
4634
|
+
var hoursDiff = difference.format('HH');
|
|
4635
|
+
var minutesDiff = difference.format('mm');
|
|
4636
|
+
var secondsDiff = difference.format('ss');
|
|
4720
4637
|
setDays(daysDiff);
|
|
4721
4638
|
setHours(hoursDiff);
|
|
4722
4639
|
setMinutes(minutesDiff);
|
|
@@ -4728,7 +4645,7 @@ var Timer = function Timer(_ref) {
|
|
|
4728
4645
|
clearInterval(interval);
|
|
4729
4646
|
};
|
|
4730
4647
|
});
|
|
4731
|
-
var hideTimer =
|
|
4648
|
+
var hideTimer = moment(endDate).isBefore(moment());
|
|
4732
4649
|
if (hideTimer) return null;
|
|
4733
4650
|
return /*#__PURE__*/React__default.createElement(TimerWrapper, {
|
|
4734
4651
|
color: color
|
|
@@ -5446,7 +5363,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5446
5363
|
className = _ref.className,
|
|
5447
5364
|
role = _ref.role,
|
|
5448
5365
|
ariaLabel = _ref.ariaLabel,
|
|
5449
|
-
tabLinkId = _ref.tabLinkId,
|
|
5450
5366
|
trimTabText = _ref.trimTabText;
|
|
5451
5367
|
var node = useRef();
|
|
5452
5368
|
var _useState = useState(false),
|
|
@@ -5543,7 +5459,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
5543
5459
|
};
|
|
5544
5460
|
var renderTab = function renderTab() {
|
|
5545
5461
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
|
|
5546
|
-
tabLinkId: tabLinkId,
|
|
5547
5462
|
trimText: trimTabText,
|
|
5548
5463
|
title: title,
|
|
5549
5464
|
titleLink: titleLink,
|
|
@@ -5623,8 +5538,7 @@ var Account = function Account(_ref) {
|
|
|
5623
5538
|
iconName: iconName,
|
|
5624
5539
|
withOptionsInMobile: false,
|
|
5625
5540
|
withIcon: "left",
|
|
5626
|
-
className: className
|
|
5627
|
-
tabLinkId: "account-link"
|
|
5541
|
+
className: className
|
|
5628
5542
|
});
|
|
5629
5543
|
};
|
|
5630
5544
|
|
|
@@ -6027,7 +5941,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
6027
5941
|
} else if (!openAccordion) {
|
|
6028
5942
|
setTextHeight('0px');
|
|
6029
5943
|
}
|
|
6030
|
-
}, [openAccordion, childrenVisibility, content]);
|
|
5944
|
+
}, [openAccordion, childrenVisibility, content, children]);
|
|
6031
5945
|
useEffect(function () {
|
|
6032
5946
|
return function () {
|
|
6033
5947
|
if (timeoutRef.current) {
|
|
@@ -6043,7 +5957,6 @@ var Accordion = function Accordion(_ref) {
|
|
|
6043
5957
|
var toggleAccordion = function toggleAccordion() {
|
|
6044
5958
|
if (React__default.Children.count(children) === 0) return;
|
|
6045
5959
|
if (openAccordion) {
|
|
6046
|
-
setIcon(collapsedStateIconData);
|
|
6047
5960
|
setOpenAccordion(false);
|
|
6048
5961
|
setTextHeight('0px');
|
|
6049
5962
|
setIcon(collapsedStateIconData);
|
|
@@ -7524,24 +7437,21 @@ var InfoBodyWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject4$n |
|
|
|
7524
7437
|
var css_248z$1 = "@font-face {\n font-family: 'GreyLLTT';\n src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'GreyLLTT';\n src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Medium.woff2') format('woff2');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'GreyLLTT';\n src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Bold.woff2') format('woff2');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'VictorSerif';\n src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'VictorSerif';\n src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');\n font-weight: 500;\n font-style: italic;\n font-display: swap;\n}\n";
|
|
7525
7438
|
styleInject(css_248z$1);
|
|
7526
7439
|
|
|
7527
|
-
var css_248z$2 = "/* ~~~~~ General Styling Classes ~~~~~ */\n.typography_color-primary__LOfDi {\n color: var(--color-primary);\n}\n\n.typography_color-black__6MHRL {\n color: var(--color-base-black);\n}\n\n.typography_color-white__PfW5s {\n color: var(--color-base-white);\n}\n\n.typography_color-red__iPlbG {\n color: var(--color-primary-red);\n}\n\n.typography_color-grey__GA1c2 {\n color: var(--color-base-dark-grey);\n}\n\n.typography_color-inherit__RDd0Y {\n color: inherit;\n}\n\n.typography_em__E6tX- {\n font-style: italic;\n}\n/* ~~~ */\n\n/* Display Headers */\n.typography_display__-F3p4 {\n margin: 0;\n font-family: var(--font-family-sans);\n line-height: 100%;\n\n &.typography_large__uq0zC {\n font-size: 96px;\n font-weight: 700;\n letter-spacing: -5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 68px;\n font-weight: 500;\n letter-spacing: -3px;\n }\n\n /* Serif and Italic styles */\n &.typography_serif__VSO38,\n &.typography_em__E6tX- {\n font-family: var(--font-family-serif);\n font-weight: 500;\n }\n\n /* Serif and Italic adjustments */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX- {\n letter-spacing: -3px;\n }\n\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -2px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 38px;\n letter-spacing: -1.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 32px;\n letter-spacing: -1.5px;\n }\n\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX-,\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n }\n}\n\n/* Headers */\n.typography_header__BexiD {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n\n &.typography_large__uq0zC {\n font-size: 44px;\n line-height: 48px;\n letter-spacing: -1.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 34px;\n line-height: 40px;\n letter-spacing: -1px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 26px;\n line-height: 32px;\n letter-spacing: -0.5px;\n }\n\n /* Serif and Italic styles */\n &.typography_serif__VSO38,\n &.typography_em__E6tX- {\n font-family: var(--font-family-serif);\n }\n\n /* Serif and Italic letter-spacing overrides */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD.typography_serif__VSO38,\n &.typography_medium__K0uZD.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 28px;\n line-height: 34px;\n letter-spacing: -1.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 24px;\n line-height: 28px;\n letter-spacing: -1px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 20px;\n line-height: 26px;\n letter-spacing: -0.75px;\n }\n\n /* Mobile overrides for serif/italic letter-spacing */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX-,\n &.typography_medium__K0uZD.typography_serif__VSO38,\n &.typography_medium__K0uZD.typography_em__E6tX-,\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n }\n}\n\n/* Subtitle */\n.typography_subtitle__aoFTV {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n\n &.typography_large__uq0zC {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n }\n}\n\n/* Body Copy */\n.typography_bodycopy__vYtQ8 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n\n &.typography_large__uq0zC {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 11px;\n line-height: 16px;\n letter-spacing: -0.2px;\n }\n }\n}\n\n/* Overline */\n.typography_overline__EnUK3 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n text-transform: uppercase;\n\n &.typography_large__uq0zC {\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0.3px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 12px;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n line-height: 17px;\n letter-spacing: 0.3px; /* Added to ensure it stays */\n }\n\n &.typography_small__wfQ0K {\n line-height: 14px;\n letter-spacing: 0.3px;\n }\n }\n}\n\n/* Button Text */\n.typography_buttontext__vcxNi {\n margin: 0;\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 20px;\n letter-spacing: -0.5px;\n font-weight: 400;\n\n @media (max-width: 699px) {\n font-weight: 500;\n line-height: 17px;\n }\n}\n\n/* Caption Text */\n.typography_captiontext__91UFb {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n\n @media (max-width: 699px) {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n}\n\n/* Navigation Text */\n.typography_navigationtext__YfGf7 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-size: 19px;\n line-height: 19px;\n letter-spacing: 0.4px;\n font-weight: 500;\n\n @media (max-width: 699px) {\n font-size: 17px;\n line-height: 17px;\n }\n}\n";
|
|
7528
|
-
styleInject(css_248z$2);
|
|
7529
|
-
|
|
7530
|
-
var css_248z$3 = ".core-theme-module_coreTheme__pWxYB {\n /* RBO Red */\n /* Primary Palette */\n --color-primary: #1a1a1a;\n --color-primary-background: #eb0a0a;\n --color-primary-red: #eb0a0a;\n --color-primary-black: #1a1a1a;\n\n /* Base Colours */\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-base-dark-grey: #4c4f53;\n --color-base-mid-grey: #72767c;\n --color-base-light-grey: #e9e9e9;\n --color-base-transparent: transparent;\n\n /* States */\n --color-state-error: #cc071e;\n --color-state-medium: #ffce45;\n --color-state-good: #2a874a;\n --color-state-focused: #1e1da0;\n --color-state-disabled: #b3b3b3;\n\n /* RBO Red (Core) */\n --color-rbo-red-hovered: #c40808;\n --color-rbo-red-pressed: #9d0707;\n\n /* RBO Black */\n --color-rbo-black-hovered: #575757;\n --color-rbo-black-pressed: #353535;\n\n /* Black */\n --color-black-hovered: #575757;\n --color-black-pressed: #353535;\n\n /* White */\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n /* Secondary Palette */\n --color-secondary-yellow: #ffce45;\n --color-secondary-pink: #ff36d0;\n --color-secondary-orange: #ff6700;\n --color-secondary-blue: #5f9cff;\n\n /* Shadows */\n --shadow-floating: 0px 4px 38px 0px #0000000a;\n\n /* Core theme colors */\n --base-color-primary: #c8102e;\n --base-color-core: #c8102e;\n --base-color-stream: #1866dc;\n --base-color-cinema: #1a1a1a;\n --base-color-white: #ffffff;\n --base-color-black: #000000;\n --base-color-dark-grey: #4c4f53;\n --base-color-mid-grey: #72767c;\n --base-color-light-grey: #e9e9e9;\n --base-color-transparent: transparent;\n --base-color-errorstate: #eb0a0a;\n --base-color-mediumstate: #ffce45;\n --base-color-goodstate: #2a874a;\n --base-color-progress: #1866dc;\n --base-color-navigation: #c8102e;\n --base-color-lapislazuli: #0060a0;\n --base-color-lemonchiffon: #fffbbe;\n\n --button-height: 48px;\n --button-line-height: 20px;\n --button-padding-x: 20px;\n --button-padding-y: 14px;\n --button-padding-y-icon: 12px;\n --button-icon-margin: 12px;\n --button-icon-width: 20px;\n --button-icon-height: 20px;\n --button-font-size: 14px;\n --button-font-weight: 400;\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-red);\n --button-hover-color: var(--color-rbo-red-hovered);\n --button-pressed-color: var(--color-rbo-red-pressed);\n --button-secondary-color: var(--color-primary-red);\n --button-secondary-hover-color: var(--color-rbo-red-hovered);\n --button-secondary-pressed-color: var(--color-rbo-red-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-auxiliary-color: var(--color-primary-black);\n --button-auxiliary-bg-color: var(--color-base-transparent);\n --button-anchor-tab-color: var(--color-primary-red);\n\n /* ----- Variables already used in Harmonic START ----- */\n --grid-column-gap: 36px;\n --grid-margin: 10%;\n\n --rotator-button-width: 60px;\n --rotator-button-icon-width: 36px;\n --rotator-button-small-width: 44px;\n --rotator-button-small-icon-width: 28px;\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-red);\n\n --carousel-image-caption-margin: 12px;\n\n --line-height-listing: 36px;\n\n --upsell-border-color: var(--color-primary-red);\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n\n @media (max-width: 699px) {\n --grid-column-gap: 12px;\n --grid-margin: 20px;\n --rotator-button-width: 40px;\n --rotator-button-icon-width: 24px;\n\n --line-height-listing: 34px;\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-column-gap: 20px;\n --grid-margin: 32px;\n --rotator-button-width: 44px;\n --rotator-button-icon-width: 24px;\n }\n\n /* ----- Variables already used in Harmonic END ----- */\n\n --font-size-header-1: 96px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 2px;\n --line-height-header-1: 110px;\n --margin-header-1: 0.67em 0;\n\n --font-size-header-2: 68px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 72px;\n --margin-header-2: 0.83em 0;\n\n --font-size-header-3: 44px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 48px;\n --margin-header-3: 1em 0;\n\n --font-size-header-4: 34px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 40px;\n --margin-header-4: 1.33em 0;\n\n --font-size-header-5: 24px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 30px;\n --margin-header-5: 1.67em 0;\n\n --font-size-header-6: 20px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 28px;\n --margin-header-6: 2.33em 0;\n\n --font-size-altHeader-3: 44px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 48px;\n\n --font-size-altHeader-4: 34px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 44px;\n\n --font-size-altHeader-5: 24px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 30px;\n\n --font-size-altHeader-6: 20px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 28px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-overline-3: 10px;\n --font-weight-overline-3: 500;\n --letter-spacing-overline-3: 1px;\n --line-height-overline-3: 12px;\n\n --font-size-overline-4: 8px;\n --font-weight-overline-4: 500;\n --letter-spacing-overline-4: 1px;\n --line-height-overline-4: 10px;\n\n --font-size-body-1: 19px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 26px;\n\n --font-size-body-2: 16px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 22px;\n\n --font-size-body-3: 14px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 20px;\n\n --font-size-subtitle-1: 18px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 22px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 22px;\n\n --font-size-title-description: 20px;\n --line-height-title-description: 28px;\n\n --font-size-individual-listing-name: 19px;\n --line-height-individual-listing-name: 24px;\n --line-height-people-listing-gap: 24px;\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-size-navigation: 13px;\n --font-weight-navigation: 500;\n --line-height-navigation: 16px;\n --text-transform-navigation: uppercase;\n --letter-spacing-navigation: 1px;\n\n --navigation-small-gap: 16px;\n --navigation-middle-gap: 20px;\n --navigation-large-gap: 24px;\n --navigation-xlarge-gap: 36px;\n --navigation-large-margin: 60px;\n\n --font-size-search: 24px;\n --font-family-search: 'adobe-garamond-pro';\n\n --grid-outer-margin: 50px;\n --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;\n\n --footer-height: 380px;\n --footer-padding-top: 44px;\n --footer-padding-bottom: 44px;\n --footer-items-gap: 32px;\n --footer-media-gap: 32px;\n --footer-media-icon-width: 24px;\n --footer-media-icon-height: 24px;\n --footer-vertical-spacing-lg: 58px;\n --footer-vertical-spacing-sm: 16px;\n\n --text-link-underline-offset: 8px;\n --cards-spacing-stack: 40px;\n\n --editorial-subtitle-margin-bottom: 16px;\n --editorial-margin-between: 24px;\n --editorial-spacing-hover: 4px;\n --anchor-tabs-height: 70px;\n\n --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;\n --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;\n\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-font-size-navigation: 19px;\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-red);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-red);\n --information-panel-button-color: var(--color-primary-black);\n --information-panel-button-bg-color: var(--color-base-white);\n --information-panel-button-hover-color: var(--color-white-hovered);\n --information-panel-button-pressed-color: var(--color-white-pressed);\n\n --heading-promo-bg-color: var(--color-primary-red);\n --page-header-bg-color: var(--color-primary-red);\n\n @media (max-width: 699px) {\n --font-size-header-1: 38px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 1px;\n --line-height-header-1: 42px;\n\n --font-size-header-2: 30px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 34px;\n\n --font-size-header-3: 26px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 30px;\n\n --font-size-header-4: 24px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 28px;\n\n --font-size-header-5: 20px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 28px;\n\n --font-size-header-6: 17px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 24px;\n\n --font-size-altHeader-3: 26px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 30px;\n\n --font-size-altHeader-4: 24px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 28px;\n\n --font-size-altHeader-5: 20px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 28px;\n\n --font-size-altHeader-6: 17px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 24px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-body-1: 17px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 24px;\n\n --font-size-body-2: 12px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 18px;\n\n --font-size-body-3: 11px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 16px;\n\n --font-size-subtitle-1: 16px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 24px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 18px;\n\n --font-size-title-description: 17px;\n --line-height-title-description: 24px;\n --line-height-people-listing-gap: 16px;\n\n --font-size-search: 20px;\n --font-family-search: 'adobe-garamond-pro';\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm Medium', sans-serif;\n --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);\n\n --footer-height: auto;\n --footer-padding-top: 20px;\n --footer-padding-bottom: 20px;\n --footer-items-gap: 12px;\n --footer-media-icon-width: 28px;\n --footer-media-icon-height: 28px;\n --footer-vertical-spacing-lg: 24px;\n --footer-vertical-spacing-sm: 24px;\n\n --anchor-tabs-height: 60px;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);\n --font-size-header-6: 17px;\n --font-size-altHeader-4: 24px;\n --font-size-body-1: 17px;\n\n --footer-media-gap: 24px;\n --footer-padding-top: 40px;\n --footer-padding-bottom: 40px;\n }\n}\n";
|
|
7440
|
+
var css_248z$2 = ".core-theme-module_coreTheme__pWxYB {\n /* RBO Red */\n /* Primary Palette */\n --color-primary: #1a1a1a;\n --color-primary-background: #eb0a0a;\n --color-primary-red: #eb0a0a;\n --color-primary-black: #1a1a1a;\n\n /* Base Colours */\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-base-dark-grey: #4c4f53;\n --color-base-mid-grey: #72767c;\n --color-base-light-grey: #e9e9e9;\n --color-base-transparent: transparent;\n\n /* States */\n --color-state-error: #cc071e;\n --color-state-medium: #ffce45;\n --color-state-good: #2a874a;\n --color-state-focused: #1e1da0;\n --color-state-disabled: #b3b3b3;\n\n /* RBO Red (Core) */\n --color-rbo-red-hovered: #c40808;\n --color-rbo-red-pressed: #9d0707;\n\n /* RBO Black */\n --color-rbo-black-hovered: #575757;\n --color-rbo-black-pressed: #353535;\n\n /* Black */\n --color-black-hovered: #575757;\n --color-black-pressed: #353535;\n\n /* White */\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n /* Secondary Palette */\n --color-secondary-yellow: #ffce45;\n --color-secondary-pink: #ff36d0;\n --color-secondary-orange: #ff6700;\n --color-secondary-blue: #5f9cff;\n\n /* Shadows */\n --shadow-floating: 0px 4px 38px 0px #0000000a;\n\n /* Core theme colors */\n --base-color-primary: #c8102e;\n --base-color-core: #c8102e;\n --base-color-stream: #1866dc;\n --base-color-cinema: #1a1a1a;\n --base-color-white: #ffffff;\n --base-color-black: #000000;\n --base-color-dark-grey: #4c4f53;\n --base-color-mid-grey: #72767c;\n --base-color-light-grey: #e9e9e9;\n --base-color-transparent: transparent;\n --base-color-errorstate: #eb0a0a;\n --base-color-mediumstate: #ffce45;\n --base-color-goodstate: #2a874a;\n --base-color-progress: #1866dc;\n --base-color-navigation: #c8102e;\n --base-color-lapislazuli: #0060a0;\n --base-color-lemonchiffon: #fffbbe;\n\n --button-height: 48px;\n --button-line-height: 20px;\n --button-padding-x: 20px;\n --button-padding-y: 14px;\n --button-padding-y-icon: 12px;\n --button-icon-margin: 12px;\n --button-icon-width: 20px;\n --button-icon-height: 20px;\n --button-font-size: 14px;\n --button-font-weight: 400;\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-red);\n --button-hover-color: var(--color-rbo-red-hovered);\n --button-pressed-color: var(--color-rbo-red-pressed);\n --button-secondary-color: var(--color-primary-red);\n --button-secondary-hover-color: var(--color-rbo-red-hovered);\n --button-secondary-pressed-color: var(--color-rbo-red-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-auxiliary-color: var(--color-primary-black);\n --button-auxiliary-bg-color: var(--color-base-transparent);\n --button-anchor-tab-color: var(--color-primary-red);\n\n /* ----- Variables already used in Harmonic START ----- */\n --grid-column-gap: 36px;\n --grid-margin: 10%;\n\n --rotator-button-width: 60px;\n --rotator-button-icon-width: 36px;\n --rotator-button-small-width: 44px;\n --rotator-button-small-icon-width: 28px;\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-red);\n\n --carousel-image-caption-margin: 12px;\n\n --line-height-listing: 36px;\n\n --upsell-border-color: var(--color-primary-red);\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n\n @media (max-width: 699px) {\n --grid-column-gap: 12px;\n --grid-margin: 20px;\n --rotator-button-width: 40px;\n --rotator-button-icon-width: 24px;\n\n --line-height-listing: 34px;\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-column-gap: 20px;\n --grid-margin: 32px;\n --rotator-button-width: 44px;\n --rotator-button-icon-width: 24px;\n }\n\n /* ----- Variables already used in Harmonic END ----- */\n\n --font-size-header-1: 96px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 2px;\n --line-height-header-1: 110px;\n --margin-header-1: 0.67em 0;\n\n --font-size-header-2: 68px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 72px;\n --margin-header-2: 0.83em 0;\n\n --font-size-header-3: 44px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 48px;\n --margin-header-3: 1em 0;\n\n --font-size-header-4: 34px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 40px;\n --margin-header-4: 1.33em 0;\n\n --font-size-header-5: 24px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 30px;\n --margin-header-5: 1.67em 0;\n\n --font-size-header-6: 20px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 28px;\n --margin-header-6: 2.33em 0;\n\n --font-size-altHeader-3: 44px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 48px;\n\n --font-size-altHeader-4: 34px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 44px;\n\n --font-size-altHeader-5: 24px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 30px;\n\n --font-size-altHeader-6: 20px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 28px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-overline-3: 10px;\n --font-weight-overline-3: 500;\n --letter-spacing-overline-3: 1px;\n --line-height-overline-3: 12px;\n\n --font-size-overline-4: 8px;\n --font-weight-overline-4: 500;\n --letter-spacing-overline-4: 1px;\n --line-height-overline-4: 10px;\n\n --font-size-body-1: 19px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 26px;\n\n --font-size-body-2: 16px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 22px;\n\n --font-size-body-3: 14px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 20px;\n\n --font-size-subtitle-1: 18px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 22px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 22px;\n\n --font-size-title-description: 20px;\n --line-height-title-description: 28px;\n\n --font-size-individual-listing-name: 19px;\n --line-height-individual-listing-name: 24px;\n --line-height-people-listing-gap: 24px;\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-size-navigation: 13px;\n --font-weight-navigation: 500;\n --line-height-navigation: 16px;\n --text-transform-navigation: uppercase;\n --letter-spacing-navigation: 1px;\n\n --navigation-small-gap: 16px;\n --navigation-middle-gap: 20px;\n --navigation-large-gap: 24px;\n --navigation-xlarge-gap: 36px;\n --navigation-large-margin: 60px;\n\n --font-size-search: 24px;\n --font-family-search: 'adobe-garamond-pro';\n\n --grid-outer-margin: 50px;\n --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;\n\n --footer-height: 380px;\n --footer-padding-top: 44px;\n --footer-padding-bottom: 44px;\n --footer-items-gap: 32px;\n --footer-media-gap: 32px;\n --footer-media-icon-width: 24px;\n --footer-media-icon-height: 24px;\n --footer-vertical-spacing-lg: 58px;\n --footer-vertical-spacing-sm: 16px;\n\n --text-link-underline-offset: 8px;\n --cards-spacing-stack: 40px;\n\n --editorial-subtitle-margin-bottom: 16px;\n --editorial-margin-between: 24px;\n --editorial-spacing-hover: 4px;\n --anchor-tabs-height: 70px;\n\n --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;\n --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;\n\n --harmonic-text-link-underline-offset: 4px;\n --harmonic-font-size-navigation: 19px;\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-red);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-red);\n --information-panel-button-color: var(--color-primary-black);\n --information-panel-button-bg-color: var(--color-base-white);\n --information-panel-button-hover-color: var(--color-white-hovered);\n --information-panel-button-pressed-color: var(--color-white-pressed);\n\n --heading-promo-bg-color: var(--color-primary-red);\n --page-header-bg-color: var(--color-primary-red);\n\n @media (max-width: 699px) {\n --font-size-header-1: 38px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 1px;\n --line-height-header-1: 42px;\n\n --font-size-header-2: 30px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 34px;\n\n --font-size-header-3: 26px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 30px;\n\n --font-size-header-4: 24px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 28px;\n\n --font-size-header-5: 20px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 28px;\n\n --font-size-header-6: 17px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 24px;\n\n --font-size-altHeader-3: 26px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 30px;\n\n --font-size-altHeader-4: 24px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 28px;\n\n --font-size-altHeader-5: 20px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 28px;\n\n --font-size-altHeader-6: 17px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 24px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-body-1: 17px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 24px;\n\n --font-size-body-2: 12px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 18px;\n\n --font-size-body-3: 11px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 16px;\n\n --font-size-subtitle-1: 16px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 24px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 18px;\n\n --font-size-title-description: 17px;\n --line-height-title-description: 24px;\n --line-height-people-listing-gap: 16px;\n\n --font-size-search: 20px;\n --font-family-search: 'adobe-garamond-pro';\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm Medium', sans-serif;\n --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);\n\n --footer-height: auto;\n --footer-padding-top: 20px;\n --footer-padding-bottom: 20px;\n --footer-items-gap: 12px;\n --footer-media-icon-width: 28px;\n --footer-media-icon-height: 28px;\n --footer-vertical-spacing-lg: 24px;\n --footer-vertical-spacing-sm: 24px;\n\n --anchor-tabs-height: 60px;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);\n --font-size-header-6: 17px;\n --font-size-altHeader-4: 24px;\n --font-size-body-1: 17px;\n\n --footer-media-gap: 24px;\n --footer-padding-top: 40px;\n --footer-padding-bottom: 40px;\n }\n}\n";
|
|
7531
7441
|
var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
|
|
7532
|
-
styleInject(css_248z$
|
|
7442
|
+
styleInject(css_248z$2);
|
|
7533
7443
|
|
|
7534
|
-
var css_248z$
|
|
7444
|
+
var css_248z$3 = ".stream-theme-module_streamTheme__lTfqQ {\n /* Stream theme overrides */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-background: #1a1a1a;\n --color-primary-button: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-primary-button-reverse-bg: #1a1a1a;\n --color-primary-button-reverse: #ffffff;\n\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-black);\n --button-hover-color: var(--color-black-hovered);\n --button-pressed-color: var(--color-black-pressed);\n --button-secondary-color: var(--color-primary-black);\n --button-secondary-hover-color: var(--color-black-hovered);\n --button-secondary-pressed-color: var(--color-black-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-base-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-black);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-black);\n\n --heading-promo-bg-color: var(--color-base-black);\n --page-header-bg-color: var(--color-primary-black);\n\n --upsell-border-color: var(--color-primary-black);\n}\n";
|
|
7535
7445
|
var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
|
|
7536
|
-
styleInject(css_248z$
|
|
7446
|
+
styleInject(css_248z$3);
|
|
7537
7447
|
|
|
7538
|
-
var css_248z$
|
|
7448
|
+
var css_248z$4 = ".cinema-theme-module_cinemaTheme__f5QFs {\n /* White */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-button: #ffffff;\n --color-primary-background: #1a1a1a;\n --color-primary-button-reverse-bg: #ffffff;\n --color-primary-button-reverse: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n --button-color: var(--color-primary-black);\n --button-bg-color: var(--color-base-white);\n --button-hover-color: var(--color-white-hovered);\n --button-pressed-color: var(--color-white-pressed);\n --button-secondary-color: var(--color-base-white);\n --button-secondary-hover-color: var(--color-white-hovered);\n --button-secondary-pressed-color: var(--color-white-pressed);\n --button-tertiary-color: var(--color-base-white);\n --button-tertiary-hover-color: var(--color-white-hovered);\n --button-tertiary-pressed-color: var(--color-white-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-primary-red);\n --announcement-banner-bg-color: var(--color-base-white);\n --announcement-banner-hover-color: var(--color-rbo-red-hovered);\n --announcement-banner-pressed-color: var(--color-rbo-red-pressed);\n\n --information-panel-color: var(--color-primary-black);\n --information-panel-bg-color: var(--color-base-white);\n --information-panel-button-color: var(--color-base-white);\n --information-panel-button-bg-color: var(--color-primary-red);\n --information-panel-button-hover-color: var(--color-rbo-red-hovered);\n --information-panel-button-pressed-color: var(--color-rbo-red-pressed);\n\n --heading-promo-bg-color: var(--color-base-white);\n --page-header-bg-color: var(--color-primary-black);\n\n --upsell-border-color: var(--color-primary-black);\n}\n";
|
|
7539
7449
|
var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
|
|
7540
|
-
styleInject(css_248z$
|
|
7450
|
+
styleInject(css_248z$4);
|
|
7541
7451
|
|
|
7542
|
-
var css_248z$
|
|
7452
|
+
var css_248z$5 = ".schools-theme-module_schoolsTheme__CWHba {\n /* Schools theme overrides */\n --base-color-primary: #c8102e;\n --color-primary: #c8102e;\n --color-primary-button: #c8102e;\n --color-primary-button-reverse-bg: #1a1a1a;\n --color-primary-button-reverse: #ffffff;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n\n --text-transform-header: none;\n --text-transform-altHeader: none;\n --text-transform-body: none;\n --text-transform-overline: none;\n --text-transform-subtitle: none;\n --text-transform-navigation: uppercase;\n\n @media only screen and (max-width: calc(var(--breakpoint-sm) - 1px)) {\n --text-transform-header: none;\n --text-transform-altHeader: none;\n --text-transform-body: none;\n --text-transform-overline: none;\n --text-transform-subtitle: none;\n --text-transform-navigation: uppercase;\n }\n}\n";
|
|
7543
7453
|
var schoolsThemeStyles = {"schoolsTheme":"schools-theme-module_schoolsTheme__CWHba"};
|
|
7544
|
-
styleInject(css_248z$
|
|
7454
|
+
styleInject(css_248z$5);
|
|
7545
7455
|
|
|
7546
7456
|
/* eslint-disable react/jsx-no-useless-fragment */
|
|
7547
7457
|
var DEFAULT_THEME = ThemeType.Core;
|
|
@@ -9000,7 +8910,7 @@ var _excluded$m = ["text"],
|
|
|
9000
8910
|
_excluded3$1 = ["text"];
|
|
9001
8911
|
var _buttonTypeToButton$1;
|
|
9002
8912
|
var LENGTH_TEXT$1 = 28;
|
|
9003
|
-
var LENGTH_TEXT_PARAGRAPH =
|
|
8913
|
+
var LENGTH_TEXT_PARAGRAPH = 130;
|
|
9004
8914
|
var buttonTypeToButton$1 = (_buttonTypeToButton$1 = {}, _buttonTypeToButton$1[ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$1[ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$1[ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$1);
|
|
9005
8915
|
var PromoWithTags = function PromoWithTags(_ref) {
|
|
9006
8916
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -10045,35 +9955,35 @@ function Select(_ref3) {
|
|
|
10045
9955
|
|
|
10046
9956
|
var _templateObject$1a, _templateObject2$U, _templateObject3$G, _templateObject4$y;
|
|
10047
9957
|
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10048
|
-
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .harmonic-select__control--is-focused {\n border-color: var(--base-
|
|
9958
|
+
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .harmonic-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n\n .harmonic-select__control--is-focused {\n border-color: var(--color-base-dark-grey);\n box-shadow: ", ";\n }\n\n .harmonic-select__control--menu-is-open {\n .harmonic-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n\n .harmonic-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--color-base-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n\n .harmonic-select__single-value,\n .harmonic-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n\n @media ", " {\n font-size: 17px;\n }\n }\n\n .harmonic-select__placeholder {\n color: var(--color-base-dark-grey);\n }\n\n .harmonic-select__single-value {\n color: var(--color-base-black);\n }\n\n .harmonic-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n\n .harmonic-select--is-disabled {\n .harmonic-select__control {\n border: 1px solid var(--color-base-light-grey);\n background: var(--color-base-light-grey);\n }\n .harmonic-select__indicator,\n .harmonic-select__single-value {\n color: var(--color-base-dark-grey);\n }\n }\n\n .harmonic-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--color-base-dark-grey);\n background: var(--color-base-light-grey);\n }\n\n .harmonic-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n .harmonic-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n color: var(--color-base-black);\n\n @media ", " {\n font-size: 17px;\n }\n\n &:active,\n &.harmonic-select__option--is-focused {\n background: var(--color-base-mid-grey);\n }\n }\n\n .harmonic-select__option--is-selected {\n color: var(--color-base-black);\n background: none;\n }\n\n .harmonic-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n color: var(--color-base-black);\n }\n\n .harmonic-select__menu-notice {\n color: var(--color-base-black);\n padding: 20px 20px;\n text-align: left;\n }\n\n .harmonic-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
10049
9959
|
var width = _ref.width;
|
|
10050
9960
|
if (!width) return 'none';
|
|
10051
9961
|
return width + "px";
|
|
10052
9962
|
}, function (_ref2) {
|
|
10053
9963
|
var error = _ref2.error;
|
|
10054
|
-
if (error !== undefined) return "1px solid var(--base-
|
|
10055
|
-
return "1px solid var(--base-
|
|
9964
|
+
if (error !== undefined) return "1px solid var(--color-base-errorstate)";
|
|
9965
|
+
return "1px solid var(--color-base-dark-grey)";
|
|
10056
9966
|
}, function (_ref3) {
|
|
10057
9967
|
var error = _ref3.error;
|
|
10058
|
-
if (error !== undefined) return "var(--base-
|
|
10059
|
-
return "var(--base-
|
|
9968
|
+
if (error !== undefined) return "var(--color-base-errorstate)";
|
|
9969
|
+
return "var(--color-base-dark-grey)";
|
|
10060
9970
|
}, function (_ref4) {
|
|
10061
9971
|
var darkMode = _ref4.darkMode;
|
|
10062
|
-
if (darkMode) return "0 0 0 4px var(--base-
|
|
10063
|
-
return "0 0 0 3px var(--base-
|
|
10064
|
-
});
|
|
10065
|
-
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0
|
|
9972
|
+
if (darkMode) return "0 0 0 4px var(--color-base-lemonchiffon)";
|
|
9973
|
+
return "0 0 0 3px var(--color-base-lapislazuli)";
|
|
9974
|
+
}, devices.mobile, devices.mobile);
|
|
9975
|
+
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 24px;\n color: ", ";\n"])), function (_ref5) {
|
|
10066
9976
|
var darkMode = _ref5.darkMode;
|
|
10067
|
-
if (darkMode) return "var(--base-
|
|
10068
|
-
return "var(--base-
|
|
9977
|
+
if (darkMode) return "var(--color-base-white)";
|
|
9978
|
+
return "var(--color-base-black)";
|
|
10069
9979
|
});
|
|
10070
9980
|
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
10071
9981
|
var darkMode = _ref6.darkMode;
|
|
10072
|
-
if (darkMode) return "var(--base-
|
|
10073
|
-
return "var(--base-
|
|
9982
|
+
if (darkMode) return "var(--color-base-white)";
|
|
9983
|
+
return "var(--color-base-errorstate)";
|
|
10074
9984
|
});
|
|
10075
9985
|
|
|
10076
|
-
var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components"];
|
|
9986
|
+
var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components", "className"];
|
|
10077
9987
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
10078
9988
|
return /*#__PURE__*/React__default.createElement(components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
|
|
10079
9989
|
iconName: "DropdownArrow"
|
|
@@ -10084,12 +9994,15 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
10084
9994
|
error = _ref.error,
|
|
10085
9995
|
width = _ref.width,
|
|
10086
9996
|
darkMode = _ref.darkMode,
|
|
10087
|
-
children = _ref.children
|
|
10088
|
-
|
|
9997
|
+
children = _ref.children,
|
|
9998
|
+
className = _ref.className;
|
|
9999
|
+
return /*#__PURE__*/React__default.createElement(Container$4, {
|
|
10000
|
+
className: className
|
|
10001
|
+
}, /*#__PURE__*/React__default.createElement("label", null, !!label && (/*#__PURE__*/React__default.createElement(TextLabel$4, {
|
|
10089
10002
|
darkMode: darkMode,
|
|
10090
10003
|
"data-testid": "select2-text-label"
|
|
10091
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10092
|
-
|
|
10004
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
10005
|
+
size: 'large'
|
|
10093
10006
|
}, label))), /*#__PURE__*/React__default.createElement(SelectWrapper$1, {
|
|
10094
10007
|
width: width,
|
|
10095
10008
|
error: error,
|
|
@@ -10097,8 +10010,8 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
10097
10010
|
}, children)), !!error && (/*#__PURE__*/React__default.createElement(ErrorLabel$5, {
|
|
10098
10011
|
darkMode: darkMode,
|
|
10099
10012
|
"data-testid": "select2-error-label"
|
|
10100
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10101
|
-
|
|
10013
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
10014
|
+
size: 'medium'
|
|
10102
10015
|
}, error))));
|
|
10103
10016
|
};
|
|
10104
10017
|
/**
|
|
@@ -10124,12 +10037,14 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
10124
10037
|
_ref2$isSearchable = _ref2.isSearchable,
|
|
10125
10038
|
isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
|
|
10126
10039
|
components = _ref2.components,
|
|
10040
|
+
className = _ref2.className,
|
|
10127
10041
|
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
|
|
10128
10042
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
10129
10043
|
label: label,
|
|
10130
10044
|
error: error,
|
|
10131
10045
|
width: width,
|
|
10132
|
-
darkMode: darkMode
|
|
10046
|
+
darkMode: darkMode,
|
|
10047
|
+
className: className
|
|
10133
10048
|
}, /*#__PURE__*/React__default.createElement(Select$1, Object.assign({}, selectProps, {
|
|
10134
10049
|
components: _extends({
|
|
10135
10050
|
DropdownIndicator: DropdownIndicator,
|
|
@@ -11563,9 +11478,14 @@ var BodyContent = function BodyContent(_ref2) {
|
|
|
11563
11478
|
_ref2$renderGridItem = _ref2.renderGridItem,
|
|
11564
11479
|
renderGridItem = _ref2$renderGridItem === void 0 ? true : _ref2$renderGridItem;
|
|
11565
11480
|
var textContainerClassName = !renderGrid && !renderGridItem ? className : undefined;
|
|
11566
|
-
var content = /*#__PURE__*/React__default.createElement(
|
|
11481
|
+
var content = /*#__PURE__*/React__default.createElement(TextContainer$1, {
|
|
11482
|
+
tag: "div",
|
|
11483
|
+
size: "large",
|
|
11484
|
+
"data-testid": "text-container",
|
|
11567
11485
|
className: textContainerClassName,
|
|
11568
|
-
|
|
11486
|
+
dangerouslySetInnerHTML: {
|
|
11487
|
+
__html: addTypographyClasses(text)
|
|
11488
|
+
}
|
|
11569
11489
|
});
|
|
11570
11490
|
var gridItemOrContent = renderGridItem ? (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
11571
11491
|
columnStartDesktop: columnStartDesktop,
|