@royaloperahouse/harmonic 0.18.3-c → 0.18.3-e
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 +132 -183
- 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 +140 -194
- 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
|
|
|
@@ -6013,21 +5927,43 @@ var Accordion = function Accordion(_ref) {
|
|
|
6013
5927
|
var content = useRef(null);
|
|
6014
5928
|
var timeoutRef = useRef(null);
|
|
6015
5929
|
var rafRef = useRef(null);
|
|
5930
|
+
var resizeObserverRef = useRef(null);
|
|
6016
5931
|
useEffect(function () {
|
|
6017
|
-
if (content
|
|
5932
|
+
if (content.current && initOpen) {
|
|
6018
5933
|
setTextHeight(content.current.scrollHeight + "px");
|
|
6019
5934
|
}
|
|
6020
|
-
}, [
|
|
5935
|
+
}, [initOpen]);
|
|
6021
5936
|
useEffect(function () {
|
|
6022
|
-
|
|
6023
|
-
|
|
6024
|
-
|
|
6025
|
-
setTextHeight(((_content$current$scro = (_content$current = content.current) == null ? void 0 : _content$current.scrollHeight) != null ? _content$current$scro : 0) + "px");
|
|
6026
|
-
});
|
|
6027
|
-
} else if (!openAccordion) {
|
|
5937
|
+
var el = content.current;
|
|
5938
|
+
if (!el) return;
|
|
5939
|
+
if (!openAccordion) {
|
|
6028
5940
|
setTextHeight('0px');
|
|
5941
|
+
if (resizeObserverRef.current) {
|
|
5942
|
+
resizeObserverRef.current.disconnect();
|
|
5943
|
+
resizeObserverRef.current = null;
|
|
5944
|
+
}
|
|
5945
|
+
return;
|
|
5946
|
+
}
|
|
5947
|
+
var updateHeight = function updateHeight() {
|
|
5948
|
+
setTextHeight(el.scrollHeight + "px");
|
|
5949
|
+
};
|
|
5950
|
+
rafRef.current = window.requestAnimationFrame(updateHeight);
|
|
5951
|
+
if ('ResizeObserver' in window) {
|
|
5952
|
+
var ro = new ResizeObserver(updateHeight);
|
|
5953
|
+
ro.observe(el);
|
|
5954
|
+
resizeObserverRef.current = ro;
|
|
5955
|
+
return function () {
|
|
5956
|
+
ro.disconnect();
|
|
5957
|
+
resizeObserverRef.current = null;
|
|
5958
|
+
};
|
|
6029
5959
|
}
|
|
6030
|
-
|
|
5960
|
+
return function () {
|
|
5961
|
+
if (rafRef.current) {
|
|
5962
|
+
window.cancelAnimationFrame(rafRef.current);
|
|
5963
|
+
rafRef.current = null;
|
|
5964
|
+
}
|
|
5965
|
+
};
|
|
5966
|
+
}, [openAccordion, childrenVisibility, children]);
|
|
6031
5967
|
useEffect(function () {
|
|
6032
5968
|
return function () {
|
|
6033
5969
|
if (timeoutRef.current) {
|
|
@@ -6038,12 +5974,15 @@ var Accordion = function Accordion(_ref) {
|
|
|
6038
5974
|
window.cancelAnimationFrame(rafRef.current);
|
|
6039
5975
|
rafRef.current = null;
|
|
6040
5976
|
}
|
|
5977
|
+
if (resizeObserverRef.current) {
|
|
5978
|
+
resizeObserverRef.current.disconnect();
|
|
5979
|
+
resizeObserverRef.current = null;
|
|
5980
|
+
}
|
|
6041
5981
|
};
|
|
6042
5982
|
}, []);
|
|
6043
5983
|
var toggleAccordion = function toggleAccordion() {
|
|
6044
5984
|
if (React__default.Children.count(children) === 0) return;
|
|
6045
5985
|
if (openAccordion) {
|
|
6046
|
-
setIcon(collapsedStateIconData);
|
|
6047
5986
|
setOpenAccordion(false);
|
|
6048
5987
|
setTextHeight('0px');
|
|
6049
5988
|
setIcon(collapsedStateIconData);
|
|
@@ -6087,9 +6026,9 @@ var Accordion = function Accordion(_ref) {
|
|
|
6087
6026
|
"aria-live": openAccordion ? 'polite' : 'off',
|
|
6088
6027
|
tag: "div",
|
|
6089
6028
|
size: "large"
|
|
6090
|
-
}, childrenVisibility && /*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
6029
|
+
}, childrenVisibility && (/*#__PURE__*/React__default.createElement(ChildrenContainer, {
|
|
6091
6030
|
isVisible: childrenVisibility
|
|
6092
|
-
}, children)));
|
|
6031
|
+
}, children))));
|
|
6093
6032
|
};
|
|
6094
6033
|
|
|
6095
6034
|
var _templateObject$E;
|
|
@@ -7524,24 +7463,21 @@ var InfoBodyWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject4$n |
|
|
|
7524
7463
|
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
7464
|
styleInject(css_248z$1);
|
|
7526
7465
|
|
|
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";
|
|
7466
|
+
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
7467
|
var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
|
|
7532
|
-
styleInject(css_248z$
|
|
7468
|
+
styleInject(css_248z$2);
|
|
7533
7469
|
|
|
7534
|
-
var css_248z$
|
|
7470
|
+
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
7471
|
var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
|
|
7536
|
-
styleInject(css_248z$
|
|
7472
|
+
styleInject(css_248z$3);
|
|
7537
7473
|
|
|
7538
|
-
var css_248z$
|
|
7474
|
+
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
7475
|
var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
|
|
7540
|
-
styleInject(css_248z$
|
|
7476
|
+
styleInject(css_248z$4);
|
|
7541
7477
|
|
|
7542
|
-
var css_248z$
|
|
7478
|
+
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
7479
|
var schoolsThemeStyles = {"schoolsTheme":"schools-theme-module_schoolsTheme__CWHba"};
|
|
7544
|
-
styleInject(css_248z$
|
|
7480
|
+
styleInject(css_248z$5);
|
|
7545
7481
|
|
|
7546
7482
|
/* eslint-disable react/jsx-no-useless-fragment */
|
|
7547
7483
|
var DEFAULT_THEME = ThemeType.Core;
|
|
@@ -9000,7 +8936,7 @@ var _excluded$m = ["text"],
|
|
|
9000
8936
|
_excluded3$1 = ["text"];
|
|
9001
8937
|
var _buttonTypeToButton$1;
|
|
9002
8938
|
var LENGTH_TEXT$1 = 28;
|
|
9003
|
-
var LENGTH_TEXT_PARAGRAPH =
|
|
8939
|
+
var LENGTH_TEXT_PARAGRAPH = 130;
|
|
9004
8940
|
var buttonTypeToButton$1 = (_buttonTypeToButton$1 = {}, _buttonTypeToButton$1[ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$1[ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$1[ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$1);
|
|
9005
8941
|
var PromoWithTags = function PromoWithTags(_ref) {
|
|
9006
8942
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -10045,35 +9981,35 @@ function Select(_ref3) {
|
|
|
10045
9981
|
|
|
10046
9982
|
var _templateObject$1a, _templateObject2$U, _templateObject3$G, _templateObject4$y;
|
|
10047
9983
|
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-
|
|
9984
|
+
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
9985
|
var width = _ref.width;
|
|
10050
9986
|
if (!width) return 'none';
|
|
10051
9987
|
return width + "px";
|
|
10052
9988
|
}, function (_ref2) {
|
|
10053
9989
|
var error = _ref2.error;
|
|
10054
|
-
if (error !== undefined) return "1px solid var(--base-
|
|
10055
|
-
return "1px solid var(--base-
|
|
9990
|
+
if (error !== undefined) return "1px solid var(--color-base-errorstate)";
|
|
9991
|
+
return "1px solid var(--color-base-dark-grey)";
|
|
10056
9992
|
}, function (_ref3) {
|
|
10057
9993
|
var error = _ref3.error;
|
|
10058
|
-
if (error !== undefined) return "var(--base-
|
|
10059
|
-
return "var(--base-
|
|
9994
|
+
if (error !== undefined) return "var(--color-base-errorstate)";
|
|
9995
|
+
return "var(--color-base-dark-grey)";
|
|
10060
9996
|
}, function (_ref4) {
|
|
10061
9997
|
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
|
|
9998
|
+
if (darkMode) return "0 0 0 4px var(--color-base-lemonchiffon)";
|
|
9999
|
+
return "0 0 0 3px var(--color-base-lapislazuli)";
|
|
10000
|
+
}, devices.mobile, devices.mobile);
|
|
10001
|
+
var TextLabel$4 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 24px;\n color: ", ";\n"])), function (_ref5) {
|
|
10066
10002
|
var darkMode = _ref5.darkMode;
|
|
10067
|
-
if (darkMode) return "var(--base-
|
|
10068
|
-
return "var(--base-
|
|
10003
|
+
if (darkMode) return "var(--color-base-white)";
|
|
10004
|
+
return "var(--color-base-black)";
|
|
10069
10005
|
});
|
|
10070
10006
|
var ErrorLabel$5 = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
10071
10007
|
var darkMode = _ref6.darkMode;
|
|
10072
|
-
if (darkMode) return "var(--base-
|
|
10073
|
-
return "var(--base-
|
|
10008
|
+
if (darkMode) return "var(--color-base-white)";
|
|
10009
|
+
return "var(--color-base-errorstate)";
|
|
10074
10010
|
});
|
|
10075
10011
|
|
|
10076
|
-
var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components"];
|
|
10012
|
+
var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components", "className"];
|
|
10077
10013
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
10078
10014
|
return /*#__PURE__*/React__default.createElement(components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
|
|
10079
10015
|
iconName: "DropdownArrow"
|
|
@@ -10084,12 +10020,15 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
10084
10020
|
error = _ref.error,
|
|
10085
10021
|
width = _ref.width,
|
|
10086
10022
|
darkMode = _ref.darkMode,
|
|
10087
|
-
children = _ref.children
|
|
10088
|
-
|
|
10023
|
+
children = _ref.children,
|
|
10024
|
+
className = _ref.className;
|
|
10025
|
+
return /*#__PURE__*/React__default.createElement(Container$4, {
|
|
10026
|
+
className: className
|
|
10027
|
+
}, /*#__PURE__*/React__default.createElement("label", null, !!label && (/*#__PURE__*/React__default.createElement(TextLabel$4, {
|
|
10089
10028
|
darkMode: darkMode,
|
|
10090
10029
|
"data-testid": "select2-text-label"
|
|
10091
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10092
|
-
|
|
10030
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
10031
|
+
size: 'large'
|
|
10093
10032
|
}, label))), /*#__PURE__*/React__default.createElement(SelectWrapper$1, {
|
|
10094
10033
|
width: width,
|
|
10095
10034
|
error: error,
|
|
@@ -10097,8 +10036,8 @@ var WrapperComponent = function WrapperComponent(_ref) {
|
|
|
10097
10036
|
}, children)), !!error && (/*#__PURE__*/React__default.createElement(ErrorLabel$5, {
|
|
10098
10037
|
darkMode: darkMode,
|
|
10099
10038
|
"data-testid": "select2-error-label"
|
|
10100
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10101
|
-
|
|
10039
|
+
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
10040
|
+
size: 'medium'
|
|
10102
10041
|
}, error))));
|
|
10103
10042
|
};
|
|
10104
10043
|
/**
|
|
@@ -10124,12 +10063,14 @@ var SelectComponent = function SelectComponent(_ref2) {
|
|
|
10124
10063
|
_ref2$isSearchable = _ref2.isSearchable,
|
|
10125
10064
|
isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
|
|
10126
10065
|
components = _ref2.components,
|
|
10066
|
+
className = _ref2.className,
|
|
10127
10067
|
selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
|
|
10128
10068
|
return /*#__PURE__*/React__default.createElement(WrapperComponent, {
|
|
10129
10069
|
label: label,
|
|
10130
10070
|
error: error,
|
|
10131
10071
|
width: width,
|
|
10132
|
-
darkMode: darkMode
|
|
10072
|
+
darkMode: darkMode,
|
|
10073
|
+
className: className
|
|
10133
10074
|
}, /*#__PURE__*/React__default.createElement(Select$1, Object.assign({}, selectProps, {
|
|
10134
10075
|
components: _extends({
|
|
10135
10076
|
DropdownIndicator: DropdownIndicator,
|
|
@@ -11563,9 +11504,14 @@ var BodyContent = function BodyContent(_ref2) {
|
|
|
11563
11504
|
_ref2$renderGridItem = _ref2.renderGridItem,
|
|
11564
11505
|
renderGridItem = _ref2$renderGridItem === void 0 ? true : _ref2$renderGridItem;
|
|
11565
11506
|
var textContainerClassName = !renderGrid && !renderGridItem ? className : undefined;
|
|
11566
|
-
var content = /*#__PURE__*/React__default.createElement(
|
|
11507
|
+
var content = /*#__PURE__*/React__default.createElement(TextContainer$1, {
|
|
11508
|
+
tag: "div",
|
|
11509
|
+
size: "large",
|
|
11510
|
+
"data-testid": "text-container",
|
|
11567
11511
|
className: textContainerClassName,
|
|
11568
|
-
|
|
11512
|
+
dangerouslySetInnerHTML: {
|
|
11513
|
+
__html: addTypographyClasses(text)
|
|
11514
|
+
}
|
|
11569
11515
|
});
|
|
11570
11516
|
var gridItemOrContent = renderGridItem ? (/*#__PURE__*/React__default.createElement(GridItem, {
|
|
11571
11517
|
columnStartDesktop: columnStartDesktop,
|