@royaloperahouse/chord 2.4.0-e-chord-development → 2.4.1
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 +11 -210
- package/README.GIT +277 -0
- package/README.md +40 -250
- package/dist/chord.cjs.development.js +356 -414
- 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 +358 -415
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Grid/index.d.ts +1 -2
- package/dist/components/atoms/Icons/Icons.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/Descriptors/Wheelchair.svg.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +1 -1
- package/dist/components/atoms/Logo/Logo.d.ts +1 -1
- package/dist/components/atoms/index.d.ts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +0 -1
- package/dist/components/molecules/Select/Select.style.d.ts +1 -1
- package/dist/components/molecules/Table/Table.style.d.ts +0 -1
- package/dist/components/molecules/index.d.ts +1 -1
- package/dist/index.d.ts +2 -3
- package/dist/types/formTypes.d.ts +9 -12
- package/dist/types/iconTypes.d.ts +0 -5
- package/dist/types/tableTypes.d.ts +0 -4
- package/dist/types/types.d.ts +0 -4
- package/package.json +1 -1
- package/dist/components/atoms/Grid/GridItemLegacy.d.ts +0 -8
package/dist/chord.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React__default, { createElement, memo, useRef, useCallback, useEffect, useState, forwardRef, useMemo, cloneElement
|
|
1
|
+
import React__default, { createElement, memo, useRef, useCallback, useEffect, useState, forwardRef, useMemo, cloneElement } from 'react';
|
|
2
2
|
import styled, { css, ThemeProvider, createGlobalStyle } from 'styled-components';
|
|
3
3
|
import moment from 'moment';
|
|
4
4
|
import { renderToString } from 'react-dom/server';
|
|
@@ -1544,15 +1544,13 @@ var Tickets = (function (_ref) {
|
|
|
1544
1544
|
|
|
1545
1545
|
var Wheelchair = (function (_ref) {
|
|
1546
1546
|
var _ref$color = _ref.color,
|
|
1547
|
-
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color
|
|
1548
|
-
ariaLabel = _ref.ariaLabel;
|
|
1547
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
1549
1548
|
return /*#__PURE__*/createElement("svg", {
|
|
1550
1549
|
width: "100%",
|
|
1551
1550
|
height: "100%",
|
|
1552
1551
|
viewBox: "0 0 24 24",
|
|
1553
1552
|
fill: "none",
|
|
1554
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1555
|
-
"aria-label": ariaLabel
|
|
1553
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1556
1554
|
}, /*#__PURE__*/createElement("path", {
|
|
1557
1555
|
d: "M8.4 18.8c-1.1 0-2.2-.4-3-1.1-.8-.8-1.3-1.8-1.3-2.9-.1-1.6.9-3.2 2.3-3.9l-.4-1c-1.9.9-3 2.8-3 4.9.1 2.8 2.4 5.1 5.3 5.1h.2c2.6-.1 4.7-2.1 5.1-4.6l-1.1-.1c-.3 2-2 3.6-4.1 3.6ZM9.8 4.5c1.2 0 2.2-1 2.2-2.2C12 1.1 11 .1 9.8.1c-1.2 0-2.2 1-2.2 2.2 0 1.2.9 2.2 2.2 2.2Zm0-3.3c.6 0 1.1.5 1.1 1.1 0 .6-.5 1.1-1.1 1.1-.6 0-1.1-.5-1.1-1.1 0-.6.5-1.1 1.1-1.1Zm4.9 12c-.3-.5-.9-.8-1.6-.8h-2.6V6.3c0-.6-.5-1.2-1.1-1.2H6.2c-.5.1-.9.5-.9 1v3.2h1.1V6.2l2.9.1v7.2h3.8c.3 0 .5.1.6.3l3.4 5.4.9-.6-3.3-5.4Z",
|
|
1558
1556
|
fill: color
|
|
@@ -2433,8 +2431,7 @@ var Icon = /*#__PURE__*/memo(function (_ref) {
|
|
|
2433
2431
|
color = _ref.color,
|
|
2434
2432
|
iconName = _ref.iconName,
|
|
2435
2433
|
title = _ref.title,
|
|
2436
|
-
direction = _ref.direction
|
|
2437
|
-
ariaLabel = _ref.ariaLabel;
|
|
2434
|
+
direction = _ref.direction;
|
|
2438
2435
|
var IconComponent = IconLibrary[iconName];
|
|
2439
2436
|
return /*#__PURE__*/createElement(Wrapper, {
|
|
2440
2437
|
className: className,
|
|
@@ -2442,8 +2439,7 @@ var Icon = /*#__PURE__*/memo(function (_ref) {
|
|
|
2442
2439
|
title: title,
|
|
2443
2440
|
direction: direction
|
|
2444
2441
|
}, /*#__PURE__*/createElement(IconComponent, {
|
|
2445
|
-
color: color
|
|
2446
|
-
ariaLabel: ariaLabel
|
|
2442
|
+
color: color
|
|
2447
2443
|
}));
|
|
2448
2444
|
});
|
|
2449
2445
|
Icon.displayName = 'Icon';
|
|
@@ -2780,39 +2776,7 @@ var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a =
|
|
|
2780
2776
|
});
|
|
2781
2777
|
|
|
2782
2778
|
var _templateObject$b;
|
|
2783
|
-
|
|
2784
|
-
* # IMPORTANT
|
|
2785
|
-
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2786
|
-
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2787
|
-
*/
|
|
2788
|
-
|
|
2789
|
-
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) {
|
|
2790
|
-
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2791
|
-
return columnStartDesktop;
|
|
2792
|
-
}, function (_ref2) {
|
|
2793
|
-
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2794
|
-
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2795
|
-
return columnSpanDesktop;
|
|
2796
|
-
}, devices.mobile, function (_ref3) {
|
|
2797
|
-
var columnStartDevice = _ref3.columnStartDevice,
|
|
2798
|
-
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2799
|
-
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2800
|
-
}, function (_ref4) {
|
|
2801
|
-
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2802
|
-
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2803
|
-
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2804
|
-
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2805
|
-
}, devices.tablet, function (_ref5) {
|
|
2806
|
-
var columnStartDevice = _ref5.columnStartDevice;
|
|
2807
|
-
return columnStartDevice;
|
|
2808
|
-
}, function (_ref6) {
|
|
2809
|
-
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2810
|
-
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2811
|
-
return columnSpanDevice;
|
|
2812
|
-
});
|
|
2813
|
-
|
|
2814
|
-
var _templateObject$c;
|
|
2815
|
-
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) {
|
|
2779
|
+
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) {
|
|
2816
2780
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2817
2781
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2818
2782
|
return aspectRatio;
|
|
@@ -2830,8 +2794,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled.div(_templateObject$c || (_tem
|
|
|
2830
2794
|
return aspectRatio;
|
|
2831
2795
|
});
|
|
2832
2796
|
|
|
2833
|
-
var _templateObject$
|
|
2834
|
-
var ProgressView = /*#__PURE__*/styled.div(_templateObject$
|
|
2797
|
+
var _templateObject$c, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2798
|
+
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) {
|
|
2835
2799
|
var height = _ref.height;
|
|
2836
2800
|
return height ? height + "px" : '6px';
|
|
2837
2801
|
});
|
|
@@ -2914,13 +2878,13 @@ var Progress = function Progress(_ref) {
|
|
|
2914
2878
|
}, renderSteps()));
|
|
2915
2879
|
};
|
|
2916
2880
|
|
|
2917
|
-
var _templateObject$
|
|
2918
|
-
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
2881
|
+
var _templateObject$d, _templateObject2$4, _templateObject3$3;
|
|
2882
|
+
var RadioContainer = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2919
2883
|
var RadioLine = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 20px;\n grid-template-columns: 1.15em 1fr;\n user-select: none;\n cursor: pointer;\n color: black;\n\n &:focus {\n outline: none;\n }\n\n input[type='radio'] {\n cursor: pointer;\n appearance: none;\n background-color: #ffffff00;\n margin: 0;\n color: black;\n width: 20px;\n height: 20px;\n border: 1px solid black;\n border-radius: 50%;\n position: relative;\n place-content: center;\n display: block;\n }\n\n input[type='radio']::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ffffff00;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n input[type='radio']:checked::before {\n background-color: black;\n }\n"])));
|
|
2920
2884
|
var RadioError = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2921
2885
|
|
|
2922
|
-
var _templateObject$
|
|
2923
|
-
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
2886
|
+
var _templateObject$e;
|
|
2887
|
+
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) {
|
|
2924
2888
|
var typography = _ref.typography;
|
|
2925
2889
|
return typography;
|
|
2926
2890
|
}, function (_ref2) {
|
|
@@ -3077,8 +3041,8 @@ var Radio = function Radio(_ref) {
|
|
|
3077
3041
|
}, error)));
|
|
3078
3042
|
};
|
|
3079
3043
|
|
|
3080
|
-
var _templateObject$
|
|
3081
|
-
var Container = /*#__PURE__*/styled.div(_templateObject$
|
|
3044
|
+
var _templateObject$f, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3045
|
+
var Container = /*#__PURE__*/styled.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3082
3046
|
var Radio$1 = /*#__PURE__*/styled.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
3083
3047
|
var error = _ref.error,
|
|
3084
3048
|
darkMode = _ref.darkMode,
|
|
@@ -3186,8 +3150,8 @@ var Radio2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3186
3150
|
}, error)));
|
|
3187
3151
|
});
|
|
3188
3152
|
|
|
3189
|
-
var _templateObject$
|
|
3190
|
-
var ButtonsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3153
|
+
var _templateObject$g, _templateObject2$6, _templateObject3$5;
|
|
3154
|
+
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"])));
|
|
3191
3155
|
var IconWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n display: flex;\n align-items: center;\n width: var(--rotator-button-width);\n height: var(--rotator-button-width);\n background-color: var(--base-color-lightgrey);\n color: var(--base-color-black);\n\n svg {\n width: var(--rotator-button-icon-width);\n height: var(--rotator-button-icon-width);\n }\n\n svg path {\n fill: var(--base-color-black);\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n\n @media ", " {\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n\n :hover {\n cursor: default;\n background-color: var(--base-color-black);\n\n && svg path {\n fill: var(--base-color-white);\n }\n }\n }\n"])), function (_ref) {
|
|
3192
3156
|
var theme = _ref.theme;
|
|
3193
3157
|
return theme.colors.primary;
|
|
@@ -3258,8 +3222,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3258
3222
|
}, renderNextIcon()));
|
|
3259
3223
|
};
|
|
3260
3224
|
|
|
3261
|
-
var _templateObject$
|
|
3262
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$
|
|
3225
|
+
var _templateObject$h;
|
|
3226
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3263
3227
|
var fillColor = _ref.fillColor;
|
|
3264
3228
|
return fillColor;
|
|
3265
3229
|
});
|
|
@@ -3283,8 +3247,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3283
3247
|
})));
|
|
3284
3248
|
};
|
|
3285
3249
|
|
|
3286
|
-
var _templateObject$
|
|
3287
|
-
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
3250
|
+
var _templateObject$i, _templateObject2$7;
|
|
3251
|
+
var SectionSplitterContainer = /*#__PURE__*/styled(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3288
3252
|
var Splitter = /*#__PURE__*/styled.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3289
3253
|
|
|
3290
3254
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3303,8 +3267,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3303
3267
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3304
3268
|
};
|
|
3305
3269
|
|
|
3306
|
-
var _templateObject$
|
|
3307
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3270
|
+
var _templateObject$j;
|
|
3271
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3308
3272
|
|
|
3309
3273
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3310
3274
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3514,8 +3478,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3514
3478
|
})))));
|
|
3515
3479
|
};
|
|
3516
3480
|
|
|
3517
|
-
var _templateObject$
|
|
3518
|
-
var CustomImage = /*#__PURE__*/styled.img(_templateObject$
|
|
3481
|
+
var _templateObject$k, _templateObject2$8;
|
|
3482
|
+
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);
|
|
3519
3483
|
var SponsorshipStyledIframe = /*#__PURE__*/styled.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 80px;\n margin: 0px;\n overflow: hidden;\n padding: 0;\n width: 80px;\n\n & > iframe {\n border: 0;\n display: block;\n margin: 0px;\n padding: 0px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n }\n\n @media ", " {\n & {\n height: 40px;\n width: 40px;\n }\n & iframe {\n height: 80px;\n transform: scale(0.5) translate(-40px, -40px);\n width: 80px;\n }\n }\n"])), devices.mobile);
|
|
3520
3484
|
|
|
3521
3485
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3548,8 +3512,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3548
3512
|
}));
|
|
3549
3513
|
};
|
|
3550
3514
|
|
|
3551
|
-
var _templateObject$
|
|
3552
|
-
var TabText = /*#__PURE__*/styled.a(_templateObject$
|
|
3515
|
+
var _templateObject$l, _templateObject2$9;
|
|
3516
|
+
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) {
|
|
3553
3517
|
if (props.withIcon === 'left') {
|
|
3554
3518
|
return "margin-left: 5px;";
|
|
3555
3519
|
}
|
|
@@ -3648,8 +3612,8 @@ var Tab = function Tab(_ref) {
|
|
|
3648
3612
|
}));
|
|
3649
3613
|
};
|
|
3650
3614
|
|
|
3651
|
-
var _templateObject$
|
|
3652
|
-
var TabLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
3615
|
+
var _templateObject$m, _templateObject2$a;
|
|
3616
|
+
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) {
|
|
3653
3617
|
var iconName = _ref.iconName;
|
|
3654
3618
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3655
3619
|
}, function (_ref2) {
|
|
@@ -3700,8 +3664,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3700
3664
|
})) : null, children);
|
|
3701
3665
|
};
|
|
3702
3666
|
|
|
3703
|
-
var _templateObject$
|
|
3704
|
-
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
3667
|
+
var _templateObject$n, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3668
|
+
var TextAreaWrapper = /*#__PURE__*/styled.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3705
3669
|
var width = _ref.width;
|
|
3706
3670
|
return width ? width + "px;" : '100%;';
|
|
3707
3671
|
}, function (_ref2) {
|
|
@@ -3824,8 +3788,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3824
3788
|
}, error))));
|
|
3825
3789
|
};
|
|
3826
3790
|
|
|
3827
|
-
var _templateObject$
|
|
3828
|
-
var Container$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
3791
|
+
var _templateObject$o, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3792
|
+
var Container$1 = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3829
3793
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3830
3794
|
var width = _ref.width;
|
|
3831
3795
|
if (!width) return 'none';
|
|
@@ -3951,8 +3915,8 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3951
3915
|
}, error)));
|
|
3952
3916
|
});
|
|
3953
3917
|
|
|
3954
|
-
var _templateObject$
|
|
3955
|
-
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3918
|
+
var _templateObject$p, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3919
|
+
var TextFieldContainer = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3956
3920
|
var textStyles = /*#__PURE__*/css(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref) {
|
|
3957
3921
|
var theme = _ref.theme;
|
|
3958
3922
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -4025,8 +3989,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
4025
3989
|
}, error) : null);
|
|
4026
3990
|
};
|
|
4027
3991
|
|
|
4028
|
-
var _templateObject$
|
|
4029
|
-
var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$
|
|
3992
|
+
var _templateObject$q, _templateObject2$e;
|
|
3993
|
+
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) {
|
|
4030
3994
|
var iconName = _ref.iconName;
|
|
4031
3995
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
4032
3996
|
}, function (_ref2) {
|
|
@@ -4062,8 +4026,8 @@ var TextLogoProduct;
|
|
|
4062
4026
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4063
4027
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4064
4028
|
|
|
4065
|
-
var _templateObject$
|
|
4066
|
-
var TickboxError = /*#__PURE__*/styled.div(_templateObject$
|
|
4029
|
+
var _templateObject$r, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
4030
|
+
var TickboxError = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4067
4031
|
var dark = _ref.dark;
|
|
4068
4032
|
return dark ? 'white' : 'errorstate';
|
|
4069
4033
|
});
|
|
@@ -4184,8 +4148,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4184
4148
|
}, error)));
|
|
4185
4149
|
};
|
|
4186
4150
|
|
|
4187
|
-
var _templateObject$
|
|
4188
|
-
var Container$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4151
|
+
var _templateObject$s, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4152
|
+
var Container$2 = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4189
4153
|
var Tickbox$1 = /*#__PURE__*/styled.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n z-index: 1;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_ref) {
|
|
4190
4154
|
var error = _ref.error,
|
|
4191
4155
|
darkMode = _ref.darkMode,
|
|
@@ -4295,8 +4259,8 @@ var Tickbox2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
4295
4259
|
}, error)));
|
|
4296
4260
|
});
|
|
4297
4261
|
|
|
4298
|
-
var _templateObject$
|
|
4299
|
-
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
4262
|
+
var _templateObject$t, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4263
|
+
var TimerWrapper = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4300
4264
|
var color = _ref.color;
|
|
4301
4265
|
return color;
|
|
4302
4266
|
});
|
|
@@ -4404,8 +4368,8 @@ var Timer = function Timer(_ref) {
|
|
|
4404
4368
|
}));
|
|
4405
4369
|
};
|
|
4406
4370
|
|
|
4407
|
-
var _templateObject$
|
|
4408
|
-
var TypeTagsContainer = /*#__PURE__*/styled.ul(_templateObject$
|
|
4371
|
+
var _templateObject$u;
|
|
4372
|
+
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"])));
|
|
4409
4373
|
|
|
4410
4374
|
var TypeTags = function TypeTags(_ref) {
|
|
4411
4375
|
var list = _ref.list;
|
|
@@ -5147,8 +5111,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
5147
5111
|
}
|
|
5148
5112
|
});
|
|
5149
5113
|
|
|
5150
|
-
var _templateObject$
|
|
5151
|
-
var VideoPlayButton = /*#__PURE__*/styled.button(_templateObject$
|
|
5114
|
+
var _templateObject$v, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5115
|
+
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"])));
|
|
5152
5116
|
var VideoFullscreenButton = /*#__PURE__*/styled.button(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 56px;\n height: 36px;\n background-color: rgb(26, 26, 26, 0.6);\n border-radius: 5px;\n padding: 5px 14px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])));
|
|
5153
5117
|
var VideoControlsWrapper = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5154
5118
|
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"])));
|
|
@@ -5367,8 +5331,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5367
5331
|
})));
|
|
5368
5332
|
};
|
|
5369
5333
|
|
|
5370
|
-
var _templateObject$
|
|
5371
|
-
var StepperWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5334
|
+
var _templateObject$w, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5335
|
+
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"])));
|
|
5372
5336
|
var StepperError = /*#__PURE__*/styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n margin-block: 15px 0;\n\n * {\n margin: 0;\n }\n"])), function (_ref) {
|
|
5373
5337
|
var darkMode = _ref.darkMode;
|
|
5374
5338
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5595,8 +5559,8 @@ var Component = function Component(_ref) {
|
|
|
5595
5559
|
}, error)));
|
|
5596
5560
|
};
|
|
5597
5561
|
|
|
5598
|
-
var _templateObject$
|
|
5599
|
-
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5562
|
+
var _templateObject$x, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5563
|
+
var NavigationWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5600
5564
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5601
5565
|
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 ";
|
|
5602
5566
|
});
|
|
@@ -5620,8 +5584,8 @@ var NavContainer = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObjec
|
|
|
5620
5584
|
var NavContainerGridItem = /*#__PURE__*/styled(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5621
5585
|
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);
|
|
5622
5586
|
|
|
5623
|
-
var _templateObject$
|
|
5624
|
-
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5587
|
+
var _templateObject$y;
|
|
5588
|
+
var LogoWrapper = /*#__PURE__*/styled.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 66px;\n height: auto;\n cursor: pointer;\n & img {\n width: auto;\n height: 100%;\n }\n"])));
|
|
5625
5589
|
|
|
5626
5590
|
var Logo = function Logo(_ref) {
|
|
5627
5591
|
var _ref$id = _ref.id,
|
|
@@ -5629,13 +5593,11 @@ var Logo = function Logo(_ref) {
|
|
|
5629
5593
|
_ref$dataRoh = _ref.dataRoh,
|
|
5630
5594
|
dataRoh = _ref$dataRoh === void 0 ? 'imgLogo' : _ref$dataRoh,
|
|
5631
5595
|
_ref$urlLink = _ref.urlLink,
|
|
5632
|
-
urlLink = _ref$urlLink === void 0 ? 'https://www.
|
|
5596
|
+
urlLink = _ref$urlLink === void 0 ? 'https://www.roh.org.uk/' : _ref$urlLink,
|
|
5633
5597
|
desktopImage = _ref.desktopImage,
|
|
5634
5598
|
devicesImage = _ref.devicesImage,
|
|
5635
5599
|
_ref$title = _ref.title,
|
|
5636
|
-
title = _ref$title === void 0 ? 'Royal
|
|
5637
|
-
_ref$altText = _ref.altText,
|
|
5638
|
-
altText = _ref$altText === void 0 ? 'Royal Ballet and Opera Homepage' : _ref$altText;
|
|
5600
|
+
title = _ref$title === void 0 ? 'Royal Opera House' : _ref$title;
|
|
5639
5601
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
5640
5602
|
"data-roh": dataRoh,
|
|
5641
5603
|
rel: "noopener noreferrer",
|
|
@@ -5648,16 +5610,15 @@ var Logo = function Logo(_ref) {
|
|
|
5648
5610
|
srcSet: devicesImage ? devicesImage : desktopImage,
|
|
5649
5611
|
media: devices.mobileAndTablet
|
|
5650
5612
|
}), /*#__PURE__*/React__default.createElement("img", {
|
|
5651
|
-
src: desktopImage
|
|
5652
|
-
alt: altText
|
|
5613
|
+
src: desktopImage
|
|
5653
5614
|
}))));
|
|
5654
5615
|
};
|
|
5655
5616
|
|
|
5656
|
-
var _templateObject$
|
|
5657
|
-
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5617
|
+
var _templateObject$z;
|
|
5618
|
+
var NavTopContainer$1 = /*#__PURE__*/styled.div(_templateObject$z || (_templateObject$z = /*#__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);
|
|
5658
5619
|
|
|
5659
|
-
var _templateObject$
|
|
5660
|
-
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5620
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5621
|
+
var BasketContainer = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__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) {
|
|
5661
5622
|
var selected = _ref.selected,
|
|
5662
5623
|
colorPrimary = _ref.colorPrimary;
|
|
5663
5624
|
|
|
@@ -5845,8 +5806,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5845
5806
|
}, expiryTime ? basketText : text) : ''));
|
|
5846
5807
|
};
|
|
5847
5808
|
|
|
5848
|
-
var _templateObject$
|
|
5849
|
-
var SearchContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5809
|
+
var _templateObject$B, _templateObject2$m;
|
|
5810
|
+
var SearchContainer = /*#__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 :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
5850
5811
|
var selected = _ref.selected,
|
|
5851
5812
|
colorPrimary = _ref.colorPrimary;
|
|
5852
5813
|
|
|
@@ -6138,8 +6099,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6138
6099
|
}));
|
|
6139
6100
|
};
|
|
6140
6101
|
|
|
6141
|
-
var _templateObject$
|
|
6142
|
-
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6102
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
6103
|
+
var TabsContainer = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6143
6104
|
var ItemsContainer = /*#__PURE__*/styled.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n\n @media ", " {\n column-gap: 15px;\n }\n\n @media ", ", ", " {\n div:last-child > div {\n right: 1px;\n }\n }\n\n @media ", " {\n ", "\n }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
|
|
6144
6105
|
if (props.showMenu) {
|
|
6145
6106
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6281,8 +6242,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6281
6242
|
}, "MENU"))));
|
|
6282
6243
|
};
|
|
6283
6244
|
|
|
6284
|
-
var _templateObject$
|
|
6285
|
-
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6245
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6246
|
+
var SearchBarContainer = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__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);
|
|
6286
6247
|
var SvgContainerSearch = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6287
6248
|
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"])));
|
|
6288
6249
|
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);
|
|
@@ -6519,16 +6480,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6519
6480
|
})))));
|
|
6520
6481
|
};
|
|
6521
6482
|
|
|
6522
|
-
var _templateObject$
|
|
6523
|
-
var FooterSection = /*#__PURE__*/styled.section(_templateObject$
|
|
6483
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6484
|
+
var FooterSection = /*#__PURE__*/styled.section(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6524
6485
|
var FooterContainer = /*#__PURE__*/styled.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--footer-height);\n padding-top: var(--footer-padding-top);\n padding-bottom: var(--footer-padding-bottom);\n display: grid;\n grid-template-rows:\n min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n --footer-vertical-spacing-sm\n )\n min-content;\n grid-template-areas:\n 'row1'\n '.'\n 'row2'\n '.'\n 'row3'\n '.'\n 'row4';\n"])));
|
|
6525
6486
|
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);
|
|
6526
6487
|
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);
|
|
6527
6488
|
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);
|
|
6528
6489
|
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);
|
|
6529
6490
|
|
|
6530
|
-
var _templateObject$
|
|
6531
|
-
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$
|
|
6491
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$j;
|
|
6492
|
+
var PolicyLinksList = /*#__PURE__*/styled.ul(_templateObject$F || (_templateObject$F = /*#__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);
|
|
6532
6493
|
var PolicyLinkItem = /*#__PURE__*/styled.li(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n text-align: center;\n\n @media ", " {\n & {\n text-align: left;\n }\n }\n"])), devices.mobile);
|
|
6533
6494
|
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"])));
|
|
6534
6495
|
|
|
@@ -6546,8 +6507,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6546
6507
|
}));
|
|
6547
6508
|
};
|
|
6548
6509
|
|
|
6549
|
-
var _templateObject$
|
|
6550
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6510
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6511
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled.div(_templateObject$G || (_templateObject$G = /*#__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);
|
|
6551
6512
|
var ContactNewsletterSeparator = /*#__PURE__*/styled.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2;\n justify-self: center;\n height: 100%;\n border: 1px solid var(--base-color-white);\n\n @media ", " {\n & {\n grid-column: auto;\n display: none;\n }\n }\n"])), devices.mobile);
|
|
6552
6513
|
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);
|
|
6553
6514
|
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);
|
|
@@ -6618,9 +6579,9 @@ var Footer = function Footer(_ref) {
|
|
|
6618
6579
|
}, additionalInfo)))));
|
|
6619
6580
|
};
|
|
6620
6581
|
|
|
6621
|
-
var _templateObject$
|
|
6582
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6622
6583
|
var LIST_ITEM_GAP = 32;
|
|
6623
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6584
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__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) {
|
|
6624
6585
|
var bottomBorder = _ref.bottomBorder;
|
|
6625
6586
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6626
6587
|
}, zIndexes.anchor);
|
|
@@ -6884,8 +6845,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6884
6845
|
})) : null) : null))));
|
|
6885
6846
|
};
|
|
6886
6847
|
|
|
6887
|
-
var _templateObject$
|
|
6888
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6848
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6849
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
|
|
6889
6850
|
var sticky = _ref.sticky;
|
|
6890
6851
|
return sticky ? 'sticky' : 'initial';
|
|
6891
6852
|
}, zIndexes.anchor);
|
|
@@ -6945,8 +6906,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6945
6906
|
}, message)));
|
|
6946
6907
|
};
|
|
6947
6908
|
|
|
6948
|
-
var _templateObject$
|
|
6949
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6909
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6910
|
+
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$J || (_templateObject$J = /*#__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);
|
|
6950
6911
|
var PromoLabelWrapper = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
6951
6912
|
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) {
|
|
6952
6913
|
var theme = _ref.theme;
|
|
@@ -7026,8 +6987,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
7026
6987
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
7027
6988
|
};
|
|
7028
6989
|
|
|
7029
|
-
var _templateObject$
|
|
7030
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
6990
|
+
var _templateObject$K;
|
|
6991
|
+
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$K || (_templateObject$K = /*#__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);
|
|
7031
6992
|
|
|
7032
6993
|
var UpsellCards = function UpsellCards(_ref) {
|
|
7033
6994
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7045,16 +7006,16 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7045
7006
|
}));
|
|
7046
7007
|
};
|
|
7047
7008
|
|
|
7048
|
-
var _templateObject$
|
|
7049
|
-
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$
|
|
7009
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$o;
|
|
7010
|
+
var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__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) {
|
|
7050
7011
|
var theme = _ref.theme;
|
|
7051
7012
|
return theme.colors.primary;
|
|
7052
7013
|
}, devices.mobile, devices.tablet);
|
|
7053
7014
|
var TitleContainer$2 = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
|
|
7054
7015
|
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);
|
|
7055
7016
|
|
|
7056
|
-
var _templateObject$
|
|
7057
|
-
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7017
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e;
|
|
7018
|
+
var AccordionContainer = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7058
7019
|
var LineContainer = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7059
7020
|
var ChildrenContainer = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px 20px 28px 20px;\n\n @media ", " {\n margin: 12px 0px 24px 0px;\n }\n"])), devices.mobile);
|
|
7060
7021
|
var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n && h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n div {\n margin: 21px 20px;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n @media ", " {\n margin: 12px 20px 12px 0px;\n }\n }\n\n && svg {\n width: var(--navigation-middle-gap);\n height: var(--navigation-middle-gap);\n margin-right: 20px;\n\n @media ", " {\n margin-right: 0px;\n }\n }\n\n :hover {\n cursor: pointer;\n }\n"])), devices.mobile, devices.mobile);
|
|
@@ -7183,8 +7144,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7183
7144
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7184
7145
|
};
|
|
7185
7146
|
|
|
7186
|
-
var _templateObject$
|
|
7187
|
-
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7147
|
+
var _templateObject$N;
|
|
7148
|
+
var AccordionsContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7188
7149
|
|
|
7189
7150
|
var Accordions = function Accordions(_ref) {
|
|
7190
7151
|
var _ref$items = _ref.items,
|
|
@@ -7202,8 +7163,7 @@ var Accordions = function Accordions(_ref) {
|
|
|
7202
7163
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
7203
7164
|
contentType: accordion.contentType,
|
|
7204
7165
|
displayLevel: accordion.displayLevel,
|
|
7205
|
-
semanticLevel: accordion.semanticLevel
|
|
7206
|
-
initOpen: accordion.initOpen
|
|
7166
|
+
semanticLevel: accordion.semanticLevel
|
|
7207
7167
|
}, accordion.children);
|
|
7208
7168
|
}));
|
|
7209
7169
|
};
|
|
@@ -7217,8 +7177,8 @@ var Theme = function Theme(_ref) {
|
|
|
7217
7177
|
}, children);
|
|
7218
7178
|
};
|
|
7219
7179
|
|
|
7220
|
-
var _templateObject$
|
|
7221
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7180
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$q;
|
|
7181
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__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) {
|
|
7222
7182
|
var theme = _ref.theme;
|
|
7223
7183
|
return theme.colors.primary;
|
|
7224
7184
|
}, devices.mobile);
|
|
@@ -7260,8 +7220,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7260
7220
|
}))))));
|
|
7261
7221
|
};
|
|
7262
7222
|
|
|
7263
|
-
var _templateObject$
|
|
7264
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$
|
|
7223
|
+
var _templateObject$P;
|
|
7224
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled(Button)(_templateObject$P || (_templateObject$P = /*#__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) {
|
|
7265
7225
|
var bgColor = _ref.bgColor,
|
|
7266
7226
|
theme = _ref.theme;
|
|
7267
7227
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7282,11 +7242,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7282
7242
|
}), children);
|
|
7283
7243
|
};
|
|
7284
7244
|
|
|
7285
|
-
var _templateObject$
|
|
7245
|
+
var _templateObject$Q, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$7, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
7286
7246
|
var LENGTH_LARGE_TEXT = 28;
|
|
7287
7247
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7288
7248
|
var LENGTH_TEXT_TABLET = 10;
|
|
7289
|
-
var CardContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7249
|
+
var CardContainer = /*#__PURE__*/styled.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: ", ";\n position: relative;\n ", "\n\n .targetLink {\n text-decoration: none;\n color: inherit;\n }\n"])), function (_ref) {
|
|
7290
7250
|
var isCardClickable = _ref.isCardClickable;
|
|
7291
7251
|
return isCardClickable ? 'pointer' : 'default';
|
|
7292
7252
|
}, function (_ref2) {
|
|
@@ -7568,9 +7528,9 @@ var Card = function Card(_ref) {
|
|
|
7568
7528
|
dangerouslySetInnerHTML: {
|
|
7569
7529
|
__html: truncatedText
|
|
7570
7530
|
}
|
|
7571
|
-
})
|
|
7531
|
+
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7572
7532
|
level: 1
|
|
7573
|
-
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7533
|
+
}, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7574
7534
|
fullWidth: fullWidth
|
|
7575
7535
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7576
7536
|
ref: node,
|
|
@@ -7584,8 +7544,8 @@ var Card = function Card(_ref) {
|
|
|
7584
7544
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7585
7545
|
};
|
|
7586
7546
|
|
|
7587
|
-
var _templateObject$
|
|
7588
|
-
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
7547
|
+
var _templateObject$R, _templateObject2$z;
|
|
7548
|
+
var CardsContainer = /*#__PURE__*/styled(Grid)(_templateObject$R || (_templateObject$R = /*#__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);
|
|
7589
7549
|
var GridItemContainer = /*#__PURE__*/styled(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7590
7550
|
|
|
7591
7551
|
var Cards = function Cards(_ref) {
|
|
@@ -7631,8 +7591,8 @@ var Cards = function Cards(_ref) {
|
|
|
7631
7591
|
}));
|
|
7632
7592
|
};
|
|
7633
7593
|
|
|
7634
|
-
var _templateObject$
|
|
7635
|
-
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7594
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7595
|
+
var ContentWrapper = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$S = /*#__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);
|
|
7636
7596
|
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n padding: 30px 0;\n\n @media ", " {\n display: grid;\n grid-template-columns: var(--grid-template-columns);\n grid-template-rows: max-content;\n gap: var(--grid-column-gap);\n margin: 0;\n }\n"])), function (_ref) {
|
|
7637
7597
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7638
7598
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7700,8 +7660,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7700
7660
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7701
7661
|
};
|
|
7702
7662
|
|
|
7703
|
-
var _templateObject$
|
|
7704
|
-
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$
|
|
7663
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
7664
|
+
var BodyTextRelative = /*#__PURE__*/styled(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7705
7665
|
var ContentSummaryWrapper = /*#__PURE__*/styled.article(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n justify-items: start;\n align-items: center;\n margin: 20px 0;\n gap: 24px;\n cursor: ", ";\n\n @media ", " {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n"])), function (props) {
|
|
7706
7666
|
return props.clickable ? 'pointer' : 'default';
|
|
7707
7667
|
}, devices.mobile);
|
|
@@ -7783,8 +7743,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7783
7743
|
}), link.text)));
|
|
7784
7744
|
};
|
|
7785
7745
|
|
|
7786
|
-
var _templateObject$
|
|
7787
|
-
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$
|
|
7746
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7747
|
+
var EditorialGrid = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__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) {
|
|
7788
7748
|
var imageToLeft = _ref.imageToLeft;
|
|
7789
7749
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7790
7750
|
}, devices.mobile);
|
|
@@ -7861,8 +7821,8 @@ var BackgroundColour;
|
|
|
7861
7821
|
BackgroundColour["White"] = "white";
|
|
7862
7822
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7863
7823
|
|
|
7864
|
-
var _templateObject$
|
|
7865
|
-
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$
|
|
7824
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7825
|
+
var InfoContent = /*#__PURE__*/styled('div')(_templateObject$V || (_templateObject$V = /*#__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"])));
|
|
7866
7826
|
var InfoTitle = /*#__PURE__*/styled('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7867
7827
|
var InfoCTAWrapper = /*#__PURE__*/styled('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7868
7828
|
if (!props.infoThemed) {
|
|
@@ -7988,8 +7948,8 @@ var Information = function Information(_ref) {
|
|
|
7988
7948
|
}))));
|
|
7989
7949
|
};
|
|
7990
7950
|
|
|
7991
|
-
var _templateObject$
|
|
7992
|
-
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7951
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$7;
|
|
7952
|
+
var PageHeadingWrapper = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 80px;\n background-color: ", ";\n color: var(--base-color-white);\n\n ", ";\n\n h2 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n padding-bottom: 0;\n }\n"])), function (_ref) {
|
|
7993
7953
|
var theme = _ref.theme;
|
|
7994
7954
|
return theme.colors.primary;
|
|
7995
7955
|
}, function (_ref2) {
|
|
@@ -8089,8 +8049,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8089
8049
|
})));
|
|
8090
8050
|
};
|
|
8091
8051
|
|
|
8092
|
-
var _templateObject$
|
|
8093
|
-
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8052
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$8;
|
|
8053
|
+
var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__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);
|
|
8094
8054
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n img {\n width: 100%;\n filter: brightness(0.7);\n opacity: 0.95;\n }\n\n @media ", " {\n height: fit-content;\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n\n img {\n height: 100%;\n object-fit: cover;\n }\n }\n"])), devices.mobile);
|
|
8095
8055
|
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);
|
|
8096
8056
|
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);
|
|
@@ -8163,8 +8123,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8163
8123
|
}, "Scroll Down")) : null);
|
|
8164
8124
|
};
|
|
8165
8125
|
|
|
8166
|
-
var _templateObject$
|
|
8167
|
-
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8126
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8127
|
+
var PanelGrid = /*#__PURE__*/styled(Grid)(_templateObject$Y || (_templateObject$Y = /*#__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) {
|
|
8168
8128
|
var color = _ref.color;
|
|
8169
8129
|
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 ";
|
|
8170
8130
|
}, devices.mobileAndTablet);
|
|
@@ -8208,8 +8168,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8208
8168
|
}))));
|
|
8209
8169
|
};
|
|
8210
8170
|
|
|
8211
|
-
var _templateObject$
|
|
8212
|
-
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8171
|
+
var _templateObject$Z;
|
|
8172
|
+
var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8213
8173
|
|
|
8214
8174
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8215
8175
|
var link = _ref.link,
|
|
@@ -8229,8 +8189,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8229
8189
|
}))));
|
|
8230
8190
|
};
|
|
8231
8191
|
|
|
8232
|
-
var _templateObject
|
|
8233
|
-
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject
|
|
8192
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8193
|
+
var BrandingTextBlock = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-overline-4);\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);
|
|
8234
8194
|
var BrandingTextBody = /*#__PURE__*/styled.p(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-heading-6);\n line-height: var(--line-height-heading-6);\n"])));
|
|
8235
8195
|
var ComapctHeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8236
8196
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 37.5vw;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-color: #000;\n img {\n position: relative;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n video {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: contain;\n @media ", " {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n margin: auto;\n height: auto;\n max-height: 100vh;\n width: 100%;\n object-fit: contain;\n }\n }\n @media ", " {\n height: 85vw;\n max-height: 100vh;\n }\n"])), devices.mobile, devices.mobile);
|
|
@@ -8356,7 +8316,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8356
8316
|
var isIOS = function isIOS() {
|
|
8357
8317
|
try {
|
|
8358
8318
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8359
|
-
if (typeof navigator ===
|
|
8319
|
+
if (typeof navigator === undefined) return false;
|
|
8360
8320
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8361
8321
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8362
8322
|
} catch (e) {
|
|
@@ -8372,7 +8332,7 @@ var useIOS = function useIOS() {
|
|
|
8372
8332
|
setIOS = _useState[1];
|
|
8373
8333
|
|
|
8374
8334
|
useEffect(function () {
|
|
8375
|
-
if (typeof navigator ===
|
|
8335
|
+
if (typeof navigator === undefined) return;
|
|
8376
8336
|
setIOS(isIOS());
|
|
8377
8337
|
}, []);
|
|
8378
8338
|
return IOS;
|
|
@@ -8558,8 +8518,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8558
8518
|
}), linkText))));
|
|
8559
8519
|
};
|
|
8560
8520
|
|
|
8561
|
-
var _templateObject
|
|
8562
|
-
var MorePages = /*#__PURE__*/styled.span(_templateObject
|
|
8521
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8522
|
+
var MorePages = /*#__PURE__*/styled.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8563
8523
|
var PageNumberWrapper = /*#__PURE__*/styled.ol(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
|
|
8564
8524
|
|
|
8565
8525
|
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) {
|
|
@@ -8635,8 +8595,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
8635
8595
|
}))));
|
|
8636
8596
|
};
|
|
8637
8597
|
|
|
8638
|
-
var _templateObject$
|
|
8639
|
-
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8598
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$h;
|
|
8599
|
+
var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$10 || (_templateObject$10 = /*#__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);
|
|
8640
8600
|
var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
8641
8601
|
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"])));
|
|
8642
8602
|
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"])));
|
|
@@ -8692,11 +8652,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8692
8652
|
}));
|
|
8693
8653
|
};
|
|
8694
8654
|
|
|
8695
|
-
var _templateObject$
|
|
8696
|
-
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8655
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8656
|
+
var ReplacementWrapper = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8697
8657
|
var CreditListingWrapper = /*#__PURE__*/styled(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8698
|
-
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
8699
|
-
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
8658
|
+
var DescriptionWrapper = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height: 25px;\n margin-bottom: 3px;\n }\n"])));
|
|
8659
|
+
var RoleWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8700
8660
|
|
|
8701
8661
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8702
8662
|
return array.reduce(function (acc, item) {
|
|
@@ -8707,18 +8667,12 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8707
8667
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8708
8668
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8709
8669
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8710
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8711
|
-
key: index
|
|
8712
|
-
}, title));
|
|
8670
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", null, title));
|
|
8713
8671
|
} else if (index > 0) {
|
|
8714
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8715
|
-
key: index
|
|
8716
|
-
}, ", ", title);
|
|
8672
|
+
return /*#__PURE__*/React__default.createElement("i", null, ", ", title);
|
|
8717
8673
|
}
|
|
8718
8674
|
|
|
8719
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8720
|
-
key: index
|
|
8721
|
-
}, title);
|
|
8675
|
+
return /*#__PURE__*/React__default.createElement("i", null, title);
|
|
8722
8676
|
}));
|
|
8723
8677
|
};
|
|
8724
8678
|
|
|
@@ -8770,14 +8724,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8770
8724
|
}));
|
|
8771
8725
|
};
|
|
8772
8726
|
|
|
8773
|
-
var _templateObject$
|
|
8727
|
+
var _templateObject$12, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$i, _templateObject7$c, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
8774
8728
|
var LENGTH_TEXT = 28;
|
|
8775
8729
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8776
8730
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8777
8731
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8778
8732
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8779
8733
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8780
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
8734
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$12 || (_templateObject$12 = /*#__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) {
|
|
8781
8735
|
var imageToLeft = _ref.imageToLeft;
|
|
8782
8736
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8783
8737
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9048,10 +9002,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9048
9002
|
}))));
|
|
9049
9003
|
};
|
|
9050
9004
|
|
|
9051
|
-
var _templateObject$
|
|
9005
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
9052
9006
|
var LENGTH_TEXT$2 = 28;
|
|
9053
9007
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9054
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$
|
|
9008
|
+
var PromoWithTitleGrid = /*#__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"])), function (_ref) {
|
|
9055
9009
|
var imageToLeft = _ref.imageToLeft;
|
|
9056
9010
|
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'";
|
|
9057
9011
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9104,8 +9058,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$d || (_templat
|
|
|
9104
9058
|
return '';
|
|
9105
9059
|
});
|
|
9106
9060
|
|
|
9107
|
-
var _templateObject$
|
|
9108
|
-
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9061
|
+
var _templateObject$14;
|
|
9062
|
+
var VideoContainer = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__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) {
|
|
9109
9063
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9110
9064
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9111
9065
|
return aspectRatio;
|
|
@@ -9309,8 +9263,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9309
9263
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9310
9264
|
};
|
|
9311
9265
|
|
|
9312
|
-
var _templateObject$
|
|
9313
|
-
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9266
|
+
var _templateObject$15;
|
|
9267
|
+
var RadioGroupContainer = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9314
9268
|
|
|
9315
9269
|
/**
|
|
9316
9270
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9368,8 +9322,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9368
9322
|
})));
|
|
9369
9323
|
};
|
|
9370
9324
|
|
|
9371
|
-
var _templateObject$
|
|
9372
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
9325
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$F;
|
|
9326
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9373
9327
|
var RadioGroup$1 = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-direction: ", ";\n gap: ", ";\n"])), function (_ref) {
|
|
9374
9328
|
var horizontalMode = _ref.horizontalMode;
|
|
9375
9329
|
if (horizontalMode) return 'row';
|
|
@@ -9458,8 +9412,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9458
9412
|
}, error)));
|
|
9459
9413
|
};
|
|
9460
9414
|
|
|
9461
|
-
var _templateObject$
|
|
9462
|
-
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9415
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
9416
|
+
var StatusBannerWrapper = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__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);
|
|
9463
9417
|
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.3s ease-in-out;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n"])));
|
|
9464
9418
|
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);
|
|
9465
9419
|
|
|
@@ -9523,8 +9477,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9523
9477
|
})))));
|
|
9524
9478
|
};
|
|
9525
9479
|
|
|
9526
|
-
var _templateObject$
|
|
9527
|
-
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9480
|
+
var _templateObject$18;
|
|
9481
|
+
var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__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);
|
|
9528
9482
|
|
|
9529
9483
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9530
9484
|
var title = _ref.title,
|
|
@@ -9552,8 +9506,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9552
9506
|
}, description))));
|
|
9553
9507
|
};
|
|
9554
9508
|
|
|
9555
|
-
var _templateObject$
|
|
9556
|
-
var stateStyles = /*#__PURE__*/css(_templateObject$
|
|
9509
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9510
|
+
var stateStyles = /*#__PURE__*/css(_templateObject$19 || (_templateObject$19 = /*#__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) {
|
|
9557
9511
|
var theme = _ref.theme;
|
|
9558
9512
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9559
9513
|
}, function (_ref2) {
|
|
@@ -9975,8 +9929,8 @@ function Select(_ref3) {
|
|
|
9975
9929
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9976
9930
|
}
|
|
9977
9931
|
|
|
9978
|
-
var _templateObject$
|
|
9979
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
9932
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
9933
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9980
9934
|
var SelectWrapper$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n\n .chord-select__control {\n min-height: 48px;\n border-radius: 0;\n transition: none;\n border: ", ";\n &:hover {\n border-color: ", ";\n }\n }\n .chord-select__control--is-focused {\n border-color: var(--base-color-darkgrey);\n box-shadow: ", ";\n }\n .chord-select__control--menu-is-open {\n .chord-select__indicator {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n .chord-select__indicator {\n font-size: 25px;\n padding: 0;\n margin-right: 12px;\n color: var(--base-color-black);\n svg {\n height: 1em;\n width: 1em;\n color: inherit;\n path {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n .chord-select__single-value,\n .chord-select__placeholder {\n margin-left: 0;\n margin-right: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n }\n .chord-select__placeholder {\n color: var(--base-color-darkgrey);\n }\n .chord-select__single-value {\n color: var(--base-color-black);\n }\n .chord-select__value-container {\n padding-left: 20px;\n padding-right: 20px;\n padding-top: 1px;\n padding-bottom: 0px;\n }\n .chord-select--is-disabled {\n .chord-select__control {\n border: 1px solid var(--base-color-lightgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__indicator,\n .chord-select__single-value {\n color: var(--base-color-darkgrey);\n }\n }\n .chord-select__menu {\n margin-top: -1px;\n box-shadow: none;\n border-radius: 0;\n border: 1px solid var(--base-color-darkgrey);\n background: var(--base-color-lightgrey);\n }\n .chord-select__menu-list {\n padding-top: 0;\n padding-bottom: 0;\n }\n .chord-select__option {\n padding: 10px 20px;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n &:active,\n &.chord-select__option--is-focused {\n background: var(--base-color-midgrey);\n }\n }\n .chord-select__option--is-selected {\n color: var(--base-color-black);\n background: none;\n }\n .chord-select__input-container {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n font-family: var(--font-family-altHeader);\n font-feature-settings: var(--font-feature-settings-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n letter-spacing: var(--letter-spacing-altHeader-6);\n line-height: var(--line-height-altHeader-6);\n text-transform: var(--text-transform-altHeader);\n color: var(--base-color-black);\n }\n .chord-select__menu-notice {\n padding: 20px 20px;\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-black);\n text-align: left;\n }\n .chord-select__menu-notice--loading {\n font-style: italic;\n }\n"])), function (_ref) {
|
|
9981
9935
|
var width = _ref.width;
|
|
9982
9936
|
if (!width) return 'none';
|
|
@@ -10115,8 +10069,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10115
10069
|
})));
|
|
10116
10070
|
};
|
|
10117
10071
|
|
|
10118
|
-
var _templateObject$
|
|
10119
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
10072
|
+
var _templateObject$1b;
|
|
10073
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__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) {
|
|
10120
10074
|
var theme = _ref.theme;
|
|
10121
10075
|
return theme.colors.primary;
|
|
10122
10076
|
});
|
|
@@ -10144,8 +10098,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10144
10098
|
})));
|
|
10145
10099
|
};
|
|
10146
10100
|
|
|
10147
|
-
var _templateObject$
|
|
10148
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
10101
|
+
var _templateObject$1c, _templateObject2$R;
|
|
10102
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__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) {
|
|
10149
10103
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10150
10104
|
aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10151
10105
|
return aspectRatio;
|
|
@@ -10193,8 +10147,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10193
10147
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10194
10148
|
};
|
|
10195
10149
|
|
|
10196
|
-
var _templateObject$
|
|
10197
|
-
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
10150
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$J;
|
|
10151
|
+
var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10198
10152
|
var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10199
10153
|
var displayAttribution = _ref.displayAttribution;
|
|
10200
10154
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10223,8 +10177,8 @@ var Quote = function Quote(_ref) {
|
|
|
10223
10177
|
}, attribution))));
|
|
10224
10178
|
};
|
|
10225
10179
|
|
|
10226
|
-
var _templateObject$
|
|
10227
|
-
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10180
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$l;
|
|
10181
|
+
var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__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"])));
|
|
10228
10182
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10229
10183
|
var StyledImage = /*#__PURE__*/styled.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10230
10184
|
var ImageWrapper = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -10267,8 +10221,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10267
10221
|
}, title)))));
|
|
10268
10222
|
};
|
|
10269
10223
|
|
|
10270
|
-
var _templateObject$
|
|
10271
|
-
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10224
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
10225
|
+
var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
10272
10226
|
var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
10273
10227
|
var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10274
10228
|
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n"])));
|
|
@@ -10369,113 +10323,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10369
10323
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10370
10324
|
};
|
|
10371
10325
|
|
|
10372
|
-
var _templateObject$
|
|
10373
|
-
var
|
|
10374
|
-
var
|
|
10375
|
-
var
|
|
10376
|
-
var color
|
|
10377
|
-
return "var(--base-color-" + color + ")";
|
|
10378
|
-
});
|
|
10379
|
-
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10380
|
-
var Text = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10381
|
-
var color = _ref2.color;
|
|
10382
|
-
return "var(--base-color-" + color + ")";
|
|
10383
|
-
});
|
|
10384
|
-
var LabelText = /*#__PURE__*/styled.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10385
|
-
var color = _ref3.color;
|
|
10386
|
-
return "var(--base-color-" + color + ")";
|
|
10387
|
-
});
|
|
10388
|
-
|
|
10389
|
-
/**
|
|
10390
|
-
* Password strength indicator component.
|
|
10391
|
-
* This renders some number of lines (6 by default)
|
|
10392
|
-
* which should become active when the user improves
|
|
10393
|
-
* the strength of the entered password.
|
|
10394
|
-
*
|
|
10395
|
-
* ## Sections
|
|
10396
|
-
* To set number of sections it should be passed
|
|
10397
|
-
* as `sections` prop.
|
|
10398
|
-
*
|
|
10399
|
-
* ## Active section
|
|
10400
|
-
* To set number of active sections it should be passed
|
|
10401
|
-
* as `activeSections` prop.
|
|
10402
|
-
*
|
|
10403
|
-
* ## Colors
|
|
10404
|
-
* Color of every element can be controlled by properties:
|
|
10405
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10406
|
-
* `textColor`, `strengthLabelColor`.
|
|
10407
|
-
*
|
|
10408
|
-
* ## Text
|
|
10409
|
-
* `text` prop is used to render some message.
|
|
10410
|
-
* For example error (together with proper red color)
|
|
10411
|
-
* or some password requirement. It can be empty.
|
|
10412
|
-
*
|
|
10413
|
-
* ## Strength label
|
|
10414
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10415
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10416
|
-
* It can be empty.
|
|
10417
|
-
*/
|
|
10418
|
-
|
|
10419
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10420
|
-
var _ref$sections = _ref.sections,
|
|
10421
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10422
|
-
_ref$activeSections = _ref.activeSections,
|
|
10423
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10424
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10425
|
-
sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
|
|
10426
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10427
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
|
|
10428
|
-
_ref$text = _ref.text,
|
|
10429
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10430
|
-
_ref$textColor = _ref.textColor,
|
|
10431
|
-
textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
|
|
10432
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10433
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10434
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10435
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
|
|
10436
|
-
|
|
10437
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10438
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10439
|
-
};
|
|
10440
|
-
|
|
10441
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10442
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10443
|
-
};
|
|
10444
|
-
|
|
10445
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10446
|
-
"data-testid": "password-strength-container"
|
|
10447
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10448
|
-
"data-testid": "password-strength-sections"
|
|
10449
|
-
}, Array.from({
|
|
10450
|
-
length: sections
|
|
10451
|
-
}, function (_section, i) {
|
|
10452
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10453
|
-
key: i,
|
|
10454
|
-
color: setSectionColor(i),
|
|
10455
|
-
"data-testid": setSectionDataTestId(i)
|
|
10456
|
-
});
|
|
10457
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10458
|
-
color: textColor,
|
|
10459
|
-
"data-testid": "password-strength-text"
|
|
10460
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10461
|
-
level: 6
|
|
10462
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10463
|
-
color: strengthLabelColor,
|
|
10464
|
-
"data-testid": "password-strength-label"
|
|
10465
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10466
|
-
level: 2
|
|
10467
|
-
}, strengthLabel))));
|
|
10468
|
-
};
|
|
10469
|
-
|
|
10470
|
-
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t;
|
|
10471
|
-
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10472
|
-
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
|
|
10473
|
-
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);
|
|
10474
|
-
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) {
|
|
10326
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$s;
|
|
10327
|
+
var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10328
|
+
var MenuList = /*#__PURE__*/styled.ul(_templateObject2$V || (_templateObject2$V = /*#__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);
|
|
10329
|
+
var MobileButton = /*#__PURE__*/styled.button(_templateObject3$M || (_templateObject3$M = /*#__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);
|
|
10330
|
+
var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$B || (_templateObject4$B = /*#__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) {
|
|
10475
10331
|
var isActive = _ref.isActive;
|
|
10476
10332
|
return isActive ? "var(--base-color-" + Colors.MidGrey + ")" : 'none';
|
|
10477
10333
|
}, Colors.MidGrey);
|
|
10478
|
-
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$
|
|
10334
|
+
var MobileMenuList = /*#__PURE__*/styled.ul(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
10479
10335
|
var isOpen = _ref2.isOpen;
|
|
10480
10336
|
return isOpen ? 'block' : 'none';
|
|
10481
10337
|
}, Colors.White, Colors.DarkGrey, MenuItem$1);
|
|
@@ -10645,8 +10501,106 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10645
10501
|
});
|
|
10646
10502
|
};
|
|
10647
10503
|
|
|
10648
|
-
var _templateObject$
|
|
10649
|
-
var
|
|
10504
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t, _templateObject6$m;
|
|
10505
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10506
|
+
var Sections = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10507
|
+
var Section = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10508
|
+
var color = _ref.color;
|
|
10509
|
+
return "var(--base-color-" + color + ")";
|
|
10510
|
+
});
|
|
10511
|
+
var BottomLine = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10512
|
+
var Text = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10513
|
+
var color = _ref2.color;
|
|
10514
|
+
return "var(--base-color-" + color + ")";
|
|
10515
|
+
});
|
|
10516
|
+
var LabelText = /*#__PURE__*/styled.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10517
|
+
var color = _ref3.color;
|
|
10518
|
+
return "var(--base-color-" + color + ")";
|
|
10519
|
+
});
|
|
10520
|
+
|
|
10521
|
+
/**
|
|
10522
|
+
* Password strength indicator component.
|
|
10523
|
+
* This renders some number of lines (6 by default)
|
|
10524
|
+
* which should become active when the user improves
|
|
10525
|
+
* the strength of the entered password.
|
|
10526
|
+
*
|
|
10527
|
+
* ## Sections
|
|
10528
|
+
* To set number of sections it should be passed
|
|
10529
|
+
* as `sections` prop.
|
|
10530
|
+
*
|
|
10531
|
+
* ## Active section
|
|
10532
|
+
* To set number of active sections it should be passed
|
|
10533
|
+
* as `activeSections` prop.
|
|
10534
|
+
*
|
|
10535
|
+
* ## Colors
|
|
10536
|
+
* Color of every element can be controlled by properties:
|
|
10537
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10538
|
+
* `textColor`, `strengthLabelColor`.
|
|
10539
|
+
*
|
|
10540
|
+
* ## Text
|
|
10541
|
+
* `text` prop is used to render some message.
|
|
10542
|
+
* For example error (together with proper red color)
|
|
10543
|
+
* or some password requirement. It can be empty.
|
|
10544
|
+
*
|
|
10545
|
+
* ## Strength label
|
|
10546
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10547
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10548
|
+
* It can be empty.
|
|
10549
|
+
*/
|
|
10550
|
+
|
|
10551
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10552
|
+
var _ref$sections = _ref.sections,
|
|
10553
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10554
|
+
_ref$activeSections = _ref.activeSections,
|
|
10555
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10556
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10557
|
+
sectionsColor = _ref$sectionsColor === void 0 ? Colors.MidGrey : _ref$sectionsColor,
|
|
10558
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10559
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? Colors.Black : _ref$activeSectionsCo,
|
|
10560
|
+
_ref$text = _ref.text,
|
|
10561
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10562
|
+
_ref$textColor = _ref.textColor,
|
|
10563
|
+
textColor = _ref$textColor === void 0 ? Colors.Black : _ref$textColor,
|
|
10564
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10565
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10566
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10567
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? Colors.Black : _ref$strengthLabelCol;
|
|
10568
|
+
|
|
10569
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10570
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10571
|
+
};
|
|
10572
|
+
|
|
10573
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10574
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10575
|
+
};
|
|
10576
|
+
|
|
10577
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10578
|
+
"data-testid": "password-strength-container"
|
|
10579
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10580
|
+
"data-testid": "password-strength-sections"
|
|
10581
|
+
}, Array.from({
|
|
10582
|
+
length: sections
|
|
10583
|
+
}, function (_section, i) {
|
|
10584
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10585
|
+
key: i,
|
|
10586
|
+
color: setSectionColor(i),
|
|
10587
|
+
"data-testid": setSectionDataTestId(i)
|
|
10588
|
+
});
|
|
10589
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10590
|
+
color: textColor,
|
|
10591
|
+
"data-testid": "password-strength-text"
|
|
10592
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10593
|
+
level: 6
|
|
10594
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10595
|
+
color: strengthLabelColor,
|
|
10596
|
+
"data-testid": "password-strength-label"
|
|
10597
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10598
|
+
level: 2
|
|
10599
|
+
}, strengthLabel))));
|
|
10600
|
+
};
|
|
10601
|
+
|
|
10602
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10603
|
+
var TableContainer = /*#__PURE__*/styled.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10650
10604
|
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10651
10605
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10652
10606
|
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\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) {
|
|
@@ -10665,73 +10619,14 @@ var PageNumber$1 = /*#__PURE__*/styled.button(_templateObject8$c || (_templateOb
|
|
|
10665
10619
|
});
|
|
10666
10620
|
var Next = /*#__PURE__*/styled.span(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
10667
10621
|
var ScrollButtons = /*#__PURE__*/styled.div(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n\n div:hover {\n background-color: var(--base-color-light-grey);\n }\n\n > div > div {\n background-color: var(--base-color-light-grey);\n }\n\n svg path {\n fill: var(--base-color-black) !important;\n }\n"])));
|
|
10668
|
-
var AriaDescription = /*#__PURE__*/styled.span(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
10669
|
-
|
|
10670
|
-
var Content = function Content(_ref) {
|
|
10671
|
-
var content = _ref.content;
|
|
10672
|
-
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
10673
|
-
dangerouslySetInnerHTML: {
|
|
10674
|
-
__html: content
|
|
10675
|
-
}
|
|
10676
|
-
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10677
|
-
};
|
|
10678
|
-
|
|
10679
|
-
var Cell = function Cell(_ref2) {
|
|
10680
|
-
var cell = _ref2.cell,
|
|
10681
|
-
cellIndex = _ref2.cellIndex,
|
|
10682
|
-
columns = _ref2.columns;
|
|
10683
|
-
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10684
|
-
key: cellIndex,
|
|
10685
|
-
columns: columns,
|
|
10686
|
-
role: "gridcell"
|
|
10687
|
-
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10688
|
-
content: cell
|
|
10689
|
-
}));
|
|
10690
|
-
};
|
|
10691
|
-
|
|
10692
|
-
var Row = function Row(_ref3) {
|
|
10693
|
-
var row = _ref3.row,
|
|
10694
|
-
rowIndex = _ref3.rowIndex,
|
|
10695
|
-
columns = _ref3.columns,
|
|
10696
|
-
lineColor = _ref3.lineColor;
|
|
10697
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10698
|
-
key: rowIndex
|
|
10699
|
-
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
10700
|
-
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
10701
|
-
key: index,
|
|
10702
|
-
cell: cell,
|
|
10703
|
-
cellIndex: index,
|
|
10704
|
-
columns: columns
|
|
10705
|
-
});
|
|
10706
|
-
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10707
|
-
"aria-hidden": "true"
|
|
10708
|
-
}, /*#__PURE__*/React__default.createElement("td", {
|
|
10709
|
-
colSpan: columns,
|
|
10710
|
-
"aria-hidden": "true"
|
|
10711
|
-
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10712
|
-
lineColor: lineColor
|
|
10713
|
-
}))));
|
|
10714
|
-
};
|
|
10715
|
-
|
|
10716
|
-
var scrollTable = function scrollTable(tableRef, direction) {
|
|
10717
|
-
if (tableRef.current) {
|
|
10718
|
-
var currentScroll = tableRef.current.scrollLeft;
|
|
10719
|
-
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10720
|
-
tableRef.current.scrollTo({
|
|
10721
|
-
left: currentScroll + scrollAmount,
|
|
10722
|
-
behavior: 'smooth'
|
|
10723
|
-
});
|
|
10724
|
-
}
|
|
10725
|
-
};
|
|
10726
10622
|
|
|
10727
|
-
var Table = function Table(
|
|
10728
|
-
var columns =
|
|
10729
|
-
headings =
|
|
10730
|
-
children =
|
|
10731
|
-
lineColors =
|
|
10732
|
-
rowsPerPage =
|
|
10733
|
-
pagination =
|
|
10734
|
-
description = _ref4.description;
|
|
10623
|
+
var Table = function Table(_ref) {
|
|
10624
|
+
var columns = _ref.columns,
|
|
10625
|
+
headings = _ref.headings,
|
|
10626
|
+
children = _ref.children,
|
|
10627
|
+
lineColors = _ref.lineColors,
|
|
10628
|
+
rowsPerPage = _ref.rowsPerPage,
|
|
10629
|
+
pagination = _ref.pagination;
|
|
10735
10630
|
|
|
10736
10631
|
var _useState = useState(0),
|
|
10737
10632
|
currentPage = _useState[0],
|
|
@@ -10741,71 +10636,121 @@ var Table = function Table(_ref4) {
|
|
|
10741
10636
|
showScrollButtons = _useState2[0],
|
|
10742
10637
|
setShowScrollButtons = _useState2[1];
|
|
10743
10638
|
|
|
10639
|
+
var Content = function Content(_ref2) {
|
|
10640
|
+
var content = _ref2.content;
|
|
10641
|
+
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
10642
|
+
dangerouslySetInnerHTML: {
|
|
10643
|
+
__html: content
|
|
10644
|
+
}
|
|
10645
|
+
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10646
|
+
};
|
|
10647
|
+
|
|
10648
|
+
var Cell = function Cell(_ref3) {
|
|
10649
|
+
var cell = _ref3.cell,
|
|
10650
|
+
cellIndex = _ref3.cellIndex,
|
|
10651
|
+
columns = _ref3.columns;
|
|
10652
|
+
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10653
|
+
key: cellIndex,
|
|
10654
|
+
columns: columns
|
|
10655
|
+
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10656
|
+
content: cell
|
|
10657
|
+
}));
|
|
10658
|
+
};
|
|
10659
|
+
|
|
10660
|
+
var Row = function Row(_ref4) {
|
|
10661
|
+
var row = _ref4.row,
|
|
10662
|
+
rowIndex = _ref4.rowIndex,
|
|
10663
|
+
columns = _ref4.columns,
|
|
10664
|
+
lineColor = _ref4.lineColor;
|
|
10665
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10666
|
+
key: rowIndex
|
|
10667
|
+
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
10668
|
+
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
10669
|
+
key: index,
|
|
10670
|
+
cell: cell,
|
|
10671
|
+
cellIndex: index,
|
|
10672
|
+
columns: columns
|
|
10673
|
+
});
|
|
10674
|
+
})), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
10675
|
+
colSpan: columns
|
|
10676
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10677
|
+
lineColor: lineColor,
|
|
10678
|
+
role: "presentation"
|
|
10679
|
+
}))));
|
|
10680
|
+
};
|
|
10681
|
+
|
|
10744
10682
|
var lineColor = lineColors != null ? lineColors : Colors.Cinema;
|
|
10745
10683
|
var tableRef = useRef(null);
|
|
10746
|
-
|
|
10747
|
-
|
|
10748
|
-
|
|
10749
|
-
|
|
10750
|
-
|
|
10751
|
-
};
|
|
10684
|
+
useEffect(function () {
|
|
10685
|
+
if (tableRef.current) {
|
|
10686
|
+
tableRef.current.scrollTo(0, 0);
|
|
10687
|
+
}
|
|
10688
|
+
}, [children]);
|
|
10752
10689
|
|
|
10690
|
+
var horizontalScroll = function horizontalScroll() {
|
|
10691
|
+
if (tableRef.current) {
|
|
10692
|
+
setShowScrollButtons(tableRef.current.scrollWidth > tableRef.current.clientWidth);
|
|
10693
|
+
}
|
|
10694
|
+
};
|
|
10695
|
+
|
|
10696
|
+
useEffect(function () {
|
|
10753
10697
|
horizontalScroll();
|
|
10754
10698
|
window.addEventListener('resize', horizontalScroll);
|
|
10755
|
-
console.log('~~~ horizontal Scroll ~~~');
|
|
10756
10699
|
return function () {
|
|
10757
10700
|
return window.removeEventListener('resize', horizontalScroll);
|
|
10758
10701
|
};
|
|
10759
10702
|
}, []);
|
|
10760
|
-
|
|
10703
|
+
|
|
10704
|
+
var scrollTable = function scrollTable(direction) {
|
|
10705
|
+
if (tableRef.current) {
|
|
10706
|
+
var currentScroll = tableRef.current.scrollLeft;
|
|
10707
|
+
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10708
|
+
tableRef.current.scrollTo({
|
|
10709
|
+
left: currentScroll + scrollAmount,
|
|
10710
|
+
behavior: 'smooth'
|
|
10711
|
+
});
|
|
10712
|
+
}
|
|
10713
|
+
};
|
|
10714
|
+
|
|
10715
|
+
var totalRows = Array.isArray(children) ? children.length : 0;
|
|
10761
10716
|
var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
|
|
10717
|
+
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
10762
10718
|
var pageNumbers = Array.from({
|
|
10763
10719
|
length: totalPages
|
|
10764
10720
|
}, function (_, i) {
|
|
10765
10721
|
return i;
|
|
10766
10722
|
});
|
|
10767
10723
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
10768
|
-
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
10769
|
-
var visibleRows = pagination ? Array.isArray(currentRows) ? currentRows.length + 1 : 0 : totalRows;
|
|
10770
10724
|
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
10771
10725
|
onClickPrev: function onClickPrev() {
|
|
10772
|
-
return scrollTable(
|
|
10726
|
+
return scrollTable('left');
|
|
10773
10727
|
},
|
|
10774
10728
|
onClickNext: function onClickNext() {
|
|
10775
|
-
return scrollTable(
|
|
10729
|
+
return scrollTable('right');
|
|
10776
10730
|
}
|
|
10777
10731
|
})), /*#__PURE__*/React__default.createElement(Container$6, {
|
|
10778
10732
|
role: "table",
|
|
10779
10733
|
tabIndex: 0,
|
|
10780
|
-
ref: tableRef
|
|
10781
|
-
|
|
10782
|
-
|
|
10783
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10784
|
-
|
|
10785
|
-
|
|
10786
|
-
|
|
10787
|
-
}, ' ', /*#__PURE__*/React__default.createElement("tr", {
|
|
10788
|
-
role: "columnheader"
|
|
10789
|
-
}, headings && headings.map(function (heading, index) {
|
|
10734
|
+
ref: tableRef
|
|
10735
|
+
}, /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
10736
|
+
colSpan: columns
|
|
10737
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10738
|
+
lineColor: lineColor,
|
|
10739
|
+
role: "presentation"
|
|
10740
|
+
})))), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, headings && headings.map(function (heading, index) {
|
|
10790
10741
|
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
10791
10742
|
key: index,
|
|
10792
10743
|
role: "columnheader",
|
|
10793
|
-
scope: "col",
|
|
10794
10744
|
columns: columns
|
|
10795
10745
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10796
10746
|
content: heading
|
|
10797
10747
|
}));
|
|
10798
|
-
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10799
|
-
|
|
10800
|
-
}, ' ', /*#__PURE__*/React__default.createElement("td", {
|
|
10801
|
-
colSpan: columns,
|
|
10802
|
-
"aria-hidden": "true"
|
|
10748
|
+
}))), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
10749
|
+
colSpan: columns
|
|
10803
10750
|
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10804
10751
|
lineColor: lineColor,
|
|
10805
10752
|
role: "presentation"
|
|
10806
|
-
})))
|
|
10807
|
-
role: "rowgroup"
|
|
10808
|
-
}, ' ', Array.isArray(currentRows) && currentRows.map(function (row, rowIndex) {
|
|
10753
|
+
}))), /*#__PURE__*/React__default.createElement("tbody", null, Array.isArray(currentRows) && currentRows.map(function (row, rowIndex) {
|
|
10809
10754
|
return /*#__PURE__*/React__default.createElement(Row, {
|
|
10810
10755
|
key: rowIndex,
|
|
10811
10756
|
row: row,
|
|
@@ -10813,9 +10758,7 @@ var Table = function Table(_ref4) {
|
|
|
10813
10758
|
columns: columns,
|
|
10814
10759
|
lineColor: lineColor
|
|
10815
10760
|
});
|
|
10816
|
-
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(React__default.
|
|
10817
|
-
id: "pagination-description"
|
|
10818
|
-
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
10761
|
+
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
10819
10762
|
key: "previous-page",
|
|
10820
10763
|
onClick: function onClick() {
|
|
10821
10764
|
return setCurrentPage(currentPage - 1);
|
|
@@ -10850,7 +10793,7 @@ var Table = function Table(_ref4) {
|
|
|
10850
10793
|
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
10851
10794
|
iconName: "DropdownArrow",
|
|
10852
10795
|
direction: "up"
|
|
10853
|
-
})))))))
|
|
10796
|
+
})))))));
|
|
10854
10797
|
};
|
|
10855
10798
|
|
|
10856
10799
|
var UpsellSection = function UpsellSection(_ref) {
|
|
@@ -10941,8 +10884,8 @@ var LiveChat = function LiveChat() {
|
|
|
10941
10884
|
});
|
|
10942
10885
|
};
|
|
10943
10886
|
|
|
10944
|
-
var _templateObject$
|
|
10945
|
-
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10887
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
10888
|
+
var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
10946
10889
|
var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
10947
10890
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10948
10891
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -10971,8 +10914,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10971
10914
|
}, children)));
|
|
10972
10915
|
};
|
|
10973
10916
|
|
|
10974
|
-
var _templateObject$
|
|
10975
|
-
var InnerModal = /*#__PURE__*/styled.div(_templateObject$
|
|
10917
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10918
|
+
var InnerModal = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__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);
|
|
10976
10919
|
var CloseButton = /*#__PURE__*/styled.button(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
10977
10920
|
var ContentWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10978
10921
|
var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
@@ -11095,8 +11038,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11095
11038
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11096
11039
|
};
|
|
11097
11040
|
|
|
11098
|
-
var _templateObject$
|
|
11099
|
-
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
11041
|
+
var _templateObject$1l;
|
|
11042
|
+
var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
11100
11043
|
var theme = _ref.theme;
|
|
11101
11044
|
return theme.colors.primary;
|
|
11102
11045
|
}, function (_ref2) {
|
|
@@ -12037,5 +11980,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1m || (_templa
|
|
|
12037
11980
|
return theme.fonts.tablet.sizes.body[1];
|
|
12038
11981
|
}, devices.desktop, devices.largeDesktop);
|
|
12039
11982
|
|
|
12040
|
-
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem,
|
|
11983
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyText, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, 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, 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, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, zIndexes };
|
|
12041
11984
|
//# sourceMappingURL=chord.esm.js.map
|