@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
package/dist/chord.esm.js
CHANGED
|
@@ -1929,8 +1929,8 @@ var Facebook = (function (_ref) {
|
|
|
1929
1929
|
viewBox: "0 0 24 24",
|
|
1930
1930
|
fill: "none",
|
|
1931
1931
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1932
|
-
|
|
1933
|
-
"
|
|
1932
|
+
"aria-label": ariaLabel,
|
|
1933
|
+
role: "img"
|
|
1934
1934
|
}, /*#__PURE__*/createElement("path", {
|
|
1935
1935
|
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",
|
|
1936
1936
|
fill: color
|
|
@@ -1947,8 +1947,8 @@ var Instagram = (function (_ref) {
|
|
|
1947
1947
|
viewBox: "0 0 24 24",
|
|
1948
1948
|
fill: "none",
|
|
1949
1949
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1950
|
-
|
|
1951
|
-
"
|
|
1950
|
+
"aria-label": ariaLabel,
|
|
1951
|
+
role: "img"
|
|
1952
1952
|
}, /*#__PURE__*/createElement("path", {
|
|
1953
1953
|
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",
|
|
1954
1954
|
fill: color
|
|
@@ -1971,8 +1971,8 @@ var Tiktok = (function (_ref) {
|
|
|
1971
1971
|
viewBox: "0 0 24 24",
|
|
1972
1972
|
fill: "none",
|
|
1973
1973
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1974
|
-
|
|
1975
|
-
"
|
|
1974
|
+
"aria-label": ariaLabel,
|
|
1975
|
+
role: "img"
|
|
1976
1976
|
}, /*#__PURE__*/createElement("path", {
|
|
1977
1977
|
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",
|
|
1978
1978
|
fill: color
|
|
@@ -1989,8 +1989,8 @@ var Twitter = (function (_ref) {
|
|
|
1989
1989
|
viewBox: "0 0 24 24",
|
|
1990
1990
|
fill: "none",
|
|
1991
1991
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1992
|
-
|
|
1993
|
-
"
|
|
1992
|
+
"aria-label": ariaLabel,
|
|
1993
|
+
role: "img"
|
|
1994
1994
|
}, /*#__PURE__*/createElement("path", {
|
|
1995
1995
|
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",
|
|
1996
1996
|
fill: color
|
|
@@ -2007,8 +2007,8 @@ var X = (function (_ref) {
|
|
|
2007
2007
|
viewBox: "0 0 24 24",
|
|
2008
2008
|
fill: "none",
|
|
2009
2009
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2010
|
-
|
|
2011
|
-
"
|
|
2010
|
+
"aria-label": ariaLabel,
|
|
2011
|
+
role: "img"
|
|
2012
2012
|
}, /*#__PURE__*/createElement("path", {
|
|
2013
2013
|
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",
|
|
2014
2014
|
fill: color
|
|
@@ -2025,8 +2025,8 @@ var Youtube = (function (_ref) {
|
|
|
2025
2025
|
viewBox: "0 0 24 24",
|
|
2026
2026
|
fill: "none",
|
|
2027
2027
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2028
|
-
|
|
2029
|
-
"
|
|
2028
|
+
"aria-label": ariaLabel,
|
|
2029
|
+
role: "img"
|
|
2030
2030
|
}, /*#__PURE__*/createElement("path", {
|
|
2031
2031
|
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",
|
|
2032
2032
|
fill: color
|
|
@@ -2063,12 +2063,11 @@ var Shift = (function (_ref) {
|
|
|
2063
2063
|
height: "100%",
|
|
2064
2064
|
viewBox: "0 0 24 24",
|
|
2065
2065
|
fill: "none",
|
|
2066
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
2067
|
-
role: "img",
|
|
2068
|
-
"aria-label": ariaLabel
|
|
2066
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2069
2067
|
}, /*#__PURE__*/createElement("path", {
|
|
2070
2068
|
d: "M12 3L3 12H8V21H16V12H21L12 3ZM15 11V12V20H9V12V11H8H5.4L12 4.4L18.6 11H16H15Z",
|
|
2071
|
-
fill: color
|
|
2069
|
+
fill: color,
|
|
2070
|
+
"aria-label": ariaLabel
|
|
2072
2071
|
}));
|
|
2073
2072
|
});
|
|
2074
2073
|
|
|
@@ -2705,11 +2704,9 @@ var Button = function Button(_ref) {
|
|
|
2705
2704
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
2706
2705
|
|
|
2707
2706
|
var truncatedString = children.substring(0, 30);
|
|
2708
|
-
var tabIndex = rest['aria-disabled'] === 'true' ? undefined : 0;
|
|
2709
2707
|
return /*#__PURE__*/React__default.createElement(ButtonWrapper, Object.assign({}, rest, {
|
|
2710
2708
|
color: color,
|
|
2711
|
-
iconName: iconName
|
|
2712
|
-
tabIndex: tabIndex
|
|
2709
|
+
iconName: iconName
|
|
2713
2710
|
}), iconName ? /*#__PURE__*/React__default.createElement(ButtonIconWrapper, {
|
|
2714
2711
|
"data-testid": "button-icon",
|
|
2715
2712
|
className: iconClassName
|
|
@@ -2866,7 +2863,7 @@ var SecondaryButton = function SecondaryButton(_ref) {
|
|
|
2866
2863
|
};
|
|
2867
2864
|
|
|
2868
2865
|
var _templateObject$6, _templateObject2$1;
|
|
2869
|
-
var TertiaryButtonWrapper = /*#__PURE__*/styled.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
|
|
2866
|
+
var TertiaryButtonWrapper = /*#__PURE__*/styled.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) {
|
|
2870
2867
|
var color = _ref.color;
|
|
2871
2868
|
return color;
|
|
2872
2869
|
});
|
|
@@ -2880,10 +2877,8 @@ var Button$1 = function Button(_ref) {
|
|
|
2880
2877
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
2881
2878
|
|
|
2882
2879
|
var truncatedString = children.substring(0, 100);
|
|
2883
|
-
var tabIndex = 0;
|
|
2884
2880
|
return /*#__PURE__*/React__default.createElement(TertiaryButtonWrapper, Object.assign({}, rest, {
|
|
2885
|
-
color: color
|
|
2886
|
-
tabIndex: tabIndex
|
|
2881
|
+
color: color
|
|
2887
2882
|
}), truncatedString, /*#__PURE__*/React__default.createElement(TertiaryIconWrapper, {
|
|
2888
2883
|
"data-testid": "tertiary-icon"
|
|
2889
2884
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -3090,39 +3085,7 @@ var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a =
|
|
|
3090
3085
|
});
|
|
3091
3086
|
|
|
3092
3087
|
var _templateObject$b;
|
|
3093
|
-
|
|
3094
|
-
* # IMPORTANT
|
|
3095
|
-
* Please use the `<GridItem />` component instead of this component if possible.
|
|
3096
|
-
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
3097
|
-
*/
|
|
3098
|
-
|
|
3099
|
-
var GridItemLegacy = /*#__PURE__*/styled.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) {
|
|
3100
|
-
var columnStartDesktop = _ref.columnStartDesktop;
|
|
3101
|
-
return columnStartDesktop;
|
|
3102
|
-
}, function (_ref2) {
|
|
3103
|
-
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
3104
|
-
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
3105
|
-
return columnSpanDesktop;
|
|
3106
|
-
}, devices.mobile, function (_ref3) {
|
|
3107
|
-
var columnStartDevice = _ref3.columnStartDevice,
|
|
3108
|
-
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
3109
|
-
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
3110
|
-
}, function (_ref4) {
|
|
3111
|
-
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
3112
|
-
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
3113
|
-
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
3114
|
-
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
3115
|
-
}, devices.tablet, function (_ref5) {
|
|
3116
|
-
var columnStartDevice = _ref5.columnStartDevice;
|
|
3117
|
-
return columnStartDevice;
|
|
3118
|
-
}, function (_ref6) {
|
|
3119
|
-
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
3120
|
-
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
3121
|
-
return columnSpanDevice;
|
|
3122
|
-
});
|
|
3123
|
-
|
|
3124
|
-
var _templateObject$c;
|
|
3125
|
-
var ImageAspectRatioWrapper = /*#__PURE__*/styled.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) {
|
|
3088
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled.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) {
|
|
3126
3089
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
3127
3090
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
3128
3091
|
return aspectRatio;
|
|
@@ -3140,8 +3103,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$c || (_tem
|
|
|
3140
3103
|
return aspectRatio;
|
|
3141
3104
|
});
|
|
3142
3105
|
|
|
3143
|
-
var _templateObject$
|
|
3144
|
-
var ProgressView = /*#__PURE__*/styled.div(_templateObject$
|
|
3106
|
+
var _templateObject$c, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
3107
|
+
var ProgressView = /*#__PURE__*/styled.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
3145
3108
|
var height = _ref.height;
|
|
3146
3109
|
return height ? height + "px" : '6px';
|
|
3147
3110
|
});
|
|
@@ -3224,13 +3187,13 @@ var Progress = function Progress(_ref) {
|
|
|
3224
3187
|
}, renderSteps()));
|
|
3225
3188
|
};
|
|
3226
3189
|
|
|
3227
|
-
var _templateObject$
|
|
3228
|
-
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3190
|
+
var _templateObject$d, _templateObject2$5, _templateObject3$3;
|
|
3191
|
+
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
3229
3192
|
var RadioLine = /*#__PURE__*/styled.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"])));
|
|
3230
3193
|
var RadioError = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
3231
3194
|
|
|
3232
|
-
var _templateObject$
|
|
3233
|
-
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
3195
|
+
var _templateObject$e;
|
|
3196
|
+
var Wrapper$1 = /*#__PURE__*/styled.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) {
|
|
3234
3197
|
var typography = _ref.typography;
|
|
3235
3198
|
return typography;
|
|
3236
3199
|
}, function (_ref2) {
|
|
@@ -3391,8 +3354,8 @@ var Radio = function Radio(_ref) {
|
|
|
3391
3354
|
}, error)));
|
|
3392
3355
|
};
|
|
3393
3356
|
|
|
3394
|
-
var _templateObject$
|
|
3395
|
-
var Container = /*#__PURE__*/styled.div(_templateObject$
|
|
3357
|
+
var _templateObject$f, _templateObject2$6, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3358
|
+
var Container = /*#__PURE__*/styled.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3396
3359
|
var Radio$1 = /*#__PURE__*/styled.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) {
|
|
3397
3360
|
var error = _ref.error,
|
|
3398
3361
|
darkMode = _ref.darkMode,
|
|
@@ -3501,8 +3464,8 @@ var Radio2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3501
3464
|
}, error)));
|
|
3502
3465
|
});
|
|
3503
3466
|
|
|
3504
|
-
var _templateObject$
|
|
3505
|
-
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3467
|
+
var _templateObject$g, _templateObject2$7, _templateObject3$5;
|
|
3468
|
+
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3506
3469
|
var IconWrapper$1 = /*#__PURE__*/styled.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) {
|
|
3507
3470
|
var theme = _ref.theme;
|
|
3508
3471
|
return theme.colors.primary;
|
|
@@ -3573,8 +3536,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3573
3536
|
}, renderNextIcon()));
|
|
3574
3537
|
};
|
|
3575
3538
|
|
|
3576
|
-
var _templateObject$
|
|
3577
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$
|
|
3539
|
+
var _templateObject$h;
|
|
3540
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3578
3541
|
var fillColor = _ref.fillColor;
|
|
3579
3542
|
return fillColor;
|
|
3580
3543
|
});
|
|
@@ -3598,8 +3561,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3598
3561
|
})));
|
|
3599
3562
|
};
|
|
3600
3563
|
|
|
3601
|
-
var _templateObject$
|
|
3602
|
-
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
3564
|
+
var _templateObject$i, _templateObject2$8;
|
|
3565
|
+
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3603
3566
|
var Splitter = /*#__PURE__*/styled.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3604
3567
|
|
|
3605
3568
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3618,8 +3581,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3618
3581
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3619
3582
|
};
|
|
3620
3583
|
|
|
3621
|
-
var _templateObject$
|
|
3622
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3584
|
+
var _templateObject$j;
|
|
3585
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3623
3586
|
|
|
3624
3587
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3625
3588
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3829,8 +3792,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3829
3792
|
})))));
|
|
3830
3793
|
};
|
|
3831
3794
|
|
|
3832
|
-
var _templateObject$
|
|
3833
|
-
var CustomImage = /*#__PURE__*/styled.img(_templateObject$
|
|
3795
|
+
var _templateObject$k, _templateObject2$9;
|
|
3796
|
+
var CustomImage = /*#__PURE__*/styled.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);
|
|
3834
3797
|
var SponsorshipStyledIframe = /*#__PURE__*/styled.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);
|
|
3835
3798
|
|
|
3836
3799
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3863,8 +3826,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3863
3826
|
}));
|
|
3864
3827
|
};
|
|
3865
3828
|
|
|
3866
|
-
var _templateObject$
|
|
3867
|
-
var TabText = /*#__PURE__*/styled.a(_templateObject$
|
|
3829
|
+
var _templateObject$l, _templateObject2$a;
|
|
3830
|
+
var TabText = /*#__PURE__*/styled.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) {
|
|
3868
3831
|
if (props.withIcon === 'left') {
|
|
3869
3832
|
return "margin-left: 5px;";
|
|
3870
3833
|
}
|
|
@@ -3963,8 +3926,8 @@ var Tab = function Tab(_ref) {
|
|
|
3963
3926
|
}));
|
|
3964
3927
|
};
|
|
3965
3928
|
|
|
3966
|
-
var _templateObject$
|
|
3967
|
-
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
3929
|
+
var _templateObject$m, _templateObject2$b;
|
|
3930
|
+
var TabLinkWrapper = /*#__PURE__*/styled.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) {
|
|
3968
3931
|
var iconName = _ref.iconName;
|
|
3969
3932
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3970
3933
|
}, function (_ref2) {
|
|
@@ -4017,8 +3980,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
4017
3980
|
})) : null, children);
|
|
4018
3981
|
};
|
|
4019
3982
|
|
|
4020
|
-
var _templateObject$
|
|
4021
|
-
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3983
|
+
var _templateObject$n, _templateObject2$c, _templateObject3$6, _templateObject4$3;
|
|
3984
|
+
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
4022
3985
|
var width = _ref.width;
|
|
4023
3986
|
return width ? width + "px;" : '100%;';
|
|
4024
3987
|
}, function (_ref2) {
|
|
@@ -4142,8 +4105,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
4142
4105
|
}, error))));
|
|
4143
4106
|
};
|
|
4144
4107
|
|
|
4145
|
-
var _templateObject$
|
|
4146
|
-
var Container$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4108
|
+
var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
4109
|
+
var Container$1 = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4147
4110
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
4148
4111
|
var width = _ref.width;
|
|
4149
4112
|
if (!width) return 'none';
|
|
@@ -4270,8 +4233,8 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4270
4233
|
}, error)));
|
|
4271
4234
|
});
|
|
4272
4235
|
|
|
4273
|
-
var _templateObject$
|
|
4274
|
-
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4236
|
+
var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
4237
|
+
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4275
4238
|
var textStyles = /*#__PURE__*/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) {
|
|
4276
4239
|
var theme = _ref.theme;
|
|
4277
4240
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -4345,8 +4308,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
4345
4308
|
}, error) : null);
|
|
4346
4309
|
};
|
|
4347
4310
|
|
|
4348
|
-
var _templateObject$
|
|
4349
|
-
var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
4311
|
+
var _templateObject$q, _templateObject2$f;
|
|
4312
|
+
var TextLinkWrapper = /*#__PURE__*/styled.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) {
|
|
4350
4313
|
var iconName = _ref.iconName;
|
|
4351
4314
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
4352
4315
|
}, function (_ref2) {
|
|
@@ -4384,8 +4347,8 @@ var TextLogoProduct;
|
|
|
4384
4347
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4385
4348
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4386
4349
|
|
|
4387
|
-
var _templateObject$
|
|
4388
|
-
var TickboxError = /*#__PURE__*/styled.div(_templateObject$
|
|
4350
|
+
var _templateObject$r, _templateObject2$g, _templateObject3$9, _templateObject4$6;
|
|
4351
|
+
var TickboxError = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4389
4352
|
var dark = _ref.dark;
|
|
4390
4353
|
return dark ? 'white' : 'errorstate';
|
|
4391
4354
|
});
|
|
@@ -4506,8 +4469,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4506
4469
|
}, error)));
|
|
4507
4470
|
};
|
|
4508
4471
|
|
|
4509
|
-
var _templateObject$
|
|
4510
|
-
var Container$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4472
|
+
var _templateObject$s, _templateObject2$h, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4473
|
+
var Container$2 = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4511
4474
|
var Tickbox$1 = /*#__PURE__*/styled.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) {
|
|
4512
4475
|
var error = _ref.error,
|
|
4513
4476
|
darkMode = _ref.darkMode,
|
|
@@ -4618,8 +4581,8 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4618
4581
|
}, error)));
|
|
4619
4582
|
});
|
|
4620
4583
|
|
|
4621
|
-
var _templateObject$
|
|
4622
|
-
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4584
|
+
var _templateObject$t, _templateObject2$i, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4585
|
+
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4623
4586
|
var color = _ref.color;
|
|
4624
4587
|
return color;
|
|
4625
4588
|
});
|
|
@@ -4727,8 +4690,8 @@ var Timer = function Timer(_ref) {
|
|
|
4727
4690
|
}));
|
|
4728
4691
|
};
|
|
4729
4692
|
|
|
4730
|
-
var _templateObject$
|
|
4731
|
-
var TypeTagsContainer = /*#__PURE__*/styled.ul(_templateObject$
|
|
4693
|
+
var _templateObject$u;
|
|
4694
|
+
var TypeTagsContainer = /*#__PURE__*/styled.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"])));
|
|
4732
4695
|
|
|
4733
4696
|
var TypeTags = function TypeTags(_ref) {
|
|
4734
4697
|
var list = _ref.list;
|
|
@@ -5501,8 +5464,8 @@ try {
|
|
|
5501
5464
|
}
|
|
5502
5465
|
});
|
|
5503
5466
|
|
|
5504
|
-
var _templateObject$
|
|
5505
|
-
var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$
|
|
5467
|
+
var _templateObject$v, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5468
|
+
var VideoPlayButton = /*#__PURE__*/styled.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"])));
|
|
5506
5469
|
var VideoFullscreenButton = /*#__PURE__*/styled.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"])));
|
|
5507
5470
|
var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5508
5471
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled.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"])));
|
|
@@ -5721,8 +5684,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5721
5684
|
})));
|
|
5722
5685
|
};
|
|
5723
5686
|
|
|
5724
|
-
var _templateObject$
|
|
5725
|
-
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5687
|
+
var _templateObject$w, _templateObject2$k, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5688
|
+
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5726
5689
|
var StepperError = /*#__PURE__*/styled.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) {
|
|
5727
5690
|
var darkMode = _ref.darkMode;
|
|
5728
5691
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5949,9 +5912,9 @@ var Component = function Component(_ref) {
|
|
|
5949
5912
|
}, error)));
|
|
5950
5913
|
};
|
|
5951
5914
|
|
|
5952
|
-
var _templateObject$
|
|
5915
|
+
var _templateObject$x;
|
|
5953
5916
|
var colors$1 = core.colors;
|
|
5954
|
-
var Tile = /*#__PURE__*/styled.div(_templateObject$
|
|
5917
|
+
var Tile = /*#__PURE__*/styled.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) {
|
|
5955
5918
|
var isSelected = _ref.isSelected;
|
|
5956
5919
|
return isSelected ? colors$1.midgrey : colors$1.lightgrey;
|
|
5957
5920
|
}, function (_ref2) {
|
|
@@ -6011,8 +5974,8 @@ var ToggleButton = function ToggleButton(_ref) {
|
|
|
6011
5974
|
}, item.label));
|
|
6012
5975
|
};
|
|
6013
5976
|
|
|
6014
|
-
var _templateObject$
|
|
6015
|
-
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5977
|
+
var _templateObject$y, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5978
|
+
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
6016
5979
|
var isMenuOpen = _ref.isMenuOpen;
|
|
6017
5980
|
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 ";
|
|
6018
5981
|
});
|
|
@@ -6036,8 +5999,8 @@ var NavContainer = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObjec
|
|
|
6036
5999
|
var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
6037
6000
|
var NavTopContainer = /*#__PURE__*/styled.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);
|
|
6038
6001
|
|
|
6039
|
-
var _templateObject$
|
|
6040
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6002
|
+
var _templateObject$z;
|
|
6003
|
+
var LogoWrapper = /*#__PURE__*/styled.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"])));
|
|
6041
6004
|
|
|
6042
6005
|
var Logo = function Logo(_ref) {
|
|
6043
6006
|
var _ref$id = _ref.id,
|
|
@@ -6069,11 +6032,11 @@ var Logo = function Logo(_ref) {
|
|
|
6069
6032
|
}))));
|
|
6070
6033
|
};
|
|
6071
6034
|
|
|
6072
|
-
var _templateObject$
|
|
6073
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
6035
|
+
var _templateObject$A;
|
|
6036
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.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);
|
|
6074
6037
|
|
|
6075
|
-
var _templateObject$
|
|
6076
|
-
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6038
|
+
var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c;
|
|
6039
|
+
var BasketContainer = /*#__PURE__*/styled.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) {
|
|
6077
6040
|
var selected = _ref.selected,
|
|
6078
6041
|
colorPrimary = _ref.colorPrimary;
|
|
6079
6042
|
|
|
@@ -6262,8 +6225,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
6262
6225
|
}, expiryTime ? basketText : text) : ''));
|
|
6263
6226
|
};
|
|
6264
6227
|
|
|
6265
|
-
var _templateObject$
|
|
6266
|
-
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6228
|
+
var _templateObject$C, _templateObject2$n;
|
|
6229
|
+
var SearchContainer = /*#__PURE__*/styled.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) {
|
|
6267
6230
|
var selected = _ref.selected,
|
|
6268
6231
|
colorPrimary = _ref.colorPrimary;
|
|
6269
6232
|
|
|
@@ -6555,8 +6518,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6555
6518
|
}));
|
|
6556
6519
|
};
|
|
6557
6520
|
|
|
6558
|
-
var _templateObject$
|
|
6559
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6521
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$g, _templateObject4$d;
|
|
6522
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6560
6523
|
var ItemsContainer = /*#__PURE__*/styled.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) {
|
|
6561
6524
|
if (props.showMenu) {
|
|
6562
6525
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6698,8 +6661,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6698
6661
|
}, "MENU"))));
|
|
6699
6662
|
};
|
|
6700
6663
|
|
|
6701
|
-
var _templateObject$
|
|
6702
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6664
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6665
|
+
var SearchBarContainer = /*#__PURE__*/styled.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);
|
|
6703
6666
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6704
6667
|
var SvgContainerClose = /*#__PURE__*/styled.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"])));
|
|
6705
6668
|
var InputContainer = /*#__PURE__*/styled.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);
|
|
@@ -6936,16 +6899,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6936
6899
|
})))));
|
|
6937
6900
|
};
|
|
6938
6901
|
|
|
6939
|
-
var _templateObject$
|
|
6940
|
-
var FooterSection = /*#__PURE__*/styled.section(_templateObject$
|
|
6902
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6903
|
+
var FooterSection = /*#__PURE__*/styled.section(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6941
6904
|
var FooterContainer = /*#__PURE__*/styled.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"])));
|
|
6942
6905
|
var PolicyLinksRow = /*#__PURE__*/styled.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);
|
|
6943
6906
|
var ContactNewsletterRow = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6944
6907
|
var ArtsLogoRow = /*#__PURE__*/styled.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);
|
|
6945
6908
|
var AdditionalInfo = /*#__PURE__*/styled.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);
|
|
6946
6909
|
|
|
6947
|
-
var _templateObject$
|
|
6948
|
-
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$
|
|
6910
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$j;
|
|
6911
|
+
var PolicyLinksList = /*#__PURE__*/styled.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);
|
|
6949
6912
|
var PolicyLinkItem = /*#__PURE__*/styled.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);
|
|
6950
6913
|
var PolicyLink = /*#__PURE__*/styled.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"])));
|
|
6951
6914
|
|
|
@@ -6963,8 +6926,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6963
6926
|
}));
|
|
6964
6927
|
};
|
|
6965
6928
|
|
|
6966
|
-
var _templateObject$
|
|
6967
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6929
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6930
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled.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);
|
|
6968
6931
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.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);
|
|
6969
6932
|
var SignUpWrapper = /*#__PURE__*/styled.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);
|
|
6970
6933
|
var SignUpText = /*#__PURE__*/styled.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);
|
|
@@ -7037,9 +7000,9 @@ var Footer = function Footer(_ref) {
|
|
|
7037
7000
|
}, additionalInfo)))));
|
|
7038
7001
|
};
|
|
7039
7002
|
|
|
7040
|
-
var _templateObject$
|
|
7003
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
7041
7004
|
var LIST_ITEM_GAP = 32;
|
|
7042
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7005
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.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) {
|
|
7043
7006
|
var bottomBorder = _ref.bottomBorder;
|
|
7044
7007
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
7045
7008
|
}, zIndexes.anchor);
|
|
@@ -7305,8 +7268,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
7305
7268
|
})) : null) : null))));
|
|
7306
7269
|
};
|
|
7307
7270
|
|
|
7308
|
-
var _templateObject$
|
|
7309
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7271
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
7272
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.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) {
|
|
7310
7273
|
var sticky = _ref.sticky;
|
|
7311
7274
|
return sticky ? 'sticky' : 'initial';
|
|
7312
7275
|
}, zIndexes.anchor);
|
|
@@ -7369,8 +7332,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
7369
7332
|
}, message)));
|
|
7370
7333
|
};
|
|
7371
7334
|
|
|
7372
|
-
var _templateObject$
|
|
7373
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7335
|
+
var _templateObject$K, _templateObject2$v, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
7336
|
+
var Wrapper$2 = /*#__PURE__*/styled.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);
|
|
7374
7337
|
var PromoLabelWrapper = /*#__PURE__*/styled.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"])));
|
|
7375
7338
|
var PromoLabel = /*#__PURE__*/styled.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) {
|
|
7376
7339
|
var theme = _ref.theme;
|
|
@@ -7406,6 +7369,9 @@ var formatPrice = function formatPrice(value) {
|
|
|
7406
7369
|
if (Number.isNaN(Number(value))) return value != null ? value : '';
|
|
7407
7370
|
return "\xA3" + Number(value).toFixed(2);
|
|
7408
7371
|
};
|
|
7372
|
+
var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
|
|
7373
|
+
return string.substring(0, 1).toUpperCase() + string.substring(1);
|
|
7374
|
+
};
|
|
7409
7375
|
|
|
7410
7376
|
var LENGTH_SMALL_TEXT = 19;
|
|
7411
7377
|
var OFFER_TEXTS_LIMIT = 3;
|
|
@@ -7450,8 +7416,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
7450
7416
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
7451
7417
|
};
|
|
7452
7418
|
|
|
7453
|
-
var _templateObject$
|
|
7454
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
7419
|
+
var _templateObject$L;
|
|
7420
|
+
var Wrapper$3 = /*#__PURE__*/styled.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);
|
|
7455
7421
|
|
|
7456
7422
|
var UpsellCards = function UpsellCards(_ref) {
|
|
7457
7423
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7469,16 +7435,16 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7469
7435
|
}));
|
|
7470
7436
|
};
|
|
7471
7437
|
|
|
7472
|
-
var _templateObject$
|
|
7473
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
7438
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$o;
|
|
7439
|
+
var UpsellBorderBox = /*#__PURE__*/styled.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) {
|
|
7474
7440
|
var theme = _ref.theme;
|
|
7475
7441
|
return theme.colors.primary;
|
|
7476
7442
|
}, devices.mobile, devices.tablet);
|
|
7477
7443
|
var TitleContainer$2 = /*#__PURE__*/styled.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);
|
|
7478
7444
|
var TextContainer = /*#__PURE__*/styled.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);
|
|
7479
7445
|
|
|
7480
|
-
var _templateObject$
|
|
7481
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7446
|
+
var _templateObject$N, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$c;
|
|
7447
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7482
7448
|
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7483
7449
|
var ChildrenContainer = /*#__PURE__*/styled.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) {
|
|
7484
7450
|
var isVisible = _ref.isVisible;
|
|
@@ -7606,8 +7572,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7606
7572
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7607
7573
|
};
|
|
7608
7574
|
|
|
7609
|
-
var _templateObject$
|
|
7610
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7575
|
+
var _templateObject$O;
|
|
7576
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7611
7577
|
|
|
7612
7578
|
var Accordions = function Accordions(_ref) {
|
|
7613
7579
|
var _ref$items = _ref.items,
|
|
@@ -7640,8 +7606,8 @@ var Theme = function Theme(_ref) {
|
|
|
7640
7606
|
}, children);
|
|
7641
7607
|
};
|
|
7642
7608
|
|
|
7643
|
-
var _templateObject$
|
|
7644
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7609
|
+
var _templateObject$P, _templateObject2$y, _templateObject3$q;
|
|
7610
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled.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) {
|
|
7645
7611
|
var theme = _ref.theme;
|
|
7646
7612
|
return theme.colors.primary;
|
|
7647
7613
|
}, devices.mobile);
|
|
@@ -7683,8 +7649,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7683
7649
|
}))))));
|
|
7684
7650
|
};
|
|
7685
7651
|
|
|
7686
|
-
var _templateObject$
|
|
7687
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$
|
|
7652
|
+
var _templateObject$Q;
|
|
7653
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(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) {
|
|
7688
7654
|
var bgColor = _ref.bgColor,
|
|
7689
7655
|
theme = _ref.theme;
|
|
7690
7656
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7707,11 +7673,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7707
7673
|
}), children);
|
|
7708
7674
|
};
|
|
7709
7675
|
|
|
7710
|
-
var _templateObject$
|
|
7676
|
+
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;
|
|
7711
7677
|
var LENGTH_LARGE_TEXT = 28;
|
|
7712
7678
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7713
7679
|
var LENGTH_TEXT_TABLET = 10;
|
|
7714
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7680
|
+
var CardContainer = /*#__PURE__*/styled.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) {
|
|
7715
7681
|
var isCardClickable = _ref.isCardClickable;
|
|
7716
7682
|
return isCardClickable ? 'pointer' : 'default';
|
|
7717
7683
|
}, function (_ref2) {
|
|
@@ -8014,8 +7980,8 @@ var Card = function Card(_ref) {
|
|
|
8014
7980
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
8015
7981
|
};
|
|
8016
7982
|
|
|
8017
|
-
var _templateObject$
|
|
8018
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7983
|
+
var _templateObject$S, _templateObject2$A;
|
|
7984
|
+
var CardsContainer = /*#__PURE__*/styled(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);
|
|
8019
7985
|
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
8020
7986
|
|
|
8021
7987
|
var Cards = function Cards(_ref) {
|
|
@@ -8061,8 +8027,8 @@ var Cards = function Cards(_ref) {
|
|
|
8061
8027
|
}));
|
|
8062
8028
|
};
|
|
8063
8029
|
|
|
8064
|
-
var _templateObject$
|
|
8065
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8030
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
8031
|
+
var ContentWrapper = /*#__PURE__*/styled.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);
|
|
8066
8032
|
var Wrapper$4 = /*#__PURE__*/styled.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) {
|
|
8067
8033
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
8068
8034
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -8130,8 +8096,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
8130
8096
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
8131
8097
|
};
|
|
8132
8098
|
|
|
8133
|
-
var _templateObject$
|
|
8134
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
8099
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$e, _templateObject7$8;
|
|
8100
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
8135
8101
|
var ContentSummaryWrapper = /*#__PURE__*/styled.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) {
|
|
8136
8102
|
return props.clickable ? 'pointer' : 'default';
|
|
8137
8103
|
}, devices.mobile);
|
|
@@ -8213,8 +8179,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
8213
8179
|
}), link.text)));
|
|
8214
8180
|
};
|
|
8215
8181
|
|
|
8216
|
-
var _templateObject$
|
|
8217
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
8182
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
8183
|
+
var EditorialGrid = /*#__PURE__*/styled.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) {
|
|
8218
8184
|
var imageToLeft = _ref.imageToLeft;
|
|
8219
8185
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
8220
8186
|
}, devices.mobile);
|
|
@@ -8258,8 +8224,8 @@ var Editorial = function Editorial(_ref) {
|
|
|
8258
8224
|
})))));
|
|
8259
8225
|
};
|
|
8260
8226
|
|
|
8261
|
-
var _templateObject$
|
|
8262
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
8227
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$v, _templateObject4$o, _templateObject5$j;
|
|
8228
|
+
var InfoContent = /*#__PURE__*/styled('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"])));
|
|
8263
8229
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
8264
8230
|
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
8265
8231
|
if (!props.infoThemed) {
|
|
@@ -8396,8 +8362,8 @@ var Information = function Information(_ref) {
|
|
|
8396
8362
|
}))));
|
|
8397
8363
|
};
|
|
8398
8364
|
|
|
8399
|
-
var _templateObject$
|
|
8400
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8365
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$w, _templateObject4$p, _templateObject5$k, _templateObject6$f, _templateObject7$9, _templateObject8$7;
|
|
8366
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.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) {
|
|
8401
8367
|
var theme = _ref.theme;
|
|
8402
8368
|
return theme.colors.primary;
|
|
8403
8369
|
}, function (_ref2) {
|
|
@@ -8503,8 +8469,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8503
8469
|
})));
|
|
8504
8470
|
};
|
|
8505
8471
|
|
|
8506
|
-
var _templateObject$
|
|
8507
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8472
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$x, _templateObject4$q, _templateObject5$l, _templateObject6$g, _templateObject7$a, _templateObject8$8;
|
|
8473
|
+
var ImpactWrapper = /*#__PURE__*/styled.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);
|
|
8508
8474
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.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);
|
|
8509
8475
|
var ImpactGrid = /*#__PURE__*/styled(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);
|
|
8510
8476
|
var SponsorWrapper = /*#__PURE__*/styled.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);
|
|
@@ -8579,8 +8545,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8579
8545
|
}, "Scroll Down")) : null);
|
|
8580
8546
|
};
|
|
8581
8547
|
|
|
8582
|
-
var _templateObject$
|
|
8583
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8548
|
+
var _templateObject$Z, _templateObject2$H, _templateObject3$y, _templateObject4$r, _templateObject5$m;
|
|
8549
|
+
var PanelGrid = /*#__PURE__*/styled(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) {
|
|
8584
8550
|
var color = _ref.color;
|
|
8585
8551
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8586
8552
|
}, devices.mobileAndTablet);
|
|
@@ -8624,8 +8590,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8624
8590
|
}))));
|
|
8625
8591
|
};
|
|
8626
8592
|
|
|
8627
|
-
var _templateObject
|
|
8628
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject
|
|
8593
|
+
var _templateObject$_;
|
|
8594
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8629
8595
|
|
|
8630
8596
|
var _excluded$k = ["link"];
|
|
8631
8597
|
|
|
@@ -8647,8 +8613,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8647
8613
|
}))));
|
|
8648
8614
|
};
|
|
8649
8615
|
|
|
8650
|
-
var _templateObject
|
|
8651
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject
|
|
8616
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$z, _templateObject5$n, _templateObject6$h, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8617
|
+
var BrandingTextBlock = /*#__PURE__*/styled.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);
|
|
8652
8618
|
var BrandingTextBody = /*#__PURE__*/styled.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"])));
|
|
8653
8619
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8654
8620
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.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);
|
|
@@ -8985,8 +8951,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8985
8951
|
}), linkText))));
|
|
8986
8952
|
};
|
|
8987
8953
|
|
|
8988
|
-
var _templateObject$
|
|
8989
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject$
|
|
8954
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$A, _templateObject4$s;
|
|
8955
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8990
8956
|
var PageNumberWrapper = /*#__PURE__*/styled.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
|
|
8991
8957
|
|
|
8992
8958
|
var PageNumber = /*#__PURE__*/styled.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) {
|
|
@@ -9062,8 +9028,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
9062
9028
|
}))));
|
|
9063
9029
|
};
|
|
9064
9030
|
|
|
9065
|
-
var _templateObject$
|
|
9066
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9031
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$o, _templateObject6$i, _templateObject7$c;
|
|
9032
|
+
var PeopleListingGrid = /*#__PURE__*/styled(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);
|
|
9067
9033
|
var PersonWrapper = /*#__PURE__*/styled.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"])));
|
|
9068
9034
|
var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9069
9035
|
var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
@@ -9124,8 +9090,8 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
9124
9090
|
}));
|
|
9125
9091
|
};
|
|
9126
9092
|
|
|
9127
|
-
var _templateObject$
|
|
9128
|
-
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
9093
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$C, _templateObject4$u;
|
|
9094
|
+
var ReplacementWrapper$1 = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
9129
9095
|
var CreditListingWrapper = /*#__PURE__*/styled(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) {
|
|
9130
9096
|
var columnCount = _ref.columnCount;
|
|
9131
9097
|
return "repeat(" + columnCount + ", 1fr)";
|
|
@@ -9210,14 +9176,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9210
9176
|
}));
|
|
9211
9177
|
};
|
|
9212
9178
|
|
|
9213
|
-
var _templateObject$
|
|
9179
|
+
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;
|
|
9214
9180
|
var LENGTH_TEXT = 28;
|
|
9215
9181
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9216
9182
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
9217
9183
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
9218
9184
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
9219
9185
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
9220
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9186
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(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) {
|
|
9221
9187
|
var imageToLeft = _ref.imageToLeft;
|
|
9222
9188
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
9223
9189
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9492,10 +9458,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9492
9458
|
}))));
|
|
9493
9459
|
};
|
|
9494
9460
|
|
|
9495
|
-
var _templateObject$
|
|
9461
|
+
var _templateObject$14, _templateObject2$N, _templateObject3$E, _templateObject4$w, _templateObject5$q, _templateObject6$k, _templateObject7$e;
|
|
9496
9462
|
var LENGTH_TEXT$2 = 28;
|
|
9497
9463
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9498
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9464
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled(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) {
|
|
9499
9465
|
var imageToLeft = _ref.imageToLeft;
|
|
9500
9466
|
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'";
|
|
9501
9467
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9548,8 +9514,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$e || (_templat
|
|
|
9548
9514
|
return '';
|
|
9549
9515
|
});
|
|
9550
9516
|
|
|
9551
|
-
var _templateObject$
|
|
9552
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9517
|
+
var _templateObject$15;
|
|
9518
|
+
var VideoContainer = /*#__PURE__*/styled.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) {
|
|
9553
9519
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9554
9520
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9555
9521
|
return aspectRatio;
|
|
@@ -9755,8 +9721,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9755
9721
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9756
9722
|
};
|
|
9757
9723
|
|
|
9758
|
-
var _templateObject$
|
|
9759
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9724
|
+
var _templateObject$16;
|
|
9725
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9760
9726
|
|
|
9761
9727
|
/**
|
|
9762
9728
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9814,8 +9780,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9814
9780
|
})));
|
|
9815
9781
|
};
|
|
9816
9782
|
|
|
9817
|
-
var _templateObject$
|
|
9818
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
9783
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$F;
|
|
9784
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9819
9785
|
var RadioGroup$1 = /*#__PURE__*/styled.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) {
|
|
9820
9786
|
var horizontalMode = _ref.horizontalMode;
|
|
9821
9787
|
if (horizontalMode) return 'row';
|
|
@@ -9904,8 +9870,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9904
9870
|
}, error)));
|
|
9905
9871
|
};
|
|
9906
9872
|
|
|
9907
|
-
var _templateObject$
|
|
9908
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9873
|
+
var _templateObject$18, _templateObject2$P, _templateObject3$G;
|
|
9874
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.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);
|
|
9909
9875
|
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
9910
9876
|
var SvgContainer$3 = /*#__PURE__*/styled.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);
|
|
9911
9877
|
|
|
@@ -9969,8 +9935,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9969
9935
|
})))));
|
|
9970
9936
|
};
|
|
9971
9937
|
|
|
9972
|
-
var _templateObject$
|
|
9973
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9938
|
+
var _templateObject$19;
|
|
9939
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.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);
|
|
9974
9940
|
|
|
9975
9941
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9976
9942
|
var title = _ref.title,
|
|
@@ -9998,8 +9964,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9998
9964
|
}, description))));
|
|
9999
9965
|
};
|
|
10000
9966
|
|
|
10001
|
-
var _templateObject$
|
|
10002
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
9967
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$H, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9968
|
+
var stateStyles = /*#__PURE__*/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) {
|
|
10003
9969
|
var theme = _ref.theme;
|
|
10004
9970
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
10005
9971
|
}, function (_ref2) {
|
|
@@ -10421,8 +10387,8 @@ function Select(_ref3) {
|
|
|
10421
10387
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
10422
10388
|
}
|
|
10423
10389
|
|
|
10424
|
-
var _templateObject$
|
|
10425
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
10390
|
+
var _templateObject$1b, _templateObject2$R, _templateObject3$I, _templateObject4$y;
|
|
10391
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
10426
10392
|
var SelectWrapper$1 = /*#__PURE__*/styled.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) {
|
|
10427
10393
|
var width = _ref.width;
|
|
10428
10394
|
if (!width) return 'none';
|
|
@@ -10563,8 +10529,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10563
10529
|
})));
|
|
10564
10530
|
};
|
|
10565
10531
|
|
|
10566
|
-
var _templateObject$
|
|
10567
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
10532
|
+
var _templateObject$1c;
|
|
10533
|
+
var TextContainer$2 = /*#__PURE__*/styled.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) {
|
|
10568
10534
|
var theme = _ref.theme;
|
|
10569
10535
|
return theme.colors.primary;
|
|
10570
10536
|
});
|
|
@@ -10592,8 +10558,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10592
10558
|
})));
|
|
10593
10559
|
};
|
|
10594
10560
|
|
|
10595
|
-
var _templateObject$
|
|
10596
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
10561
|
+
var _templateObject$1d, _templateObject2$S;
|
|
10562
|
+
var Wrapper$6 = /*#__PURE__*/styled.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) {
|
|
10597
10563
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10598
10564
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10599
10565
|
return aspectRatio;
|
|
@@ -10641,8 +10607,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10641
10607
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10642
10608
|
};
|
|
10643
10609
|
|
|
10644
|
-
var _templateObject$
|
|
10645
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
10610
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$J;
|
|
10611
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10646
10612
|
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10647
10613
|
var displayAttribution = _ref.displayAttribution;
|
|
10648
10614
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10671,8 +10637,8 @@ var Quote = function Quote(_ref) {
|
|
|
10671
10637
|
}, attribution))));
|
|
10672
10638
|
};
|
|
10673
10639
|
|
|
10674
|
-
var _templateObject$
|
|
10675
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10640
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$K, _templateObject4$z, _templateObject5$s, _templateObject6$m;
|
|
10641
|
+
var CardContainer$1 = /*#__PURE__*/styled.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"])));
|
|
10676
10642
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10677
10643
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10678
10644
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -10715,8 +10681,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10715
10681
|
}, title)))));
|
|
10716
10682
|
};
|
|
10717
10683
|
|
|
10718
|
-
var _templateObject$
|
|
10719
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10684
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$L, _templateObject4$A, _templateObject5$t;
|
|
10685
|
+
var ReadMoreContainer = /*#__PURE__*/styled.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"])));
|
|
10720
10686
|
var LinkContainer = /*#__PURE__*/styled.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"])));
|
|
10721
10687
|
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
10722
10688
|
var isVisible = _ref.isVisible;
|
|
@@ -10813,8 +10779,8 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10813
10779
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10814
10780
|
};
|
|
10815
10781
|
|
|
10816
|
-
var _templateObject$
|
|
10817
|
-
var Container$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
10782
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$M, _templateObject4$B, _templateObject5$u, _templateObject6$n;
|
|
10783
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10818
10784
|
var Sections = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10819
10785
|
var Section = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10820
10786
|
var color = _ref.color;
|
|
@@ -10911,8 +10877,8 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
10911
10877
|
}, strengthLabel))));
|
|
10912
10878
|
};
|
|
10913
10879
|
|
|
10914
|
-
var _templateObject$
|
|
10915
|
-
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$
|
|
10880
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$N, _templateObject4$C, _templateObject5$v;
|
|
10881
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10916
10882
|
var MenuList = /*#__PURE__*/styled.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"])), Colors.LightGrey);
|
|
10917
10883
|
var MobileButton = /*#__PURE__*/styled.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"])), Colors.Black, Colors.White, Colors.DarkGrey);
|
|
10918
10884
|
var MenuItem$1 = /*#__PURE__*/styled.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"])), Colors.Black, function (_ref) {
|
|
@@ -11089,8 +11055,8 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11089
11055
|
});
|
|
11090
11056
|
};
|
|
11091
11057
|
|
|
11092
|
-
var _templateObject$
|
|
11093
|
-
var TableContainer = /*#__PURE__*/styled.table(_templateObject$
|
|
11058
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$O, _templateObject4$D, _templateObject5$w, _templateObject6$o, _templateObject7$g, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
11059
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11094
11060
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11095
11061
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
11096
11062
|
var TableHeader = /*#__PURE__*/styled.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) {
|
|
@@ -11285,6 +11251,232 @@ var Table = function Table(_ref) {
|
|
|
11285
11251
|
}))))))));
|
|
11286
11252
|
};
|
|
11287
11253
|
|
|
11254
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E, _templateObject5$x, _templateObject6$p, _templateObject7$h, _templateObject8$d, _templateObject9$8, _templateObject10$8;
|
|
11255
|
+
var Wrapper$8 = /*#__PURE__*/styled('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) {
|
|
11256
|
+
var theme = _ref.theme;
|
|
11257
|
+
return "var(--base-color-" + theme + ")";
|
|
11258
|
+
}, function (_ref2) {
|
|
11259
|
+
var theme = _ref2.theme;
|
|
11260
|
+
return "var(--base-color-" + theme + ")";
|
|
11261
|
+
});
|
|
11262
|
+
var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n"])));
|
|
11263
|
+
var SignUpTitleWrapper = /*#__PURE__*/styled('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);
|
|
11264
|
+
var Error$1 = /*#__PURE__*/styled.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"])));
|
|
11265
|
+
var Form = /*#__PURE__*/styled.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);
|
|
11266
|
+
var FormFooterWrapper = /*#__PURE__*/styled.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);
|
|
11267
|
+
var ServerError = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--base-color-errorstate);\n"])));
|
|
11268
|
+
var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n div {\n font-size: 14px;\n }\n"])));
|
|
11269
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled.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);
|
|
11270
|
+
var FieldsWrapper = /*#__PURE__*/styled.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);
|
|
11271
|
+
|
|
11272
|
+
var regex = {
|
|
11273
|
+
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,}))$/,
|
|
11274
|
+
latinOnly: /[\u0250-\ue007]/g,
|
|
11275
|
+
firstName: /^[a-zA-Z]{2,}/
|
|
11276
|
+
};
|
|
11277
|
+
var formValidationMessages = {
|
|
11278
|
+
requiredFieldMessage: 'Please complete this field',
|
|
11279
|
+
firstName: {
|
|
11280
|
+
invalid: 'Please enter your first name'
|
|
11281
|
+
},
|
|
11282
|
+
email: {
|
|
11283
|
+
required: 'Please enter an email address',
|
|
11284
|
+
invalid: 'Enter an email address in the correct format, like name@example.com'
|
|
11285
|
+
}
|
|
11286
|
+
};
|
|
11287
|
+
|
|
11288
|
+
var SignUpForm = function SignUpForm(_ref) {
|
|
11289
|
+
var initialState = _ref.initialState,
|
|
11290
|
+
submittedState = _ref.submittedState,
|
|
11291
|
+
ctaPrivacy = _ref.ctaPrivacy,
|
|
11292
|
+
theme = _ref.theme,
|
|
11293
|
+
errorMessage = _ref.errorMessage,
|
|
11294
|
+
_ref$isLoggedIn = _ref.isLoggedIn,
|
|
11295
|
+
isLoggedIn = _ref$isLoggedIn === void 0 ? false : _ref$isLoggedIn,
|
|
11296
|
+
submitHandler = _ref.submitHandler;
|
|
11297
|
+
var isMobile = useMobile();
|
|
11298
|
+
|
|
11299
|
+
var _useState = useState({
|
|
11300
|
+
firstName: '',
|
|
11301
|
+
lastName: '',
|
|
11302
|
+
email: ''
|
|
11303
|
+
}),
|
|
11304
|
+
formValues = _useState[0],
|
|
11305
|
+
setFormValues = _useState[1];
|
|
11306
|
+
|
|
11307
|
+
var _useState2 = useState({}),
|
|
11308
|
+
errors = _useState2[0],
|
|
11309
|
+
setErrors = _useState2[1];
|
|
11310
|
+
|
|
11311
|
+
var _useState3 = useState(false),
|
|
11312
|
+
isSuccess = _useState3[0],
|
|
11313
|
+
setIsSuccess = _useState3[1];
|
|
11314
|
+
|
|
11315
|
+
var handleChange = function handleChange(field) {
|
|
11316
|
+
return function (e) {
|
|
11317
|
+
var value = e.target.value.replace(regex.latinOnly, '');
|
|
11318
|
+
setFormValues(function (prev) {
|
|
11319
|
+
var _extends2;
|
|
11320
|
+
|
|
11321
|
+
return _extends({}, prev, (_extends2 = {}, _extends2[field] = field === 'email' ? value : capitalizeFirstLetter(value), _extends2));
|
|
11322
|
+
});
|
|
11323
|
+
setErrors(function (prev) {
|
|
11324
|
+
var _extends3;
|
|
11325
|
+
|
|
11326
|
+
return _extends({}, prev, (_extends3 = {}, _extends3[field] = undefined, _extends3));
|
|
11327
|
+
});
|
|
11328
|
+
};
|
|
11329
|
+
};
|
|
11330
|
+
|
|
11331
|
+
var handleFormSubmit = /*#__PURE__*/function () {
|
|
11332
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(e) {
|
|
11333
|
+
var formErrors, response;
|
|
11334
|
+
return runtime_1.wrap(function _callee$(_context) {
|
|
11335
|
+
while (1) {
|
|
11336
|
+
switch (_context.prev = _context.next) {
|
|
11337
|
+
case 0:
|
|
11338
|
+
e.preventDefault();
|
|
11339
|
+
|
|
11340
|
+
if (!isSuccess) {
|
|
11341
|
+
_context.next = 3;
|
|
11342
|
+
break;
|
|
11343
|
+
}
|
|
11344
|
+
|
|
11345
|
+
return _context.abrupt("return");
|
|
11346
|
+
|
|
11347
|
+
case 3:
|
|
11348
|
+
formErrors = {};
|
|
11349
|
+
|
|
11350
|
+
if (!isLoggedIn) {
|
|
11351
|
+
if (!formValues.firstName) {
|
|
11352
|
+
formErrors.firstName = formValidationMessages.requiredFieldMessage;
|
|
11353
|
+
} else if (!regex.firstName.test(formValues.firstName)) {
|
|
11354
|
+
formErrors.firstName = formValidationMessages.firstName.invalid;
|
|
11355
|
+
}
|
|
11356
|
+
|
|
11357
|
+
if (!formValues.lastName) {
|
|
11358
|
+
formErrors.lastName = formValidationMessages.requiredFieldMessage;
|
|
11359
|
+
}
|
|
11360
|
+
|
|
11361
|
+
if (!formValues.email) {
|
|
11362
|
+
formErrors.email = formValidationMessages.email.required;
|
|
11363
|
+
} else if (!regex.signInEmail.test(formValues.email)) {
|
|
11364
|
+
formErrors.email = formValidationMessages.email.invalid;
|
|
11365
|
+
}
|
|
11366
|
+
}
|
|
11367
|
+
|
|
11368
|
+
if (!(Object.keys(formErrors).length > 0)) {
|
|
11369
|
+
_context.next = 8;
|
|
11370
|
+
break;
|
|
11371
|
+
}
|
|
11372
|
+
|
|
11373
|
+
setErrors(formErrors);
|
|
11374
|
+
return _context.abrupt("return");
|
|
11375
|
+
|
|
11376
|
+
case 8:
|
|
11377
|
+
_context.next = 10;
|
|
11378
|
+
return submitHandler(isLoggedIn ? {} : formValues);
|
|
11379
|
+
|
|
11380
|
+
case 10:
|
|
11381
|
+
response = _context.sent;
|
|
11382
|
+
|
|
11383
|
+
if (response.success) {
|
|
11384
|
+
setIsSuccess(true);
|
|
11385
|
+
} else {
|
|
11386
|
+
setErrors(function (prev) {
|
|
11387
|
+
return _extends({}, prev, {
|
|
11388
|
+
serverError: errorMessage
|
|
11389
|
+
});
|
|
11390
|
+
});
|
|
11391
|
+
}
|
|
11392
|
+
|
|
11393
|
+
case 12:
|
|
11394
|
+
case "end":
|
|
11395
|
+
return _context.stop();
|
|
11396
|
+
}
|
|
11397
|
+
}
|
|
11398
|
+
}, _callee);
|
|
11399
|
+
}));
|
|
11400
|
+
|
|
11401
|
+
return function handleFormSubmit(_x) {
|
|
11402
|
+
return _ref2.apply(this, arguments);
|
|
11403
|
+
};
|
|
11404
|
+
}();
|
|
11405
|
+
|
|
11406
|
+
return /*#__PURE__*/React__default.createElement(Wrapper$8, {
|
|
11407
|
+
theme: Colors[theme]
|
|
11408
|
+
}, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11409
|
+
columnStartDesktop: 3,
|
|
11410
|
+
columnSpanDesktop: 10,
|
|
11411
|
+
columnStartDevice: 2,
|
|
11412
|
+
columnSpanDevice: 12
|
|
11413
|
+
}, /*#__PURE__*/React__default.createElement(SignUpTitleWrapper, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
11414
|
+
level: isMobile ? 3 : 4
|
|
11415
|
+
}, isSuccess ? submittedState.title : initialState.title))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11416
|
+
columnStartDesktop: 3,
|
|
11417
|
+
columnSpanDesktop: 10,
|
|
11418
|
+
columnStartDevice: 2,
|
|
11419
|
+
columnSpanDevice: 12
|
|
11420
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
11421
|
+
level: 6
|
|
11422
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11423
|
+
dangerouslySetInnerHTML: {
|
|
11424
|
+
__html: isSuccess ? submittedState.message : initialState.message
|
|
11425
|
+
}
|
|
11426
|
+
}))), !isSuccess && /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11427
|
+
columnStartDesktop: 3,
|
|
11428
|
+
columnSpanDesktop: 12,
|
|
11429
|
+
columnStartDevice: 2,
|
|
11430
|
+
columnSpanDevice: 12
|
|
11431
|
+
}, /*#__PURE__*/React__default.createElement(Form, {
|
|
11432
|
+
noValidate: true,
|
|
11433
|
+
onSubmit: handleFormSubmit
|
|
11434
|
+
}, !isLoggedIn && /*#__PURE__*/React__default.createElement(FieldsWrapper, null, /*#__PURE__*/React__default.createElement(TextField, {
|
|
11435
|
+
label: "First name",
|
|
11436
|
+
name: "firstName",
|
|
11437
|
+
type: "text",
|
|
11438
|
+
value: formValues.firstName,
|
|
11439
|
+
maxLength: 20,
|
|
11440
|
+
error: errors.firstName,
|
|
11441
|
+
onChange: handleChange('firstName'),
|
|
11442
|
+
autoComplete: "given-name"
|
|
11443
|
+
}), /*#__PURE__*/React__default.createElement(TextField, {
|
|
11444
|
+
label: "Last name",
|
|
11445
|
+
name: "lastName",
|
|
11446
|
+
type: "text",
|
|
11447
|
+
maxLength: 55,
|
|
11448
|
+
value: formValues.lastName,
|
|
11449
|
+
error: errors.lastName,
|
|
11450
|
+
onChange: handleChange('lastName'),
|
|
11451
|
+
autoComplete: "family-name"
|
|
11452
|
+
}), /*#__PURE__*/React__default.createElement(TextField, {
|
|
11453
|
+
label: "Email",
|
|
11454
|
+
name: "email",
|
|
11455
|
+
type: "email",
|
|
11456
|
+
value: formValues.email,
|
|
11457
|
+
error: errors.email || errors.serverError,
|
|
11458
|
+
onChange: handleChange('email'),
|
|
11459
|
+
maxLength: 80
|
|
11460
|
+
})), isLoggedIn && !!errors.serverError && /*#__PURE__*/React__default.createElement(GridItem, {
|
|
11461
|
+
columnStartDesktop: 2,
|
|
11462
|
+
columnSpanDesktop: 12,
|
|
11463
|
+
columnStartTablet: 2,
|
|
11464
|
+
columnSpanTablet: 12,
|
|
11465
|
+
columnStartDevice: 2,
|
|
11466
|
+
columnSpanDevice: 12
|
|
11467
|
+
}, /*#__PURE__*/React__default.createElement(ServerError, null, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
11468
|
+
level: 6
|
|
11469
|
+
}, errors.serverError))), /*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
|
|
11470
|
+
type: "submit"
|
|
11471
|
+
}, /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
11472
|
+
bgColor: Colors[theme]
|
|
11473
|
+
}, "Sign up")), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
|
|
11474
|
+
href: ctaPrivacy.link
|
|
11475
|
+
}, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
11476
|
+
level: 2
|
|
11477
|
+
}, ctaPrivacy.text)))))));
|
|
11478
|
+
};
|
|
11479
|
+
|
|
11288
11480
|
var UpsellSection = function UpsellSection(_ref) {
|
|
11289
11481
|
var title = _ref.title,
|
|
11290
11482
|
richText = _ref.richText,
|
|
@@ -11321,61 +11513,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
11321
11513
|
})))));
|
|
11322
11514
|
};
|
|
11323
11515
|
|
|
11324
|
-
var
|
|
11325
|
-
var DATA_BIND = '5ea4b1ad-1a17-11ec-af32-06f09e0065e0';
|
|
11326
|
-
var DATA_ORG = '';
|
|
11327
|
-
var DIV_ID = 'tdWebchat';
|
|
11328
|
-
var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
|
|
11329
|
-
var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
|
|
11330
|
-
var THEME_COLOR = core.colors.core;
|
|
11331
|
-
var THEME_COLOR_LIGHT = core.colors.core + '80';
|
|
11332
|
-
var THEME_COLOR_BLACK = core.colors.black;
|
|
11333
|
-
var THEME_COLOR_LIGHTGREY = core.colors.lightgrey;
|
|
11334
|
-
var THEME_COLOR_WHITE = core.colors.white;
|
|
11335
|
-
var THEME_COLOR_MIDGREY = core.colors.midgrey;
|
|
11336
|
-
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);";
|
|
11337
|
-
|
|
11338
|
-
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
11339
|
-
var existingScript = document.getElementById(DIV_ID);
|
|
11340
|
-
|
|
11341
|
-
if (!existingScript) {
|
|
11342
|
-
var liveChatDiv = document.createElement('div');
|
|
11343
|
-
liveChatDiv.id = DIV_ID;
|
|
11344
|
-
liveChatDiv.setAttribute('data-bind', DATA_BIND);
|
|
11345
|
-
liveChatDiv.setAttribute('data-org', DATA_ORG);
|
|
11346
|
-
var script = document.createElement('script');
|
|
11347
|
-
var scriptBody = document.createTextNode(SCRIPT_CONTENT);
|
|
11348
|
-
script.appendChild(scriptBody);
|
|
11349
|
-
document.body.appendChild(liveChatDiv);
|
|
11350
|
-
document.body.appendChild(script);
|
|
11351
|
-
|
|
11352
|
-
script.onload = function () {
|
|
11353
|
-
if (callback) callback();
|
|
11354
|
-
};
|
|
11355
|
-
}
|
|
11356
|
-
|
|
11357
|
-
if (existingScript && callback) callback();
|
|
11358
|
-
};
|
|
11359
|
-
|
|
11360
|
-
var LiveChat = function LiveChat() {
|
|
11361
|
-
// eslint-disable-next-line
|
|
11362
|
-
var _React$useState = useState(false),
|
|
11363
|
-
loaded = _React$useState[0],
|
|
11364
|
-
setLoaded = _React$useState[1];
|
|
11365
|
-
|
|
11366
|
-
useEffect(function () {
|
|
11367
|
-
loadLiveChatScript(function () {
|
|
11368
|
-
setLoaded(true);
|
|
11369
|
-
});
|
|
11370
|
-
});
|
|
11371
|
-
return /*#__PURE__*/createElement("span", {
|
|
11372
|
-
"data-loaded": loaded
|
|
11373
|
-
});
|
|
11374
|
-
};
|
|
11375
|
-
|
|
11376
|
-
var _templateObject$1l, _templateObject2$Z;
|
|
11516
|
+
var _templateObject$1l, _templateObject2$_;
|
|
11377
11517
|
var StickyBarWrapper = /*#__PURE__*/styled.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);
|
|
11378
|
-
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$
|
|
11518
|
+
var StickyBarGrid = /*#__PURE__*/styled(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) {
|
|
11379
11519
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
11380
11520
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
11381
11521
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -11403,11 +11543,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
11403
11543
|
}, children)));
|
|
11404
11544
|
};
|
|
11405
11545
|
|
|
11406
|
-
var _templateObject$1m, _templateObject2
|
|
11546
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$Q, _templateObject4$F;
|
|
11407
11547
|
var InnerModal = /*#__PURE__*/styled.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);
|
|
11408
|
-
var CloseButton = /*#__PURE__*/styled.button(_templateObject2
|
|
11409
|
-
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
11410
|
-
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$
|
|
11548
|
+
var CloseButton = /*#__PURE__*/styled.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);
|
|
11549
|
+
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11550
|
+
var Overlay = /*#__PURE__*/styled(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"])));
|
|
11411
11551
|
|
|
11412
11552
|
var _excluded$q = ["isOpen", "setIsOpen", "children", "appElementId"];
|
|
11413
11553
|
var MAX_Z_INDEX = 9999999999;
|
|
@@ -11528,9 +11668,9 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11528
11668
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11529
11669
|
};
|
|
11530
11670
|
|
|
11531
|
-
var _templateObject$1n, _templateObject2
|
|
11671
|
+
var _templateObject$1n, _templateObject2$10;
|
|
11532
11672
|
var FiltersWrapper = /*#__PURE__*/styled.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);
|
|
11533
|
-
var FilterItemsWrapper = /*#__PURE__*/styled.div(_templateObject2
|
|
11673
|
+
var FilterItemsWrapper = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n column-gap: 16px;\n row-gap: 12px;\n"])));
|
|
11534
11674
|
|
|
11535
11675
|
/**
|
|
11536
11676
|
* A FilterToggles component that renders a labelled group of toggle buttons
|
|
@@ -12535,5 +12675,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1o || (_templa
|
|
|
12535
12675
|
return theme.fonts.tablet.sizes.body[1];
|
|
12536
12676
|
}, devices.desktop, devices.largeDesktop);
|
|
12537
12677
|
|
|
12538
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, FilterToggles, Footer, GlobalStyles, Grid, GridItem,
|
|
12678
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, FilterToggles, Footer, GlobalStyles, Grid, GridItem, Header, IInformationBackgroundColour, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, Button$1 as TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, ToggleButton, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
|
|
12539
12679
|
//# sourceMappingURL=chord.esm.js.map
|