@royaloperahouse/chord 2.7.0-a-development → 2.7.0-b-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -213
- package/dist/chord.cjs.development.js +401 -262
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +401 -261
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +4 -4
- package/dist/components/molecules/SignUpForm/SignUpForm.d.ts +4 -0
- package/dist/components/molecules/SignUpForm/SignUpForm.style.d.ts +13 -0
- package/dist/components/molecules/SignUpForm/index.d.ts +2 -0
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/components/organisms/index.d.ts +1 -2
- package/dist/helpers/formatStrings.d.ts +1 -0
- package/dist/helpers/forms.d.ts +15 -0
- package/dist/index.d.ts +2 -3
- package/dist/types/signUpForm.d.ts +62 -0
- package/package.json +1 -1
- package/dist/components/organisms/LiveChat/LiveChat.d.ts +0 -3
- package/dist/components/organisms/LiveChat/index.d.ts +0 -2
|
@@ -1934,8 +1934,8 @@ var Facebook = (function (_ref) {
|
|
|
1934
1934
|
viewBox: "0 0 24 24",
|
|
1935
1935
|
fill: "none",
|
|
1936
1936
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1937
|
-
|
|
1938
|
-
"
|
|
1937
|
+
"aria-label": ariaLabel,
|
|
1938
|
+
role: "img"
|
|
1939
1939
|
}, /*#__PURE__*/React.createElement("path", {
|
|
1940
1940
|
d: "M13.6598 22H9.70976V12.14H6.99976V8.93H9.69976V6.65C9.70976 3.94 10.8998 2 14.8398 2C15.5622 2.02024 16.2831 2.07698 16.9998 2.17V5.17H15.6098C14.2098 5.17 13.6598 5.59 13.6598 6.77V8.93H16.9298L16.6398 12.14H13.6398L13.6598 22Z",
|
|
1941
1941
|
fill: color
|
|
@@ -1952,8 +1952,8 @@ var Instagram = (function (_ref) {
|
|
|
1952
1952
|
viewBox: "0 0 24 24",
|
|
1953
1953
|
fill: "none",
|
|
1954
1954
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1955
|
-
|
|
1956
|
-
"
|
|
1955
|
+
"aria-label": ariaLabel,
|
|
1956
|
+
role: "img"
|
|
1957
1957
|
}, /*#__PURE__*/React.createElement("path", {
|
|
1958
1958
|
d: "M11.9998 4.62C14.3998 4.62 14.6898 4.62 15.6398 4.62C16.2138 4.652 16.7784 4.78047 17.3098 5C17.6891 5.15025 18.0306 5.38245 18.3098 5.68C18.6073 5.95918 18.8395 6.30065 18.9898 6.68C19.1854 7.21552 19.2901 7.77996 19.2998 8.35C19.2998 9.35 19.3498 9.59 19.3498 11.99C19.3498 14.39 19.3498 14.68 19.2998 15.63C19.2945 16.2028 19.1931 16.7707 18.9998 17.31C18.8495 17.6893 18.6173 18.0308 18.3198 18.31C18.0406 18.6075 17.6991 18.8397 17.3198 18.99C16.7843 19.1856 16.2198 19.2904 15.6498 19.3C14.6998 19.3 14.4098 19.35 12.0098 19.35C9.60978 19.35 9.31978 19.35 8.36978 19.3C7.79694 19.2947 7.22905 19.1933 6.68978 19C6.31043 18.8497 5.96896 18.6175 5.68978 18.32C5.39223 18.0408 5.16003 17.6993 5.00978 17.32C4.81419 16.7845 4.70942 16.22 4.69978 15.65C4.69978 14.65 4.64978 14.41 4.64978 12.01C4.64978 9.61 4.64978 9.32 4.69978 8.37C4.70509 7.79716 4.8065 7.22927 4.99978 6.69C5.15003 6.31065 5.38223 5.96918 5.67978 5.69C5.95897 5.39245 6.30044 5.16025 6.67978 5.01C7.21531 4.81441 7.77974 4.70963 8.34978 4.7C9.34978 4.7 9.58978 4.7 11.9898 4.7L11.9998 4.62ZM11.9998 3C9.55978 3 9.24978 3 8.28978 3C7.54184 3.02033 6.80218 3.16219 6.09978 3.42C5.50426 3.63557 4.96202 3.9766 4.50978 4.42C4.06638 4.87223 3.72535 5.41448 3.50978 6.01C3.25197 6.7124 3.11012 7.45206 3.08978 8.2C3.08978 9.2 3.08978 9.47 3.08978 11.91C3.08978 14.35 3.08978 14.66 3.08978 15.62C3.11012 16.3679 3.25197 17.1076 3.50978 17.81C3.72535 18.4055 4.06638 18.9478 4.50978 19.4C4.96202 19.8434 5.50426 20.1844 6.09978 20.4C6.80218 20.6578 7.54184 20.7997 8.28978 20.82C9.28978 20.82 9.55978 20.87 11.9998 20.87C14.4398 20.87 14.7498 20.87 15.7098 20.82C16.4577 20.7997 17.1974 20.6578 17.8998 20.4C18.4953 20.1844 19.0375 19.8434 19.4898 19.4C19.9332 18.9478 20.2742 18.4055 20.4898 17.81C20.769 17.1411 20.9411 16.4324 20.9998 15.71C20.9998 14.71 21.0498 14.44 21.0498 12C21.0498 9.56 21.0498 9.25 20.9998 8.29C20.9794 7.54206 20.8376 6.8024 20.5798 6.1C20.3642 5.50448 20.0232 4.96223 19.5798 4.51C19.1275 4.0666 18.5853 3.72557 17.9898 3.51C17.2874 3.25219 16.5477 3.11033 15.7998 3.09C14.7998 3.09 14.5298 3.09 12.0898 3.09L11.9998 3Z",
|
|
1959
1959
|
fill: color
|
|
@@ -1976,8 +1976,8 @@ var Tiktok = (function (_ref) {
|
|
|
1976
1976
|
viewBox: "0 0 24 24",
|
|
1977
1977
|
fill: "none",
|
|
1978
1978
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1979
|
-
|
|
1980
|
-
"
|
|
1979
|
+
"aria-label": ariaLabel,
|
|
1980
|
+
role: "img"
|
|
1981
1981
|
}, /*#__PURE__*/React.createElement("path", {
|
|
1982
1982
|
d: "M19.6997 10.28C19.5532 10.2898 19.4062 10.2898 19.2597 10.28C18.4648 10.2811 17.6823 10.083 16.9836 9.70397C16.2849 9.32492 15.6922 8.77693 15.2597 8.11V15.51C15.2597 16.5919 14.9389 17.6494 14.3378 18.549C13.7368 19.4485 12.8825 20.1496 11.883 20.5636C10.8835 20.9776 9.78364 21.086 8.72256 20.8749C7.66148 20.6638 6.68682 20.1429 5.92183 19.3779C5.15684 18.6129 4.63587 17.6382 4.42481 16.5771C4.21375 15.5161 4.32207 14.4162 4.73608 13.4167C5.15009 12.4172 5.8512 11.5629 6.75074 10.9619C7.65027 10.3608 8.70784 10.04 9.7897 10.04H10.1297V12.73H9.7897C9.04975 12.73 8.3401 13.0239 7.81688 13.5472C7.29365 14.0704 6.9997 14.78 6.9997 15.52C6.9997 16.26 7.29365 16.9696 7.81688 17.4928C8.3401 18.0161 9.04975 18.31 9.7897 18.31C10.5372 18.3236 11.26 18.0429 11.8025 17.5285C12.345 17.0141 12.6636 16.3071 12.6897 15.56L12.6997 3H15.2797C15.3963 4.11994 15.9028 5.16325 16.7108 5.94747C17.5188 6.7317 18.5768 7.20691 19.6997 7.29V10.29",
|
|
1983
1983
|
fill: color
|
|
@@ -1994,8 +1994,8 @@ var Twitter = (function (_ref) {
|
|
|
1994
1994
|
viewBox: "0 0 24 24",
|
|
1995
1995
|
fill: "none",
|
|
1996
1996
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1997
|
-
|
|
1998
|
-
"
|
|
1997
|
+
"aria-label": ariaLabel,
|
|
1998
|
+
role: "img"
|
|
1999
1999
|
}, /*#__PURE__*/React.createElement("path", {
|
|
2000
2000
|
d: "M21.9998 5.88989C21.2497 6.22055 20.4541 6.43631 19.6398 6.52989C20.4934 6.0305 21.1366 5.23803 21.4498 4.29989C20.6398 4.77267 19.7583 5.11042 18.8398 5.29989C18.4539 4.89263 17.9885 4.5689 17.4725 4.34873C16.9565 4.12856 16.4008 4.01664 15.8398 4.01989C14.7662 4.01179 13.7327 4.42715 12.9634 5.17592C12.194 5.92469 11.7508 6.94652 11.7298 8.01989C11.7307 8.32978 11.7676 8.63852 11.8398 8.93989C10.2142 8.86071 8.62291 8.44473 7.1666 7.71829C5.71029 6.99186 4.42077 5.97082 3.37975 4.71989C3.02375 5.3266 2.83404 6.01646 2.82976 6.71989C2.82871 7.38732 2.9947 8.04441 3.31258 8.63128C3.63047 9.21815 4.09016 9.71614 4.64976 10.0799C3.99934 10.0599 3.36252 9.88873 2.78976 9.57989C2.78849 10.5249 3.11611 11.4409 3.71641 12.1707C4.31671 12.9006 5.15227 13.3988 6.07976 13.5799C5.72736 13.6732 5.36431 13.7203 4.99976 13.7199C4.74165 13.7169 4.48418 13.6935 4.22976 13.6499C4.49917 14.456 5.01247 15.1585 5.69862 15.6601C6.38478 16.1618 7.20987 16.4377 8.05975 16.4499C6.61975 17.5939 4.83879 18.2239 2.99976 18.2399C2.66976 18.2399 2.33976 18.2399 1.99976 18.2399C3.88906 19.4067 6.06925 20.0167 8.28976 19.9999C9.81706 20.0291 11.3349 19.7535 12.7544 19.1892C14.1739 18.6249 15.4667 17.7832 16.557 16.7133C17.6474 15.6435 18.5134 14.3669 19.1046 12.9583C19.6957 11.5498 20 10.0375 19.9998 8.50989C19.9998 8.32989 19.9998 8.15989 19.9998 7.97989C20.7857 7.40806 21.463 6.70024 21.9998 5.88989Z",
|
|
2001
2001
|
fill: color
|
|
@@ -2012,8 +2012,8 @@ var X = (function (_ref) {
|
|
|
2012
2012
|
viewBox: "0 0 24 24",
|
|
2013
2013
|
fill: "none",
|
|
2014
2014
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2015
|
-
|
|
2016
|
-
"
|
|
2015
|
+
"aria-label": ariaLabel,
|
|
2016
|
+
role: "img"
|
|
2017
2017
|
}, /*#__PURE__*/React.createElement("path", {
|
|
2018
2018
|
d: "M13.7124 10.6179L20.4133 3H18.8254L13.007 9.61448L8.35992 3H3L10.0274 13.0023L3 20.9908H4.58799L10.7324 14.0056L15.6401 20.9908H21L13.7124 10.6179ZM11.5375 13.0904L10.8255 12.0944L5.16016 4.16911H7.59922L12.1712 10.5651L12.8832 11.5611L18.8262 19.8748H16.3871L11.5375 13.0904Z",
|
|
2019
2019
|
fill: color
|
|
@@ -2030,8 +2030,8 @@ var Youtube = (function (_ref) {
|
|
|
2030
2030
|
viewBox: "0 0 24 24",
|
|
2031
2031
|
fill: "none",
|
|
2032
2032
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2033
|
-
|
|
2034
|
-
"
|
|
2033
|
+
"aria-label": ariaLabel,
|
|
2034
|
+
role: "img"
|
|
2035
2035
|
}, /*#__PURE__*/React.createElement("path", {
|
|
2036
2036
|
d: "M12.4398 18.8999L8.33978 18.8199C7.00184 18.8681 5.66237 18.7877 4.33978 18.5799C2.33978 18.1699 2.21978 16.1899 2.06978 14.5799C1.86519 12.2448 1.95253 9.89335 2.32978 7.57989C2.3868 6.99013 2.66085 6.44256 3.09878 6.04344C3.5367 5.64432 4.10727 5.4221 4.69978 5.41989C9.1314 5.15166 13.5738 5.10827 18.0098 5.28989C18.4804 5.30645 18.9488 5.36332 19.4098 5.45989C21.6798 5.84989 21.7398 8.09989 21.8798 9.99989C22.0316 11.911 21.9679 13.8331 21.6898 15.7299C21.4598 17.3099 21.0298 18.6199 19.2098 18.7299C16.9298 18.8999 14.7098 19.0299 12.4198 18.9899C12.4598 18.8999 12.4498 18.8999 12.4398 18.8999ZM10.0298 14.8999L15.1398 11.9999L9.99978 9.04989L10.0298 14.8999Z",
|
|
2037
2037
|
fill: color
|
|
@@ -2068,12 +2068,11 @@ var Shift = (function (_ref) {
|
|
|
2068
2068
|
height: "100%",
|
|
2069
2069
|
viewBox: "0 0 24 24",
|
|
2070
2070
|
fill: "none",
|
|
2071
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
2072
|
-
role: "img",
|
|
2073
|
-
"aria-label": ariaLabel
|
|
2071
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2074
2072
|
}, /*#__PURE__*/React.createElement("path", {
|
|
2075
2073
|
d: "M12 3L3 12H8V21H16V12H21L12 3ZM15 11V12V20H9V12V11H8H5.4L12 4.4L18.6 11H16H15Z",
|
|
2076
|
-
fill: color
|
|
2074
|
+
fill: color,
|
|
2075
|
+
"aria-label": ariaLabel
|
|
2077
2076
|
}));
|
|
2078
2077
|
});
|
|
2079
2078
|
|
|
@@ -2710,11 +2709,9 @@ var Button = function Button(_ref) {
|
|
|
2710
2709
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
2711
2710
|
|
|
2712
2711
|
var truncatedString = children.substring(0, 30);
|
|
2713
|
-
var tabIndex = rest['aria-disabled'] === 'true' ? undefined : 0;
|
|
2714
2712
|
return /*#__PURE__*/React__default.createElement(ButtonWrapper, Object.assign({}, rest, {
|
|
2715
2713
|
color: color,
|
|
2716
|
-
iconName: iconName
|
|
2717
|
-
tabIndex: tabIndex
|
|
2714
|
+
iconName: iconName
|
|
2718
2715
|
}), iconName ? /*#__PURE__*/React__default.createElement(ButtonIconWrapper, {
|
|
2719
2716
|
"data-testid": "button-icon",
|
|
2720
2717
|
className: iconClassName
|
|
@@ -2861,7 +2858,7 @@ var SecondaryButton = function SecondaryButton(_ref) {
|
|
|
2861
2858
|
};
|
|
2862
2859
|
|
|
2863
2860
|
var _templateObject$6, _templateObject2$1;
|
|
2864
|
-
var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n background: none;\n border-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n
|
|
2861
|
+
var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n background: none;\n border-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n"])), function (_ref) {
|
|
2865
2862
|
var color = _ref.color;
|
|
2866
2863
|
return color;
|
|
2867
2864
|
});
|
|
@@ -2875,10 +2872,8 @@ var Button$1 = function Button(_ref) {
|
|
|
2875
2872
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
2876
2873
|
|
|
2877
2874
|
var truncatedString = children.substring(0, 100);
|
|
2878
|
-
var tabIndex = 0;
|
|
2879
2875
|
return /*#__PURE__*/React__default.createElement(TertiaryButtonWrapper, Object.assign({}, rest, {
|
|
2880
|
-
color: color
|
|
2881
|
-
tabIndex: tabIndex
|
|
2876
|
+
color: color
|
|
2882
2877
|
}), truncatedString, /*#__PURE__*/React__default.createElement(TertiaryIconWrapper, {
|
|
2883
2878
|
"data-testid": "tertiary-icon"
|
|
2884
2879
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -3085,39 +3080,7 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
3085
3080
|
});
|
|
3086
3081
|
|
|
3087
3082
|
var _templateObject$b;
|
|
3088
|
-
|
|
3089
|
-
* # IMPORTANT
|
|
3090
|
-
* Please use the `<GridItem />` component instead of this component if possible.
|
|
3091
|
-
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
3092
|
-
*/
|
|
3093
|
-
|
|
3094
|
-
var GridItemLegacy = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
|
|
3095
|
-
var columnStartDesktop = _ref.columnStartDesktop;
|
|
3096
|
-
return columnStartDesktop;
|
|
3097
|
-
}, function (_ref2) {
|
|
3098
|
-
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
3099
|
-
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
3100
|
-
return columnSpanDesktop;
|
|
3101
|
-
}, devices.mobile, function (_ref3) {
|
|
3102
|
-
var columnStartDevice = _ref3.columnStartDevice,
|
|
3103
|
-
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
3104
|
-
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
3105
|
-
}, function (_ref4) {
|
|
3106
|
-
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
3107
|
-
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
3108
|
-
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
3109
|
-
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
3110
|
-
}, devices.tablet, function (_ref5) {
|
|
3111
|
-
var columnStartDevice = _ref5.columnStartDevice;
|
|
3112
|
-
return columnStartDevice;
|
|
3113
|
-
}, function (_ref6) {
|
|
3114
|
-
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
3115
|
-
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
3116
|
-
return columnSpanDevice;
|
|
3117
|
-
});
|
|
3118
|
-
|
|
3119
|
-
var _templateObject$c;
|
|
3120
|
-
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
3083
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
3121
3084
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
3122
3085
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
3123
3086
|
return aspectRatio;
|
|
@@ -3135,8 +3098,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c
|
|
|
3135
3098
|
return aspectRatio;
|
|
3136
3099
|
});
|
|
3137
3100
|
|
|
3138
|
-
var _templateObject$
|
|
3139
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3101
|
+
var _templateObject$c, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
3102
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
3140
3103
|
var height = _ref.height;
|
|
3141
3104
|
return height ? height + "px" : '6px';
|
|
3142
3105
|
});
|
|
@@ -3219,13 +3182,13 @@ var Progress = function Progress(_ref) {
|
|
|
3219
3182
|
}, renderSteps()));
|
|
3220
3183
|
};
|
|
3221
3184
|
|
|
3222
|
-
var _templateObject$
|
|
3223
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3185
|
+
var _templateObject$d, _templateObject2$5, _templateObject3$3;
|
|
3186
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
3224
3187
|
var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
3225
3188
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
3226
3189
|
|
|
3227
|
-
var _templateObject$
|
|
3228
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3190
|
+
var _templateObject$e;
|
|
3191
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
3229
3192
|
var typography = _ref.typography;
|
|
3230
3193
|
return typography;
|
|
3231
3194
|
}, function (_ref2) {
|
|
@@ -3386,8 +3349,8 @@ var Radio = function Radio(_ref) {
|
|
|
3386
3349
|
}, error)));
|
|
3387
3350
|
};
|
|
3388
3351
|
|
|
3389
|
-
var _templateObject$
|
|
3390
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3352
|
+
var _templateObject$f, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3353
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3391
3354
|
var Radio$1 = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
3392
3355
|
var error = _ref.error,
|
|
3393
3356
|
darkMode = _ref.darkMode,
|
|
@@ -3496,8 +3459,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3496
3459
|
}, error)));
|
|
3497
3460
|
});
|
|
3498
3461
|
|
|
3499
|
-
var _templateObject$
|
|
3500
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3462
|
+
var _templateObject$g, _templateObject2$7, _templateObject3$5;
|
|
3463
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3501
3464
|
var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
3502
3465
|
var theme = _ref.theme;
|
|
3503
3466
|
return theme.colors.primary;
|
|
@@ -3568,8 +3531,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3568
3531
|
}, renderNextIcon()));
|
|
3569
3532
|
};
|
|
3570
3533
|
|
|
3571
|
-
var _templateObject$
|
|
3572
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3534
|
+
var _templateObject$h;
|
|
3535
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3573
3536
|
var fillColor = _ref.fillColor;
|
|
3574
3537
|
return fillColor;
|
|
3575
3538
|
});
|
|
@@ -3593,8 +3556,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3593
3556
|
})));
|
|
3594
3557
|
};
|
|
3595
3558
|
|
|
3596
|
-
var _templateObject$
|
|
3597
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3559
|
+
var _templateObject$i, _templateObject2$8;
|
|
3560
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3598
3561
|
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3599
3562
|
|
|
3600
3563
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3613,8 +3576,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3613
3576
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3614
3577
|
};
|
|
3615
3578
|
|
|
3616
|
-
var _templateObject$
|
|
3617
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3579
|
+
var _templateObject$j;
|
|
3580
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3618
3581
|
|
|
3619
3582
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3620
3583
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3824,8 +3787,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3824
3787
|
})))));
|
|
3825
3788
|
};
|
|
3826
3789
|
|
|
3827
|
-
var _templateObject$
|
|
3828
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3790
|
+
var _templateObject$k, _templateObject2$9;
|
|
3791
|
+
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3829
3792
|
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3830
3793
|
|
|
3831
3794
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3858,8 +3821,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3858
3821
|
}));
|
|
3859
3822
|
};
|
|
3860
3823
|
|
|
3861
|
-
var _templateObject$
|
|
3862
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3824
|
+
var _templateObject$l, _templateObject2$a;
|
|
3825
|
+
var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3863
3826
|
if (props.withIcon === 'left') {
|
|
3864
3827
|
return "margin-left: 5px;";
|
|
3865
3828
|
}
|
|
@@ -3958,8 +3921,8 @@ var Tab = function Tab(_ref) {
|
|
|
3958
3921
|
}));
|
|
3959
3922
|
};
|
|
3960
3923
|
|
|
3961
|
-
var _templateObject$
|
|
3962
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3924
|
+
var _templateObject$m, _templateObject2$b;
|
|
3925
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3963
3926
|
var iconName = _ref.iconName;
|
|
3964
3927
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3965
3928
|
}, function (_ref2) {
|
|
@@ -4012,8 +3975,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
4012
3975
|
})) : null, children);
|
|
4013
3976
|
};
|
|
4014
3977
|
|
|
4015
|
-
var _templateObject$
|
|
4016
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3978
|
+
var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
|
|
3979
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
4017
3980
|
var width = _ref.width;
|
|
4018
3981
|
return width ? width + "px;" : '100%;';
|
|
4019
3982
|
}, function (_ref2) {
|
|
@@ -4137,8 +4100,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
4137
4100
|
}, error))));
|
|
4138
4101
|
};
|
|
4139
4102
|
|
|
4140
|
-
var _templateObject$
|
|
4141
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4103
|
+
var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
4104
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4142
4105
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
4143
4106
|
var width = _ref.width;
|
|
4144
4107
|
if (!width) return 'none';
|
|
@@ -4265,8 +4228,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4265
4228
|
}, error)));
|
|
4266
4229
|
});
|
|
4267
4230
|
|
|
4268
|
-
var _templateObject$
|
|
4269
|
-
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4231
|
+
var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
4232
|
+
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4270
4233
|
var textStyles = /*#__PURE__*/styled.css(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
4271
4234
|
var theme = _ref.theme;
|
|
4272
4235
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -4340,8 +4303,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
4340
4303
|
}, error) : null);
|
|
4341
4304
|
};
|
|
4342
4305
|
|
|
4343
|
-
var _templateObject$
|
|
4344
|
-
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
4306
|
+
var _templateObject$q, _templateObject2$f;
|
|
4307
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
4345
4308
|
var iconName = _ref.iconName;
|
|
4346
4309
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
4347
4310
|
}, function (_ref2) {
|
|
@@ -4379,8 +4342,8 @@ var TextLogoProduct;
|
|
|
4379
4342
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4380
4343
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4381
4344
|
|
|
4382
|
-
var _templateObject$
|
|
4383
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4345
|
+
var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
|
|
4346
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4384
4347
|
var dark = _ref.dark;
|
|
4385
4348
|
return dark ? 'white' : 'errorstate';
|
|
4386
4349
|
});
|
|
@@ -4501,8 +4464,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4501
4464
|
}, error)));
|
|
4502
4465
|
};
|
|
4503
4466
|
|
|
4504
|
-
var _templateObject$
|
|
4505
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4467
|
+
var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4468
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4506
4469
|
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
4507
4470
|
var error = _ref.error,
|
|
4508
4471
|
darkMode = _ref.darkMode,
|
|
@@ -4613,8 +4576,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4613
4576
|
}, error)));
|
|
4614
4577
|
});
|
|
4615
4578
|
|
|
4616
|
-
var _templateObject$
|
|
4617
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4579
|
+
var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4580
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4618
4581
|
var color = _ref.color;
|
|
4619
4582
|
return color;
|
|
4620
4583
|
});
|
|
@@ -4722,8 +4685,8 @@ var Timer = function Timer(_ref) {
|
|
|
4722
4685
|
}));
|
|
4723
4686
|
};
|
|
4724
4687
|
|
|
4725
|
-
var _templateObject$
|
|
4726
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4688
|
+
var _templateObject$u;
|
|
4689
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
4727
4690
|
|
|
4728
4691
|
var TypeTags = function TypeTags(_ref) {
|
|
4729
4692
|
var list = _ref.list;
|
|
@@ -5496,8 +5459,8 @@ try {
|
|
|
5496
5459
|
}
|
|
5497
5460
|
});
|
|
5498
5461
|
|
|
5499
|
-
var _templateObject$
|
|
5500
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
5462
|
+
var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5463
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
5501
5464
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
5502
5465
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5503
5466
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
@@ -5716,8 +5679,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5716
5679
|
})));
|
|
5717
5680
|
};
|
|
5718
5681
|
|
|
5719
|
-
var _templateObject$
|
|
5720
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5682
|
+
var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5683
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5721
5684
|
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5722
5685
|
var darkMode = _ref.darkMode;
|
|
5723
5686
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5944,9 +5907,9 @@ var Component = function Component(_ref) {
|
|
|
5944
5907
|
}, error)));
|
|
5945
5908
|
};
|
|
5946
5909
|
|
|
5947
|
-
var _templateObject$
|
|
5910
|
+
var _templateObject$x;
|
|
5948
5911
|
var colors$1 = core.colors;
|
|
5949
|
-
var Tile = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5912
|
+
var Tile = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background-color: ", ";\n padding: 12px;\n cursor: pointer;\n width: fit-content;\n user-select: none;\n\n svg {\n display: ", ";\n height: 18px;\n width: 18px;\n margin-right: 14px;\n\n @media ", " {\n height: 16px;\n width: 16px;\n }\n }\n"])), function (_ref) {
|
|
5950
5913
|
var isSelected = _ref.isSelected;
|
|
5951
5914
|
return isSelected ? colors$1.midgrey : colors$1.lightgrey;
|
|
5952
5915
|
}, function (_ref2) {
|
|
@@ -6006,8 +5969,8 @@ var ToggleButton = function ToggleButton(_ref) {
|
|
|
6006
5969
|
}, item.label));
|
|
6007
5970
|
};
|
|
6008
5971
|
|
|
6009
|
-
var _templateObject$
|
|
6010
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5972
|
+
var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5973
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
6011
5974
|
var isMenuOpen = _ref.isMenuOpen;
|
|
6012
5975
|
return isMenuOpen && "\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: " + zIndexes.overlay + ";\n background-color: var(--base-color-white);\n overflow-y: auto;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n ";
|
|
6013
5976
|
});
|
|
@@ -6031,8 +5994,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
|
|
|
6031
5994
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
6032
5995
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
6033
5996
|
|
|
6034
|
-
var _templateObject$
|
|
6035
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5997
|
+
var _templateObject$z;
|
|
5998
|
+
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
6036
5999
|
|
|
6037
6000
|
var Logo = function Logo(_ref) {
|
|
6038
6001
|
var _ref$id = _ref.id,
|
|
@@ -6064,11 +6027,11 @@ var Logo = function Logo(_ref) {
|
|
|
6064
6027
|
}))));
|
|
6065
6028
|
};
|
|
6066
6029
|
|
|
6067
|
-
var _templateObject$
|
|
6068
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6030
|
+
var _templateObject$A;
|
|
6031
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 16px;\n justify-content: flex-end;\n height: 26px;\n\n @media ", " {\n column-gap: 8px;\n }\n"])), devices.mobile);
|
|
6069
6032
|
|
|
6070
|
-
var _templateObject$
|
|
6071
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6033
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
|
|
6034
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && a {\n color: var(--base-color-", ");\n }\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n ", "\n"])), function (_ref) {
|
|
6072
6035
|
var selected = _ref.selected,
|
|
6073
6036
|
colorPrimary = _ref.colorPrimary;
|
|
6074
6037
|
|
|
@@ -6257,8 +6220,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
6257
6220
|
}, expiryTime ? basketText : text) : ''));
|
|
6258
6221
|
};
|
|
6259
6222
|
|
|
6260
|
-
var _templateObject$
|
|
6261
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6223
|
+
var _templateObject$C, _templateObject2$n;
|
|
6224
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
6262
6225
|
var selected = _ref.selected,
|
|
6263
6226
|
colorPrimary = _ref.colorPrimary;
|
|
6264
6227
|
|
|
@@ -6550,8 +6513,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6550
6513
|
}));
|
|
6551
6514
|
};
|
|
6552
6515
|
|
|
6553
|
-
var _templateObject$
|
|
6554
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6516
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
|
|
6517
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6555
6518
|
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
6556
6519
|
if (props.showMenu) {
|
|
6557
6520
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6693,8 +6656,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6693
6656
|
}, "MENU"))));
|
|
6694
6657
|
};
|
|
6695
6658
|
|
|
6696
|
-
var _templateObject$
|
|
6697
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6659
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6660
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n column-gap: 64px;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n background-color: var(--base-color-transparent);\n\n @media ", " {\n column-gap: 12px;\n }\n"])), devices.mobile);
|
|
6698
6661
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6699
6662
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
6700
6663
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
@@ -6931,16 +6894,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6931
6894
|
})))));
|
|
6932
6895
|
};
|
|
6933
6896
|
|
|
6934
|
-
var _templateObject$
|
|
6935
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
6897
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6898
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6936
6899
|
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
6937
6900
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
6938
6901
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6939
6902
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
6940
6903
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
6941
6904
|
|
|
6942
|
-
var _templateObject$
|
|
6943
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
6905
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$j;
|
|
6906
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 auto;\n padding: 0;\n list-style: none;\n display: flex;\n gap: var(--footer-items-gap);\n\n @media ", " {\n & {\n margin: 0;\n flex-direction: column;\n }\n }\n"])), devices.mobile);
|
|
6944
6907
|
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
6945
6908
|
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
6946
6909
|
|
|
@@ -6958,8 +6921,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6958
6921
|
}));
|
|
6959
6922
|
};
|
|
6960
6923
|
|
|
6961
|
-
var _templateObject$
|
|
6962
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6924
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6925
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n grid-template-rows: 100px;\n gap: 0;\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content min-content;\n gap: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
6963
6926
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
6964
6927
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6965
6928
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
@@ -7032,9 +6995,9 @@ var Footer = function Footer(_ref) {
|
|
|
7032
6995
|
}, additionalInfo)))));
|
|
7033
6996
|
};
|
|
7034
6997
|
|
|
7035
|
-
var _templateObject$
|
|
6998
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
7036
6999
|
var LIST_ITEM_GAP = 32;
|
|
7037
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7000
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
7038
7001
|
var bottomBorder = _ref.bottomBorder;
|
|
7039
7002
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
7040
7003
|
}, zIndexes.anchor);
|
|
@@ -7300,8 +7263,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
7300
7263
|
})) : null) : null))));
|
|
7301
7264
|
};
|
|
7302
7265
|
|
|
7303
|
-
var _templateObject$
|
|
7304
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7266
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
7267
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
7305
7268
|
var sticky = _ref.sticky;
|
|
7306
7269
|
return sticky ? 'sticky' : 'initial';
|
|
7307
7270
|
}, zIndexes.anchor);
|
|
@@ -7364,8 +7327,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
7364
7327
|
}, message)));
|
|
7365
7328
|
};
|
|
7366
7329
|
|
|
7367
|
-
var _templateObject$
|
|
7368
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7330
|
+
var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
7331
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
|
|
7369
7332
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
7370
7333
|
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
7371
7334
|
var theme = _ref.theme;
|
|
@@ -7401,6 +7364,9 @@ var formatPrice = function formatPrice(value) {
|
|
|
7401
7364
|
if (Number.isNaN(Number(value))) return value != null ? value : '';
|
|
7402
7365
|
return "\xA3" + Number(value).toFixed(2);
|
|
7403
7366
|
};
|
|
7367
|
+
var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
|
|
7368
|
+
return string.substring(0, 1).toUpperCase() + string.substring(1);
|
|
7369
|
+
};
|
|
7404
7370
|
|
|
7405
7371
|
var LENGTH_SMALL_TEXT = 19;
|
|
7406
7372
|
var OFFER_TEXTS_LIMIT = 3;
|
|
@@ -7445,8 +7411,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
7445
7411
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
7446
7412
|
};
|
|
7447
7413
|
|
|
7448
|
-
var _templateObject$
|
|
7449
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7414
|
+
var _templateObject$L;
|
|
7415
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
|
|
7450
7416
|
|
|
7451
7417
|
var UpsellCards = function UpsellCards(_ref) {
|
|
7452
7418
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7464,16 +7430,16 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7464
7430
|
}));
|
|
7465
7431
|
};
|
|
7466
7432
|
|
|
7467
|
-
var _templateObject$
|
|
7468
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7433
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$o;
|
|
7434
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
|
|
7469
7435
|
var theme = _ref.theme;
|
|
7470
7436
|
return theme.colors.primary;
|
|
7471
7437
|
}, devices.mobile, devices.tablet);
|
|
7472
7438
|
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7473
7439
|
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7474
7440
|
|
|
7475
|
-
var _templateObject$
|
|
7476
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7441
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
|
|
7442
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7477
7443
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7478
7444
|
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n visibility: ", ";\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n \n @media print { \n visibility: visible;\n }\n}\n"])), function (_ref) {
|
|
7479
7445
|
var isVisible = _ref.isVisible;
|
|
@@ -7601,8 +7567,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7601
7567
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7602
7568
|
};
|
|
7603
7569
|
|
|
7604
|
-
var _templateObject$
|
|
7605
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7570
|
+
var _templateObject$O;
|
|
7571
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7606
7572
|
|
|
7607
7573
|
var Accordions = function Accordions(_ref) {
|
|
7608
7574
|
var _ref$items = _ref.items,
|
|
@@ -7635,8 +7601,8 @@ var Theme = function Theme(_ref) {
|
|
|
7635
7601
|
}, children);
|
|
7636
7602
|
};
|
|
7637
7603
|
|
|
7638
|
-
var _templateObject$
|
|
7639
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7604
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$q;
|
|
7605
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 28px 0;\n background-color: ", ";\n color: var(--base-color-white);\n\n @media ", " {\n padding: 20px 0;\n }\n"])), function (_ref) {
|
|
7640
7606
|
var theme = _ref.theme;
|
|
7641
7607
|
return theme.colors.primary;
|
|
7642
7608
|
}, devices.mobile);
|
|
@@ -7678,8 +7644,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7678
7644
|
}))))));
|
|
7679
7645
|
};
|
|
7680
7646
|
|
|
7681
|
-
var _templateObject$
|
|
7682
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7647
|
+
var _templateObject$Q;
|
|
7648
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 20px;\n border: none;\n padding: 0;\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n\n .auxiliaryButtonIcon {\n width: 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
7683
7649
|
var bgColor = _ref.bgColor,
|
|
7684
7650
|
theme = _ref.theme;
|
|
7685
7651
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7702,11 +7668,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7702
7668
|
}), children);
|
|
7703
7669
|
};
|
|
7704
7670
|
|
|
7705
|
-
var _templateObject$
|
|
7671
|
+
var _templateObject$R, _templateObject2$z, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7706
7672
|
var LENGTH_LARGE_TEXT = 28;
|
|
7707
7673
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7708
7674
|
var LENGTH_TEXT_TABLET = 10;
|
|
7709
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7675
|
+
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7710
7676
|
var isCardClickable = _ref.isCardClickable;
|
|
7711
7677
|
return isCardClickable ? 'pointer' : 'default';
|
|
7712
7678
|
}, function (_ref2) {
|
|
@@ -8009,8 +7975,8 @@ var Card = function Card(_ref) {
|
|
|
8009
7975
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
8010
7976
|
};
|
|
8011
7977
|
|
|
8012
|
-
var _templateObject$
|
|
8013
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7978
|
+
var _templateObject$S, _templateObject2$A;
|
|
7979
|
+
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n @media ", " {\n grid-row-gap: var(--cards-spacing-stack);\n }\n"])), devices.mobile);
|
|
8014
7980
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
8015
7981
|
|
|
8016
7982
|
var Cards = function Cards(_ref) {
|
|
@@ -8056,8 +8022,8 @@ var Cards = function Cards(_ref) {
|
|
|
8056
8022
|
}));
|
|
8057
8023
|
};
|
|
8058
8024
|
|
|
8059
|
-
var _templateObject$
|
|
8060
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8025
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
8026
|
+
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > div {\n margin-bottom: 2px;\n\n &:first-child {\n margin-bottom: 4px;\n\n @media ", " {\n margin-bottom: 6px;\n }\n }\n }\n\n @media ", " {\n grid-column: 2 / span 12;\n }\n"])), devices.mobile, devices.mobileAndTablet);
|
|
8061
8027
|
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
8062
8028
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
8063
8029
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -8125,8 +8091,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8125
8091
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
8126
8092
|
};
|
|
8127
8093
|
|
|
8128
|
-
var _templateObject$
|
|
8129
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
8094
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
8095
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8130
8096
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
8131
8097
|
return props.clickable ? 'pointer' : 'default';
|
|
8132
8098
|
}, devices.mobile);
|
|
@@ -8208,8 +8174,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8208
8174
|
}), link.text)));
|
|
8209
8175
|
};
|
|
8210
8176
|
|
|
8211
|
-
var _templateObject$
|
|
8212
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8177
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
8178
|
+
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: var(--grid-column-gap);\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: min-content 24px min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2';\n }\n }\n"])), function (_ref) {
|
|
8213
8179
|
var imageToLeft = _ref.imageToLeft;
|
|
8214
8180
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
8215
8181
|
}, devices.mobile);
|
|
@@ -8253,8 +8219,8 @@ var Editorial = function Editorial(_ref) {
|
|
|
8253
8219
|
})))));
|
|
8254
8220
|
};
|
|
8255
8221
|
|
|
8256
|
-
var _templateObject$
|
|
8257
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
8222
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
|
|
8223
|
+
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n word-break: var(--word-break-altHeader);\n"])));
|
|
8258
8224
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8259
8225
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
8260
8226
|
if (!props.infoThemed) {
|
|
@@ -8391,8 +8357,8 @@ var Information = function Information(_ref) {
|
|
|
8391
8357
|
}))));
|
|
8392
8358
|
};
|
|
8393
8359
|
|
|
8394
|
-
var _templateObject$
|
|
8395
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8360
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8361
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n // remove spacing above/below for all semantic levels of the title\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
8396
8362
|
var theme = _ref.theme;
|
|
8397
8363
|
return theme.colors.primary;
|
|
8398
8364
|
}, function (_ref2) {
|
|
@@ -8498,8 +8464,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8498
8464
|
})));
|
|
8499
8465
|
};
|
|
8500
8466
|
|
|
8501
|
-
var _templateObject$
|
|
8502
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8467
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8468
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n position: relative;\n display: flex;\n background: var(--base-color-black);\n\n @media ", " {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n }\n"])), devices.mobile);
|
|
8503
8469
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
8504
8470
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
8505
8471
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
@@ -8574,8 +8540,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8574
8540
|
}, "Scroll Down")) : null);
|
|
8575
8541
|
};
|
|
8576
8542
|
|
|
8577
|
-
var _templateObject$
|
|
8578
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8543
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
|
|
8544
|
+
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n\n ", "\n\n @media ", " {\n grid-template-rows: 48px max-content max-content;\n }\n"])), function (_ref) {
|
|
8579
8545
|
var color = _ref.color;
|
|
8580
8546
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8581
8547
|
}, devices.mobileAndTablet);
|
|
@@ -8619,8 +8585,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8619
8585
|
}))));
|
|
8620
8586
|
};
|
|
8621
8587
|
|
|
8622
|
-
var _templateObject
|
|
8623
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject
|
|
8588
|
+
var _templateObject$_;
|
|
8589
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8624
8590
|
|
|
8625
8591
|
var _excluded$k = ["link"];
|
|
8626
8592
|
|
|
@@ -8642,8 +8608,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8642
8608
|
}))));
|
|
8643
8609
|
};
|
|
8644
8610
|
|
|
8645
|
-
var _templateObject
|
|
8646
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8611
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8612
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-2);\n font-family: var(--font-family-header);\n text-transform: uppercase;\n margin: 0;\n white-space: nowrap;\n @media screen and (max-width: 920px) {\n white-space: normal;\n }\n @media ", " {\n white-space: nowrap;\n }\n"])), devices.mobile);
|
|
8647
8613
|
var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
8648
8614
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8649
8615
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
@@ -8980,8 +8946,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8980
8946
|
}), linkText))));
|
|
8981
8947
|
};
|
|
8982
8948
|
|
|
8983
|
-
var _templateObject$
|
|
8984
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8949
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
|
|
8950
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8985
8951
|
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
8986
8952
|
|
|
8987
8953
|
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
@@ -9057,8 +9023,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
9057
9023
|
}))));
|
|
9058
9024
|
};
|
|
9059
9025
|
|
|
9060
|
-
var _templateObject$
|
|
9061
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9026
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
|
|
9027
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
9062
9028
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9063
9029
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9064
9030
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
@@ -9119,8 +9085,8 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9119
9085
|
}));
|
|
9120
9086
|
};
|
|
9121
9087
|
|
|
9122
|
-
var _templateObject$
|
|
9123
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9088
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
|
|
9089
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9124
9090
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n\n grid-template-columns: ", ";\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (_ref) {
|
|
9125
9091
|
var columnCount = _ref.columnCount;
|
|
9126
9092
|
return "repeat(" + columnCount + ", 1fr)";
|
|
@@ -9205,14 +9171,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9205
9171
|
}));
|
|
9206
9172
|
};
|
|
9207
9173
|
|
|
9208
|
-
var _templateObject$
|
|
9174
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$D, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
9209
9175
|
var LENGTH_TEXT = 28;
|
|
9210
9176
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9211
9177
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9212
9178
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9213
9179
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9214
9180
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9215
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9181
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
|
|
9216
9182
|
var imageToLeft = _ref.imageToLeft;
|
|
9217
9183
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9218
9184
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9487,10 +9453,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9487
9453
|
}))));
|
|
9488
9454
|
};
|
|
9489
9455
|
|
|
9490
|
-
var _templateObject$
|
|
9456
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
|
|
9491
9457
|
var LENGTH_TEXT$2 = 28;
|
|
9492
9458
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9493
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9459
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
9494
9460
|
var imageToLeft = _ref.imageToLeft;
|
|
9495
9461
|
return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
|
|
9496
9462
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9543,8 +9509,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$e ||
|
|
|
9543
9509
|
return '';
|
|
9544
9510
|
});
|
|
9545
9511
|
|
|
9546
|
-
var _templateObject$
|
|
9547
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9512
|
+
var _templateObject$15;
|
|
9513
|
+
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
9548
9514
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9549
9515
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9550
9516
|
return aspectRatio;
|
|
@@ -9750,8 +9716,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9750
9716
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9751
9717
|
};
|
|
9752
9718
|
|
|
9753
|
-
var _templateObject$
|
|
9754
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9719
|
+
var _templateObject$16;
|
|
9720
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9755
9721
|
|
|
9756
9722
|
/**
|
|
9757
9723
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9809,8 +9775,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9809
9775
|
})));
|
|
9810
9776
|
};
|
|
9811
9777
|
|
|
9812
|
-
var _templateObject$
|
|
9813
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9778
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$F;
|
|
9779
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9814
9780
|
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9815
9781
|
var horizontalMode = _ref.horizontalMode;
|
|
9816
9782
|
if (horizontalMode) return 'row';
|
|
@@ -9899,8 +9865,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9899
9865
|
}, error)));
|
|
9900
9866
|
};
|
|
9901
9867
|
|
|
9902
|
-
var _templateObject$
|
|
9903
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9868
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$G;
|
|
9869
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 26px 150px;\n display: flex;\n justify-content: space-between;\n background-color: var(--base-color-lightgrey);\n transition: transform 0.3s ease;\n transform-origin: top;\n\n @media ", " {\n padding: 20px 20px;\n }\n\n @media ", " {\n padding: 20px 50px;\n }\n\n &.closing {\n transform: scaleY(0);\n }\n"])), devices.mobile, devices.tablet);
|
|
9904
9870
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
9905
9871
|
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9906
9872
|
|
|
@@ -9964,8 +9930,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9964
9930
|
})))));
|
|
9965
9931
|
};
|
|
9966
9932
|
|
|
9967
|
-
var _templateObject$
|
|
9968
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9933
|
+
var _templateObject$19;
|
|
9934
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
|
|
9969
9935
|
|
|
9970
9936
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9971
9937
|
var title = _ref.title,
|
|
@@ -9993,8 +9959,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9993
9959
|
}, description))));
|
|
9994
9960
|
};
|
|
9995
9961
|
|
|
9996
|
-
var _templateObject$
|
|
9997
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9962
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9963
|
+
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
9998
9964
|
var theme = _ref.theme;
|
|
9999
9965
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10000
9966
|
}, function (_ref2) {
|
|
@@ -10416,8 +10382,8 @@ function Select(_ref3) {
|
|
|
10416
10382
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10417
10383
|
}
|
|
10418
10384
|
|
|
10419
|
-
var _templateObject$
|
|
10420
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10385
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
|
|
10386
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10421
10387
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
10422
10388
|
var width = _ref.width;
|
|
10423
10389
|
if (!width) return 'none';
|
|
@@ -10558,8 +10524,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10558
10524
|
})));
|
|
10559
10525
|
};
|
|
10560
10526
|
|
|
10561
|
-
var _templateObject$
|
|
10562
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10527
|
+
var _templateObject$1c;
|
|
10528
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -20px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 12px;\n margin-right: 8px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
|
|
10563
10529
|
var theme = _ref.theme;
|
|
10564
10530
|
return theme.colors.primary;
|
|
10565
10531
|
});
|
|
@@ -10587,8 +10553,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10587
10553
|
})));
|
|
10588
10554
|
};
|
|
10589
10555
|
|
|
10590
|
-
var _templateObject$
|
|
10591
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10556
|
+
var _templateObject$1d, _templateObject2$S;
|
|
10557
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
|
|
10592
10558
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10593
10559
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10594
10560
|
return aspectRatio;
|
|
@@ -10636,8 +10602,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10636
10602
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10637
10603
|
};
|
|
10638
10604
|
|
|
10639
|
-
var _templateObject$
|
|
10640
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10605
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$J;
|
|
10606
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10641
10607
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10642
10608
|
var displayAttribution = _ref.displayAttribution;
|
|
10643
10609
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10666,8 +10632,8 @@ var Quote = function Quote(_ref) {
|
|
|
10666
10632
|
}, attribution))));
|
|
10667
10633
|
};
|
|
10668
10634
|
|
|
10669
|
-
var _templateObject$
|
|
10670
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10635
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
|
|
10636
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
10671
10637
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10672
10638
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10673
10639
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -10710,8 +10676,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10710
10676
|
}, title)))));
|
|
10711
10677
|
};
|
|
10712
10678
|
|
|
10713
|
-
var _templateObject$
|
|
10714
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10679
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
|
|
10680
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
10715
10681
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
10716
10682
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10717
10683
|
var isVisible = _ref.isVisible;
|
|
@@ -10808,8 +10774,8 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10808
10774
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10809
10775
|
};
|
|
10810
10776
|
|
|
10811
|
-
var _templateObject$
|
|
10812
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10777
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u, _templateObject6$n;
|
|
10778
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10813
10779
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10814
10780
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10815
10781
|
var color = _ref.color;
|
|
@@ -10906,8 +10872,8 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10906
10872
|
}, strengthLabel))));
|
|
10907
10873
|
};
|
|
10908
10874
|
|
|
10909
|
-
var _templateObject$
|
|
10910
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$
|
|
10875
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v;
|
|
10876
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10911
10877
|
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
10912
10878
|
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10913
10879
|
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
@@ -11084,8 +11050,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11084
11050
|
});
|
|
11085
11051
|
};
|
|
11086
11052
|
|
|
11087
|
-
var _templateObject$
|
|
11088
|
-
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$
|
|
11053
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
11054
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11089
11055
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11090
11056
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11091
11057
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n border-bottom: 1px solid;\n border-top: 1px solid;\n border-color: ", ";\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
|
|
@@ -11280,6 +11246,232 @@ var Table = function Table(_ref) {
|
|
|
11280
11246
|
}))))))));
|
|
11281
11247
|
};
|
|
11282
11248
|
|
|
11249
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8;
|
|
11250
|
+
var Wrapper$8 = /*#__PURE__*/styled__default('div')(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n //width: auto;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11251
|
+
var theme = _ref.theme;
|
|
11252
|
+
return "var(--base-color-" + theme + ")";
|
|
11253
|
+
}, function (_ref2) {
|
|
11254
|
+
var theme = _ref2.theme;
|
|
11255
|
+
return "var(--base-color-" + theme + ")";
|
|
11256
|
+
});
|
|
11257
|
+
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n"])));
|
|
11258
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n background: var(--base-color-white);\n display: inline-block;\n padding: 0 20px;\n \n @media ", " {\n top: -18px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
11259
|
+
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--base-color-errorstate);\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11260
|
+
var Form = /*#__PURE__*/styled__default.form(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
|
|
11261
|
+
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 21px;\n align-items: center;\n \n @media ", " {\n flex-direction: column-reverse;\n align-items: flex-start;\n margin-bottom: 20px;\n }\n"])), devices.mobile);
|
|
11262
|
+
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--base-color-errorstate);\n"])));
|
|
11263
|
+
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n div {\n font-size: 14px;\n }\n"])));
|
|
11264
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled__default.button(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n\n @media ", " {\n width: 100%;\n }\n &:focus {\n outline: 3px solid var(--base-color-lapislazuli);\n }\n"])), devices.mobile);
|
|
11265
|
+
var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$8 || (_templateObject10$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n"])), devices.mobile);
|
|
11266
|
+
|
|
11267
|
+
var regex = {
|
|
11268
|
+
signInEmail: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
|
|
11269
|
+
latinOnly: /[\u0250-\ue007]/g,
|
|
11270
|
+
firstName: /^[a-zA-Z]{2,}/
|
|
11271
|
+
};
|
|
11272
|
+
var formValidationMessages = {
|
|
11273
|
+
requiredFieldMessage: 'Please complete this field',
|
|
11274
|
+
firstName: {
|
|
11275
|
+
invalid: 'Please enter your first name'
|
|
11276
|
+
},
|
|
11277
|
+
email: {
|
|
11278
|
+
required: 'Please enter an email address',
|
|
11279
|
+
invalid: 'Enter an email address in the correct format, like name@example.com'
|
|
11280
|
+
}
|
|
11281
|
+
};
|
|
11282
|
+
|
|
11283
|
+
var SignUpForm = function SignUpForm(_ref) {
|
|
11284
|
+
var initialState = _ref.initialState,
|
|
11285
|
+
submittedState = _ref.submittedState,
|
|
11286
|
+
ctaPrivacy = _ref.ctaPrivacy,
|
|
11287
|
+
theme = _ref.theme,
|
|
11288
|
+
errorMessage = _ref.errorMessage,
|
|
11289
|
+
_ref$isLoggedIn = _ref.isLoggedIn,
|
|
11290
|
+
isLoggedIn = _ref$isLoggedIn === void 0 ? false : _ref$isLoggedIn,
|
|
11291
|
+
submitHandler = _ref.submitHandler;
|
|
11292
|
+
var isMobile = useMobile();
|
|
11293
|
+
|
|
11294
|
+
var _useState = React.useState({
|
|
11295
|
+
firstName: '',
|
|
11296
|
+
lastName: '',
|
|
11297
|
+
email: ''
|
|
11298
|
+
}),
|
|
11299
|
+
formValues = _useState[0],
|
|
11300
|
+
setFormValues = _useState[1];
|
|
11301
|
+
|
|
11302
|
+
var _useState2 = React.useState({}),
|
|
11303
|
+
errors = _useState2[0],
|
|
11304
|
+
setErrors = _useState2[1];
|
|
11305
|
+
|
|
11306
|
+
var _useState3 = React.useState(false),
|
|
11307
|
+
isSuccess = _useState3[0],
|
|
11308
|
+
setIsSuccess = _useState3[1];
|
|
11309
|
+
|
|
11310
|
+
var handleChange = function handleChange(field) {
|
|
11311
|
+
return function (e) {
|
|
11312
|
+
var value = e.target.value.replace(regex.latinOnly, '');
|
|
11313
|
+
setFormValues(function (prev) {
|
|
11314
|
+
var _extends2;
|
|
11315
|
+
|
|
11316
|
+
return _extends({}, prev, (_extends2 = {}, _extends2[field] = field === 'email' ? value : capitalizeFirstLetter(value), _extends2));
|
|
11317
|
+
});
|
|
11318
|
+
setErrors(function (prev) {
|
|
11319
|
+
var _extends3;
|
|
11320
|
+
|
|
11321
|
+
return _extends({}, prev, (_extends3 = {}, _extends3[field] = undefined, _extends3));
|
|
11322
|
+
});
|
|
11323
|
+
};
|
|
11324
|
+
};
|
|
11325
|
+
|
|
11326
|
+
var handleFormSubmit = /*#__PURE__*/function () {
|
|
11327
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(e) {
|
|
11328
|
+
var formErrors, response;
|
|
11329
|
+
return runtime_1.wrap(function _callee$(_context) {
|
|
11330
|
+
while (1) {
|
|
11331
|
+
switch (_context.prev = _context.next) {
|
|
11332
|
+
case 0:
|
|
11333
|
+
e.preventDefault();
|
|
11334
|
+
|
|
11335
|
+
if (!isSuccess) {
|
|
11336
|
+
_context.next = 3;
|
|
11337
|
+
break;
|
|
11338
|
+
}
|
|
11339
|
+
|
|
11340
|
+
return _context.abrupt("return");
|
|
11341
|
+
|
|
11342
|
+
case 3:
|
|
11343
|
+
formErrors = {};
|
|
11344
|
+
|
|
11345
|
+
if (!isLoggedIn) {
|
|
11346
|
+
if (!formValues.firstName) {
|
|
11347
|
+
formErrors.firstName = formValidationMessages.requiredFieldMessage;
|
|
11348
|
+
} else if (!regex.firstName.test(formValues.firstName)) {
|
|
11349
|
+
formErrors.firstName = formValidationMessages.firstName.invalid;
|
|
11350
|
+
}
|
|
11351
|
+
|
|
11352
|
+
if (!formValues.lastName) {
|
|
11353
|
+
formErrors.lastName = formValidationMessages.requiredFieldMessage;
|
|
11354
|
+
}
|
|
11355
|
+
|
|
11356
|
+
if (!formValues.email) {
|
|
11357
|
+
formErrors.email = formValidationMessages.email.required;
|
|
11358
|
+
} else if (!regex.signInEmail.test(formValues.email)) {
|
|
11359
|
+
formErrors.email = formValidationMessages.email.invalid;
|
|
11360
|
+
}
|
|
11361
|
+
}
|
|
11362
|
+
|
|
11363
|
+
if (!(Object.keys(formErrors).length > 0)) {
|
|
11364
|
+
_context.next = 8;
|
|
11365
|
+
break;
|
|
11366
|
+
}
|
|
11367
|
+
|
|
11368
|
+
setErrors(formErrors);
|
|
11369
|
+
return _context.abrupt("return");
|
|
11370
|
+
|
|
11371
|
+
case 8:
|
|
11372
|
+
_context.next = 10;
|
|
11373
|
+
return submitHandler(isLoggedIn ? {} : formValues);
|
|
11374
|
+
|
|
11375
|
+
case 10:
|
|
11376
|
+
response = _context.sent;
|
|
11377
|
+
|
|
11378
|
+
if (response.success) {
|
|
11379
|
+
setIsSuccess(true);
|
|
11380
|
+
} else {
|
|
11381
|
+
setErrors(function (prev) {
|
|
11382
|
+
return _extends({}, prev, {
|
|
11383
|
+
serverError: errorMessage
|
|
11384
|
+
});
|
|
11385
|
+
});
|
|
11386
|
+
}
|
|
11387
|
+
|
|
11388
|
+
case 12:
|
|
11389
|
+
case "end":
|
|
11390
|
+
return _context.stop();
|
|
11391
|
+
}
|
|
11392
|
+
}
|
|
11393
|
+
}, _callee);
|
|
11394
|
+
}));
|
|
11395
|
+
|
|
11396
|
+
return function handleFormSubmit(_x) {
|
|
11397
|
+
return _ref2.apply(this, arguments);
|
|
11398
|
+
};
|
|
11399
|
+
}();
|
|
11400
|
+
|
|
11401
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$8, {
|
|
11402
|
+
theme: exports.Colors[theme]
|
|
11403
|
+
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11404
|
+
columnStartDesktop: 3,
|
|
11405
|
+
columnSpanDesktop: 10,
|
|
11406
|
+
columnStartDevice: 2,
|
|
11407
|
+
columnSpanDevice: 12
|
|
11408
|
+
}, /*#__PURE__*/React__default.createElement(SignUpTitleWrapper, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
11409
|
+
level: isMobile ? 3 : 4
|
|
11410
|
+
}, isSuccess ? submittedState.title : initialState.title))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11411
|
+
columnStartDesktop: 3,
|
|
11412
|
+
columnSpanDesktop: 10,
|
|
11413
|
+
columnStartDevice: 2,
|
|
11414
|
+
columnSpanDevice: 12
|
|
11415
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
11416
|
+
level: 6
|
|
11417
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11418
|
+
dangerouslySetInnerHTML: {
|
|
11419
|
+
__html: isSuccess ? submittedState.message : initialState.message
|
|
11420
|
+
}
|
|
11421
|
+
}))), !isSuccess && /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11422
|
+
columnStartDesktop: 3,
|
|
11423
|
+
columnSpanDesktop: 12,
|
|
11424
|
+
columnStartDevice: 2,
|
|
11425
|
+
columnSpanDevice: 12
|
|
11426
|
+
}, /*#__PURE__*/React__default.createElement(Form, {
|
|
11427
|
+
noValidate: true,
|
|
11428
|
+
onSubmit: handleFormSubmit
|
|
11429
|
+
}, !isLoggedIn && /*#__PURE__*/React__default.createElement(FieldsWrapper, null, /*#__PURE__*/React__default.createElement(TextField, {
|
|
11430
|
+
label: "First name",
|
|
11431
|
+
name: "firstName",
|
|
11432
|
+
type: "text",
|
|
11433
|
+
value: formValues.firstName,
|
|
11434
|
+
maxLength: 20,
|
|
11435
|
+
error: errors.firstName,
|
|
11436
|
+
onChange: handleChange('firstName'),
|
|
11437
|
+
autoComplete: "given-name"
|
|
11438
|
+
}), /*#__PURE__*/React__default.createElement(TextField, {
|
|
11439
|
+
label: "Last name",
|
|
11440
|
+
name: "lastName",
|
|
11441
|
+
type: "text",
|
|
11442
|
+
maxLength: 55,
|
|
11443
|
+
value: formValues.lastName,
|
|
11444
|
+
error: errors.lastName,
|
|
11445
|
+
onChange: handleChange('lastName'),
|
|
11446
|
+
autoComplete: "family-name"
|
|
11447
|
+
}), /*#__PURE__*/React__default.createElement(TextField, {
|
|
11448
|
+
label: "Email",
|
|
11449
|
+
name: "email",
|
|
11450
|
+
type: "email",
|
|
11451
|
+
value: formValues.email,
|
|
11452
|
+
error: errors.email || errors.serverError,
|
|
11453
|
+
onChange: handleChange('email'),
|
|
11454
|
+
maxLength: 80
|
|
11455
|
+
})), isLoggedIn && !!errors.serverError && /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11456
|
+
columnStartDesktop: 2,
|
|
11457
|
+
columnSpanDesktop: 12,
|
|
11458
|
+
columnStartTablet: 2,
|
|
11459
|
+
columnSpanTablet: 12,
|
|
11460
|
+
columnStartDevice: 2,
|
|
11461
|
+
columnSpanDevice: 12
|
|
11462
|
+
}, /*#__PURE__*/React__default.createElement(ServerError, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
11463
|
+
level: 6
|
|
11464
|
+
}, errors.serverError))), /*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
|
|
11465
|
+
type: "submit"
|
|
11466
|
+
}, /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
11467
|
+
bgColor: exports.Colors[theme]
|
|
11468
|
+
}, "Sign up")), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
11469
|
+
href: ctaPrivacy.link
|
|
11470
|
+
}, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
11471
|
+
level: 2
|
|
11472
|
+
}, ctaPrivacy.text)))))));
|
|
11473
|
+
};
|
|
11474
|
+
|
|
11283
11475
|
var UpsellSection = function UpsellSection(_ref) {
|
|
11284
11476
|
var title = _ref.title,
|
|
11285
11477
|
richText = _ref.richText,
|
|
@@ -11316,61 +11508,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
11316
11508
|
})))));
|
|
11317
11509
|
};
|
|
11318
11510
|
|
|
11319
|
-
var
|
|
11320
|
-
var DATA_BIND = '5ea4b1ad-1a17-11ec-af32-06f09e0065e0';
|
|
11321
|
-
var DATA_ORG = '';
|
|
11322
|
-
var DIV_ID = 'tdWebchat';
|
|
11323
|
-
var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
|
|
11324
|
-
var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
|
|
11325
|
-
var THEME_COLOR = core.colors.core;
|
|
11326
|
-
var THEME_COLOR_LIGHT = core.colors.core + '80';
|
|
11327
|
-
var THEME_COLOR_BLACK = core.colors.black;
|
|
11328
|
-
var THEME_COLOR_LIGHTGREY = core.colors.lightgrey;
|
|
11329
|
-
var THEME_COLOR_WHITE = core.colors.white;
|
|
11330
|
-
var THEME_COLOR_MIDGREY = core.colors.midgrey;
|
|
11331
|
-
var SCRIPT_CONTENT = "var webchat;\n((window, document, node, props, configs) => {\n if (window.TalkdeskChatSDK) {\n console.error(\"TalkdeskChatSDK already included\");\n return;\n }\n var divContainer = document.createElement(\"div\");\n divContainer.id = node;\n document.body.appendChild(divContainer);\n var currentDate = new Date().getTime();\n var src = \"" + SCRIPT_SRC + "\" + currentDate;\n var script = document.createElement(\"script\");\n var firstScriptTag = document.getElementsByTagName(\"script\")[0];\n script.type = \"text/javascript\";\n script.charset = \"UTF-8\";\n script.id = \"tdwebchatscript\";\n script.src = src;\n script.async = true;\n firstScriptTag.parentNode.insertBefore(script, firstScriptTag);\n script.onload = () => {\n webchat = TalkdeskChatSDK(node, props);\n webchat.init(configs);\n };\n})(\n window,\n document,\n \"" + DIV_ID + "\",\n { flowId: \"cd19d348b5fb4a0ab0d3277686f28d1e\", accountId: \"\", region: \"td-us-1\" },\n { enableEmoji: true, enableUserInput: true, styles :{\n \"botIcon\": \"" + THEME_ICON + "\",\n \"botBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n \"botTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"chatTitle\": \"Royal Opera House\",\n \"chatThemeColor\": \"" + THEME_COLOR + "\",\n \"chatTitleIcon\": \"" + THEME_ICON + "\",\n \"customButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"customButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"customButtonColor\": \"" + THEME_COLOR_WHITE + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_MIDGREY + "\",\n \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"welcomeMessageBackgroundColor\": \"" + THEME_COLOR_LIGHT + "\",\n \"welcomeMessageContentFontSize\": \"18px\",\n \"welcomeMessageTitleFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"welcomeMessageContentFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customMessageFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customMessageNoBubbleFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customFieldLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customFieldInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customDropdownLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customDropdownInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"startChatButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonTextColor\": \"" + THEME_COLOR_WHITE + "\",\n \"startChatButtonHoverBackgroundColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonHoverBorderColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonHoverTextColor\": \"" + THEME_COLOR_WHITE + "\",\n \"startChatButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n }}\n);";
|
|
11332
|
-
|
|
11333
|
-
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
11334
|
-
var existingScript = document.getElementById(DIV_ID);
|
|
11335
|
-
|
|
11336
|
-
if (!existingScript) {
|
|
11337
|
-
var liveChatDiv = document.createElement('div');
|
|
11338
|
-
liveChatDiv.id = DIV_ID;
|
|
11339
|
-
liveChatDiv.setAttribute('data-bind', DATA_BIND);
|
|
11340
|
-
liveChatDiv.setAttribute('data-org', DATA_ORG);
|
|
11341
|
-
var script = document.createElement('script');
|
|
11342
|
-
var scriptBody = document.createTextNode(SCRIPT_CONTENT);
|
|
11343
|
-
script.appendChild(scriptBody);
|
|
11344
|
-
document.body.appendChild(liveChatDiv);
|
|
11345
|
-
document.body.appendChild(script);
|
|
11346
|
-
|
|
11347
|
-
script.onload = function () {
|
|
11348
|
-
if (callback) callback();
|
|
11349
|
-
};
|
|
11350
|
-
}
|
|
11351
|
-
|
|
11352
|
-
if (existingScript && callback) callback();
|
|
11353
|
-
};
|
|
11354
|
-
|
|
11355
|
-
var LiveChat = function LiveChat() {
|
|
11356
|
-
// eslint-disable-next-line
|
|
11357
|
-
var _React$useState = React.useState(false),
|
|
11358
|
-
loaded = _React$useState[0],
|
|
11359
|
-
setLoaded = _React$useState[1];
|
|
11360
|
-
|
|
11361
|
-
React.useEffect(function () {
|
|
11362
|
-
loadLiveChatScript(function () {
|
|
11363
|
-
setLoaded(true);
|
|
11364
|
-
});
|
|
11365
|
-
});
|
|
11366
|
-
return /*#__PURE__*/React.createElement("span", {
|
|
11367
|
-
"data-loaded": loaded
|
|
11368
|
-
});
|
|
11369
|
-
};
|
|
11370
|
-
|
|
11371
|
-
var _templateObject$1l, _templateObject2$Z;
|
|
11511
|
+
var _templateObject$1l, _templateObject2$_;
|
|
11372
11512
|
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
11373
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
11513
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
11374
11514
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
11375
11515
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
11376
11516
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -11398,11 +11538,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
11398
11538
|
}, children)));
|
|
11399
11539
|
};
|
|
11400
11540
|
|
|
11401
|
-
var _templateObject$1m, _templateObject2
|
|
11541
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$Q, _templateObject4$F;
|
|
11402
11542
|
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
11403
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2
|
|
11404
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11405
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
11543
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
11544
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11545
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
11406
11546
|
|
|
11407
11547
|
var _excluded$q = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
11408
11548
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -11523,9 +11663,9 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11523
11663
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11524
11664
|
};
|
|
11525
11665
|
|
|
11526
|
-
var _templateObject$1n, _templateObject2
|
|
11666
|
+
var _templateObject$1n, _templateObject2$10;
|
|
11527
11667
|
var FiltersWrapper = /*#__PURE__*/styled__default.div(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n column-gap: 24px;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n row-gap: 18px;\n }\n"])), devices.mobileAndTablet);
|
|
11528
|
-
var FilterItemsWrapper = /*#__PURE__*/styled__default.div(_templateObject2
|
|
11668
|
+
var FilterItemsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n column-gap: 16px;\n row-gap: 12px;\n"])));
|
|
11529
11669
|
|
|
11530
11670
|
/**
|
|
11531
11671
|
* A FilterToggles component that renders a labelled group of toggle buttons
|
|
@@ -12551,13 +12691,11 @@ exports.Footer = Footer;
|
|
|
12551
12691
|
exports.GlobalStyles = GlobalStyles;
|
|
12552
12692
|
exports.Grid = Grid;
|
|
12553
12693
|
exports.GridItem = GridItem;
|
|
12554
|
-
exports.GridItemLegacy = GridItemLegacy;
|
|
12555
12694
|
exports.Header = Header;
|
|
12556
12695
|
exports.Icon = Icon;
|
|
12557
12696
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
12558
12697
|
exports.ImageWithCaption = ImageWithCaption;
|
|
12559
12698
|
exports.Information = Information;
|
|
12560
|
-
exports.LiveChat = LiveChat;
|
|
12561
12699
|
exports.MiniCard = MiniCard;
|
|
12562
12700
|
exports.ModalWindow = ModalWindow;
|
|
12563
12701
|
exports.Navigation = Navigation;
|
|
@@ -12590,6 +12728,7 @@ exports.SectionTitle = SectionTitle;
|
|
|
12590
12728
|
exports.Select = Select;
|
|
12591
12729
|
exports.Select2 = SelectComponent;
|
|
12592
12730
|
exports.Select2Async = SelectComponent$1;
|
|
12731
|
+
exports.SignUpForm = SignUpForm;
|
|
12593
12732
|
exports.Sponsorship = Sponsorship;
|
|
12594
12733
|
exports.StatusBanner = StatusBanner;
|
|
12595
12734
|
exports.Stepper = Component;
|