@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
|
@@ -1549,15 +1549,13 @@ var Tickets = (function (_ref) {
|
|
|
1549
1549
|
|
|
1550
1550
|
var Wheelchair = (function (_ref) {
|
|
1551
1551
|
var _ref$color = _ref.color,
|
|
1552
|
-
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color
|
|
1553
|
-
ariaLabel = _ref.ariaLabel;
|
|
1552
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color;
|
|
1554
1553
|
return /*#__PURE__*/React.createElement("svg", {
|
|
1555
1554
|
width: "100%",
|
|
1556
1555
|
height: "100%",
|
|
1557
1556
|
viewBox: "0 0 24 24",
|
|
1558
1557
|
fill: "none",
|
|
1559
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1560
|
-
"aria-label": ariaLabel
|
|
1558
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1561
1559
|
}, /*#__PURE__*/React.createElement("path", {
|
|
1562
1560
|
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",
|
|
1563
1561
|
fill: color
|
|
@@ -2438,8 +2436,7 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
2438
2436
|
color = _ref.color,
|
|
2439
2437
|
iconName = _ref.iconName,
|
|
2440
2438
|
title = _ref.title,
|
|
2441
|
-
direction = _ref.direction
|
|
2442
|
-
ariaLabel = _ref.ariaLabel;
|
|
2439
|
+
direction = _ref.direction;
|
|
2443
2440
|
var IconComponent = IconLibrary[iconName];
|
|
2444
2441
|
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
2445
2442
|
className: className,
|
|
@@ -2447,8 +2444,7 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
2447
2444
|
title: title,
|
|
2448
2445
|
direction: direction
|
|
2449
2446
|
}, /*#__PURE__*/React.createElement(IconComponent, {
|
|
2450
|
-
color: color
|
|
2451
|
-
ariaLabel: ariaLabel
|
|
2447
|
+
color: color
|
|
2452
2448
|
}));
|
|
2453
2449
|
});
|
|
2454
2450
|
Icon.displayName = 'Icon';
|
|
@@ -2777,39 +2773,7 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
2777
2773
|
});
|
|
2778
2774
|
|
|
2779
2775
|
var _templateObject$b;
|
|
2780
|
-
|
|
2781
|
-
* # IMPORTANT
|
|
2782
|
-
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2783
|
-
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2784
|
-
*/
|
|
2785
|
-
|
|
2786
|
-
var GridItemLegacy = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: ", " / span\n ", ";\n\n @media ", " {\n & {\n grid-column: ", " /\n span ", ";\n }\n }\n\n @media ", " {\n & {\n grid-column: ", " / span\n ", ";\n }\n }\n"])), function (_ref) {
|
|
2787
|
-
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2788
|
-
return columnStartDesktop;
|
|
2789
|
-
}, function (_ref2) {
|
|
2790
|
-
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2791
|
-
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2792
|
-
return columnSpanDesktop;
|
|
2793
|
-
}, devices.mobile, function (_ref3) {
|
|
2794
|
-
var columnStartDevice = _ref3.columnStartDevice,
|
|
2795
|
-
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2796
|
-
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2797
|
-
}, function (_ref4) {
|
|
2798
|
-
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2799
|
-
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2800
|
-
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2801
|
-
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2802
|
-
}, devices.tablet, function (_ref5) {
|
|
2803
|
-
var columnStartDevice = _ref5.columnStartDevice;
|
|
2804
|
-
return columnStartDevice;
|
|
2805
|
-
}, function (_ref6) {
|
|
2806
|
-
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2807
|
-
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2808
|
-
return columnSpanDevice;
|
|
2809
|
-
});
|
|
2810
|
-
|
|
2811
|
-
var _templateObject$c;
|
|
2812
|
-
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
2776
|
+
var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n aspect-ratio: ", ";\n\n @supports not (aspect-ratio: ", ") {\n width: 100%;\n padding-top: ", "%;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @supports not (aspect-ratio: ", ") {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n"])), function (_ref) {
|
|
2813
2777
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2814
2778
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2815
2779
|
return aspectRatio;
|
|
@@ -2827,8 +2791,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$c
|
|
|
2827
2791
|
return aspectRatio;
|
|
2828
2792
|
});
|
|
2829
2793
|
|
|
2830
|
-
var _templateObject$
|
|
2831
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2794
|
+
var _templateObject$c, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2795
|
+
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: ", ";\n width: 100%;\n display: flex;\n flex-direction: row;\n"])), function (_ref) {
|
|
2832
2796
|
var height = _ref.height;
|
|
2833
2797
|
return height ? height + "px" : '6px';
|
|
2834
2798
|
});
|
|
@@ -2911,13 +2875,13 @@ var Progress = function Progress(_ref) {
|
|
|
2911
2875
|
}, renderSteps()));
|
|
2912
2876
|
};
|
|
2913
2877
|
|
|
2914
|
-
var _templateObject$
|
|
2915
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2878
|
+
var _templateObject$d, _templateObject2$4, _templateObject3$3;
|
|
2879
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2916
2880
|
var RadioLine = /*#__PURE__*/styled__default.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"])));
|
|
2917
2881
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2918
2882
|
|
|
2919
|
-
var _templateObject$
|
|
2920
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2883
|
+
var _templateObject$e;
|
|
2884
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
|
|
2921
2885
|
var typography = _ref.typography;
|
|
2922
2886
|
return typography;
|
|
2923
2887
|
}, function (_ref2) {
|
|
@@ -3074,8 +3038,8 @@ var Radio = function Radio(_ref) {
|
|
|
3074
3038
|
}, error)));
|
|
3075
3039
|
};
|
|
3076
3040
|
|
|
3077
|
-
var _templateObject$
|
|
3078
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3041
|
+
var _templateObject$f, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3042
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3079
3043
|
var Radio$1 = /*#__PURE__*/styled__default.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) {
|
|
3080
3044
|
var error = _ref.error,
|
|
3081
3045
|
darkMode = _ref.darkMode,
|
|
@@ -3183,8 +3147,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3183
3147
|
}, error)));
|
|
3184
3148
|
});
|
|
3185
3149
|
|
|
3186
|
-
var _templateObject$
|
|
3187
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3150
|
+
var _templateObject$g, _templateObject2$6, _templateObject3$5;
|
|
3151
|
+
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])));
|
|
3188
3152
|
var IconWrapper$1 = /*#__PURE__*/styled__default.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) {
|
|
3189
3153
|
var theme = _ref.theme;
|
|
3190
3154
|
return theme.colors.primary;
|
|
@@ -3255,8 +3219,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3255
3219
|
}, renderNextIcon()));
|
|
3256
3220
|
};
|
|
3257
3221
|
|
|
3258
|
-
var _templateObject$
|
|
3259
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3222
|
+
var _templateObject$h;
|
|
3223
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3260
3224
|
var fillColor = _ref.fillColor;
|
|
3261
3225
|
return fillColor;
|
|
3262
3226
|
});
|
|
@@ -3280,8 +3244,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3280
3244
|
})));
|
|
3281
3245
|
};
|
|
3282
3246
|
|
|
3283
|
-
var _templateObject$
|
|
3284
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3247
|
+
var _templateObject$i, _templateObject2$7;
|
|
3248
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3285
3249
|
var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 4px;\n background: var(--base-color-lightgrey);\n"])));
|
|
3286
3250
|
|
|
3287
3251
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3300,8 +3264,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3300
3264
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3301
3265
|
};
|
|
3302
3266
|
|
|
3303
|
-
var _templateObject$
|
|
3304
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3267
|
+
var _templateObject$j;
|
|
3268
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3305
3269
|
|
|
3306
3270
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3307
3271
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3511,8 +3475,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3511
3475
|
})))));
|
|
3512
3476
|
};
|
|
3513
3477
|
|
|
3514
|
-
var _templateObject$
|
|
3515
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3478
|
+
var _templateObject$k, _templateObject2$8;
|
|
3479
|
+
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 100px;\n max-width: auto;\n\n @media ", " {\n max-height: 55px;\n }\n\n @media ", " {\n max-height: 45px;\n }\n"])), devices.tablet, devices.mobile);
|
|
3516
3480
|
var SponsorshipStyledIframe = /*#__PURE__*/styled__default.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);
|
|
3517
3481
|
|
|
3518
3482
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3545,8 +3509,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3545
3509
|
}));
|
|
3546
3510
|
};
|
|
3547
3511
|
|
|
3548
|
-
var _templateObject$
|
|
3549
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3512
|
+
var _templateObject$l, _templateObject2$9;
|
|
3513
|
+
var TabText = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n margin-right: 0px;\n margin-top: 5px;\n text-decoration: none;\n text-transform: uppercase;\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (props) {
|
|
3550
3514
|
if (props.withIcon === 'left') {
|
|
3551
3515
|
return "margin-left: 5px;";
|
|
3552
3516
|
}
|
|
@@ -3645,8 +3609,8 @@ var Tab = function Tab(_ref) {
|
|
|
3645
3609
|
}));
|
|
3646
3610
|
};
|
|
3647
3611
|
|
|
3648
|
-
var _templateObject$
|
|
3649
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3612
|
+
var _templateObject$m, _templateObject2$a;
|
|
3613
|
+
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", ";\n font-family: var(--font-family-navigation);\n font-size: var(--font-size-navigation);\n font-weight: var(--font-weight-navigation);\n line-height: var(--line-height-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n text-transform: var(--text-transform-navigation);\n color: ", ";\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n border-bottom: ", ";\n ", "\n\n @media ", ", ", " {\n &:hover {\n color: var(--base-color-", ");\n border-bottom: 1px solid var(--base-color-", ");\n\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), function (_ref) {
|
|
3650
3614
|
var iconName = _ref.iconName;
|
|
3651
3615
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3652
3616
|
}, function (_ref2) {
|
|
@@ -3697,8 +3661,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3697
3661
|
})) : null, children);
|
|
3698
3662
|
};
|
|
3699
3663
|
|
|
3700
|
-
var _templateObject$
|
|
3701
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3664
|
+
var _templateObject$n, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3665
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3702
3666
|
var width = _ref.width;
|
|
3703
3667
|
return width ? width + "px;" : '100%;';
|
|
3704
3668
|
}, function (_ref2) {
|
|
@@ -3821,8 +3785,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3821
3785
|
}, error))));
|
|
3822
3786
|
};
|
|
3823
3787
|
|
|
3824
|
-
var _templateObject$
|
|
3825
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3788
|
+
var _templateObject$o, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3789
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3826
3790
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: auto;\n max-width: ", ";\n"])), function (_ref) {
|
|
3827
3791
|
var width = _ref.width;
|
|
3828
3792
|
if (!width) return 'none';
|
|
@@ -3948,8 +3912,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3948
3912
|
}, error)));
|
|
3949
3913
|
});
|
|
3950
3914
|
|
|
3951
|
-
var _templateObject$
|
|
3952
|
-
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3915
|
+
var _templateObject$p, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3916
|
+
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3953
3917
|
var textStyles = /*#__PURE__*/styled.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) {
|
|
3954
3918
|
var theme = _ref.theme;
|
|
3955
3919
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -4022,8 +3986,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
4022
3986
|
}, error) : null);
|
|
4023
3987
|
};
|
|
4024
3988
|
|
|
4025
|
-
var _templateObject$
|
|
4026
|
-
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3989
|
+
var _templateObject$q, _templateObject2$e;
|
|
3990
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid;\n padding-bottom: ", ";\n font-family: var(--font-family-overline);\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n line-height: var(--line-height-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n text-transform: var(--text-transform-overline);\n color: var(--base-color-", ");\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n"])), function (_ref) {
|
|
4027
3991
|
var iconName = _ref.iconName;
|
|
4028
3992
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
4029
3993
|
}, function (_ref2) {
|
|
@@ -4059,8 +4023,8 @@ var TextLogoProduct;
|
|
|
4059
4023
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
4060
4024
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
4061
4025
|
|
|
4062
|
-
var _templateObject$
|
|
4063
|
-
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4026
|
+
var _templateObject$r, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
4027
|
+
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4064
4028
|
var dark = _ref.dark;
|
|
4065
4029
|
return dark ? 'white' : 'errorstate';
|
|
4066
4030
|
});
|
|
@@ -4181,8 +4145,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4181
4145
|
}, error)));
|
|
4182
4146
|
};
|
|
4183
4147
|
|
|
4184
|
-
var _templateObject$
|
|
4185
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4148
|
+
var _templateObject$s, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4149
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4186
4150
|
var Tickbox$1 = /*#__PURE__*/styled__default.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) {
|
|
4187
4151
|
var error = _ref.error,
|
|
4188
4152
|
darkMode = _ref.darkMode,
|
|
@@ -4292,8 +4256,8 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4292
4256
|
}, error)));
|
|
4293
4257
|
});
|
|
4294
4258
|
|
|
4295
|
-
var _templateObject$
|
|
4296
|
-
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4259
|
+
var _templateObject$t, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4260
|
+
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4297
4261
|
var color = _ref.color;
|
|
4298
4262
|
return color;
|
|
4299
4263
|
});
|
|
@@ -4401,8 +4365,8 @@ var Timer = function Timer(_ref) {
|
|
|
4401
4365
|
}));
|
|
4402
4366
|
};
|
|
4403
4367
|
|
|
4404
|
-
var _templateObject$
|
|
4405
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
4368
|
+
var _templateObject$u;
|
|
4369
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n display: inline-block;\n margin: 0;\n }\n\n & li:before {\n content: '\u2014';\n margin: 0 0.5em;\n }\n\n & li:first-child:before {\n display: none;\n }\n"])));
|
|
4406
4370
|
|
|
4407
4371
|
var TypeTags = function TypeTags(_ref) {
|
|
4408
4372
|
var list = _ref.list;
|
|
@@ -5144,8 +5108,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
5144
5108
|
}
|
|
5145
5109
|
});
|
|
5146
5110
|
|
|
5147
|
-
var _templateObject$
|
|
5148
|
-
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$
|
|
5111
|
+
var _templateObject$v, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
5112
|
+
var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #fff;\n border: none;\n padding: 12px;\n cursor: pointer;\n"])));
|
|
5149
5113
|
var VideoFullscreenButton = /*#__PURE__*/styled__default.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"])));
|
|
5150
5114
|
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5151
5115
|
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 40px 17px 30px;\n"])));
|
|
@@ -5364,8 +5328,8 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5364
5328
|
})));
|
|
5365
5329
|
};
|
|
5366
5330
|
|
|
5367
|
-
var _templateObject$
|
|
5368
|
-
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5331
|
+
var _templateObject$w, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5332
|
+
var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: left;\n align-items: left;\n"])));
|
|
5369
5333
|
var StepperError = /*#__PURE__*/styled__default.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) {
|
|
5370
5334
|
var darkMode = _ref.darkMode;
|
|
5371
5335
|
return darkMode ? 'white' : 'errorstate';
|
|
@@ -5592,8 +5556,8 @@ var Component = function Component(_ref) {
|
|
|
5592
5556
|
}, error)));
|
|
5593
5557
|
};
|
|
5594
5558
|
|
|
5595
|
-
var _templateObject$
|
|
5596
|
-
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5559
|
+
var _templateObject$x, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5560
|
+
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5597
5561
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5598
5562
|
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 ";
|
|
5599
5563
|
});
|
|
@@ -5617,8 +5581,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_temp
|
|
|
5617
5581
|
var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 3 / span 14;\n }\n"])), devices.desktop);
|
|
5618
5582
|
var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 26px;\n right: 50px;\n top: 20px;\n position: absolute;\n\n @media ", " {\n margin-top: 1px;\n position: inherit;\n }\n"])), devices.mobileAndTablet);
|
|
5619
5583
|
|
|
5620
|
-
var _templateObject$
|
|
5621
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5584
|
+
var _templateObject$y;
|
|
5585
|
+
var LogoWrapper = /*#__PURE__*/styled__default.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"])));
|
|
5622
5586
|
|
|
5623
5587
|
var Logo = function Logo(_ref) {
|
|
5624
5588
|
var _ref$id = _ref.id,
|
|
@@ -5626,13 +5590,11 @@ var Logo = function Logo(_ref) {
|
|
|
5626
5590
|
_ref$dataRoh = _ref.dataRoh,
|
|
5627
5591
|
dataRoh = _ref$dataRoh === void 0 ? 'imgLogo' : _ref$dataRoh,
|
|
5628
5592
|
_ref$urlLink = _ref.urlLink,
|
|
5629
|
-
urlLink = _ref$urlLink === void 0 ? 'https://www.
|
|
5593
|
+
urlLink = _ref$urlLink === void 0 ? 'https://www.roh.org.uk/' : _ref$urlLink,
|
|
5630
5594
|
desktopImage = _ref.desktopImage,
|
|
5631
5595
|
devicesImage = _ref.devicesImage,
|
|
5632
5596
|
_ref$title = _ref.title,
|
|
5633
|
-
title = _ref$title === void 0 ? 'Royal
|
|
5634
|
-
_ref$altText = _ref.altText,
|
|
5635
|
-
altText = _ref$altText === void 0 ? 'Royal Ballet and Opera Homepage' : _ref$altText;
|
|
5597
|
+
title = _ref$title === void 0 ? 'Royal Opera House' : _ref$title;
|
|
5636
5598
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
5637
5599
|
"data-roh": dataRoh,
|
|
5638
5600
|
rel: "noopener noreferrer",
|
|
@@ -5645,16 +5607,15 @@ var Logo = function Logo(_ref) {
|
|
|
5645
5607
|
srcSet: devicesImage ? devicesImage : desktopImage,
|
|
5646
5608
|
media: devices.mobileAndTablet
|
|
5647
5609
|
}), /*#__PURE__*/React__default.createElement("img", {
|
|
5648
|
-
src: desktopImage
|
|
5649
|
-
alt: altText
|
|
5610
|
+
src: desktopImage
|
|
5650
5611
|
}))));
|
|
5651
5612
|
};
|
|
5652
5613
|
|
|
5653
|
-
var _templateObject$
|
|
5654
|
-
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5614
|
+
var _templateObject$z;
|
|
5615
|
+
var NavTopContainer$1 = /*#__PURE__*/styled__default.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);
|
|
5655
5616
|
|
|
5656
|
-
var _templateObject$
|
|
5657
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5617
|
+
var _templateObject$A, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5618
|
+
var BasketContainer = /*#__PURE__*/styled__default.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) {
|
|
5658
5619
|
var selected = _ref.selected,
|
|
5659
5620
|
colorPrimary = _ref.colorPrimary;
|
|
5660
5621
|
|
|
@@ -5842,8 +5803,8 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5842
5803
|
}, expiryTime ? basketText : text) : ''));
|
|
5843
5804
|
};
|
|
5844
5805
|
|
|
5845
|
-
var _templateObject$
|
|
5846
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5806
|
+
var _templateObject$B, _templateObject2$m;
|
|
5807
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid var(--base-color-transparent);\n ", "\n\n :hover {\n border-bottom: 1px solid var(--base-color-", ");\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n"])), function (_ref) {
|
|
5847
5808
|
var selected = _ref.selected,
|
|
5848
5809
|
colorPrimary = _ref.colorPrimary;
|
|
5849
5810
|
|
|
@@ -6135,8 +6096,8 @@ var NavTop = function NavTop(_ref) {
|
|
|
6135
6096
|
}));
|
|
6136
6097
|
};
|
|
6137
6098
|
|
|
6138
|
-
var _templateObject$
|
|
6139
|
-
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6099
|
+
var _templateObject$C, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
6100
|
+
var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n column-gap: 32px;\n"])));
|
|
6140
6101
|
var ItemsContainer = /*#__PURE__*/styled__default.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) {
|
|
6141
6102
|
if (props.showMenu) {
|
|
6142
6103
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
@@ -6278,8 +6239,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
6278
6239
|
}, "MENU"))));
|
|
6279
6240
|
};
|
|
6280
6241
|
|
|
6281
|
-
var _templateObject$
|
|
6282
|
-
var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6242
|
+
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6243
|
+
var SearchBarContainer = /*#__PURE__*/styled__default.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);
|
|
6283
6244
|
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-xlarge-gap);\n height: var(--navigation-xlarge-gap);\n }\n"])));
|
|
6284
6245
|
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n :hover {\n cursor: pointer;\n && svg path {\n fill: var(--base-color-navigation);\n }\n }\n"])));
|
|
6285
6246
|
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: blue;\n width: 100%;\n\n input {\n font-size: var(--font-size-search);\n font-family: var(--font-family-search);\n border: none;\n border-radius: 0;\n outline: none;\n outline-color: var(--base-color-white);\n height: 48px;\n box-sizing: border-box;\n width: 100%;\n -webkit-appearance: none;\n\n &.search-input {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n @media ", " {\n column-gap: 24px;\n }\n }\n"])), devices.mobile);
|
|
@@ -6516,16 +6477,16 @@ var Navigation = function Navigation(_ref) {
|
|
|
6516
6477
|
})))));
|
|
6517
6478
|
};
|
|
6518
6479
|
|
|
6519
|
-
var _templateObject$
|
|
6520
|
-
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$
|
|
6480
|
+
var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6481
|
+
var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n"])));
|
|
6521
6482
|
var FooterContainer = /*#__PURE__*/styled__default.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"])));
|
|
6522
6483
|
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row1;\n justify-self: center;\n\n @media ", " {\n & {\n justify-self: start;\n grid-area: row2;\n }\n }\n"])), devices.mobile);
|
|
6523
6484
|
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row2;\n\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), devices.mobile);
|
|
6524
6485
|
var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row3;\n justify-self: center;\n\n @media ", " {\n justify-self: start;\n }\n"])), devices.mobile);
|
|
6525
6486
|
var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: row4;\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-3);\n line-height: var(--line-height-body-3);\n text-align: center;\n margin: 0;\n padding: 0;\n\n @media ", " {\n text-align: left;\n }\n"])), devices.mobile);
|
|
6526
6487
|
|
|
6527
|
-
var _templateObject$
|
|
6528
|
-
var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
6488
|
+
var _templateObject$F, _templateObject2$q, _templateObject3$j;
|
|
6489
|
+
var PolicyLinksList = /*#__PURE__*/styled__default.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);
|
|
6529
6490
|
var PolicyLinkItem = /*#__PURE__*/styled__default.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);
|
|
6530
6491
|
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: fit-content;\n text-decoration: none;\n text-transform: uppercase;\n color: var(--base-color-white);\n cursor: pointer;\n"])));
|
|
6531
6492
|
|
|
@@ -6543,8 +6504,8 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6543
6504
|
}));
|
|
6544
6505
|
};
|
|
6545
6506
|
|
|
6546
|
-
var _templateObject$
|
|
6547
|
-
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6507
|
+
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6508
|
+
var ContactNewsletterWrapper = /*#__PURE__*/styled__default.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);
|
|
6548
6509
|
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.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);
|
|
6549
6510
|
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 1;\n padding-top: 9px;\n justify-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media ", " {\n & {\n grid-column: auto;\n align-items: start;\n justify-self: start;\n padding-top: 0;\n }\n }\n"])), devices.mobile);
|
|
6550
6511
|
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-size: var(--font-size-body-2);\n line-height: var(--line-height-body-2);\n width: 60%;\n margin: 0 auto;\n height: 60px;\n text-align: center;\n\n @media ", " {\n & {\n width: 100%;\n height: auto;\n text-align: left;\n font-size: 14px;\n margin-bottom: var(--footer-vertical-spacing-lg);\n }\n }\n"])), devices.mobile);
|
|
@@ -6615,9 +6576,9 @@ var Footer = function Footer(_ref) {
|
|
|
6615
6576
|
}, additionalInfo)))));
|
|
6616
6577
|
};
|
|
6617
6578
|
|
|
6618
|
-
var _templateObject$
|
|
6579
|
+
var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6619
6580
|
var LIST_ITEM_GAP = 32;
|
|
6620
|
-
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6581
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled__default.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) {
|
|
6621
6582
|
var bottomBorder = _ref.bottomBorder;
|
|
6622
6583
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6623
6584
|
}, zIndexes.anchor);
|
|
@@ -6881,8 +6842,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6881
6842
|
})) : null) : null))));
|
|
6882
6843
|
};
|
|
6883
6844
|
|
|
6884
|
-
var _templateObject$
|
|
6885
|
-
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6845
|
+
var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6846
|
+
var TitleCTAGridWrapper = /*#__PURE__*/styled__default.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) {
|
|
6886
6847
|
var sticky = _ref.sticky;
|
|
6887
6848
|
return sticky ? 'sticky' : 'initial';
|
|
6888
6849
|
}, zIndexes.anchor);
|
|
@@ -6942,8 +6903,8 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6942
6903
|
}, message)));
|
|
6943
6904
|
};
|
|
6944
6905
|
|
|
6945
|
-
var _templateObject$
|
|
6946
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6906
|
+
var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6907
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.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);
|
|
6947
6908
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.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"])));
|
|
6948
6909
|
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
|
|
6949
6910
|
var theme = _ref.theme;
|
|
@@ -7023,8 +6984,8 @@ var UpsellCard = function UpsellCard(_ref) {
|
|
|
7023
6984
|
}), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
|
|
7024
6985
|
};
|
|
7025
6986
|
|
|
7026
|
-
var _templateObject$
|
|
7027
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6987
|
+
var _templateObject$K;
|
|
6988
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.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);
|
|
7028
6989
|
|
|
7029
6990
|
var UpsellCards = function UpsellCards(_ref) {
|
|
7030
6991
|
var upsellCards = _ref.upsellCards;
|
|
@@ -7042,16 +7003,16 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
7042
7003
|
}));
|
|
7043
7004
|
};
|
|
7044
7005
|
|
|
7045
|
-
var _templateObject$
|
|
7046
|
-
var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7006
|
+
var _templateObject$L, _templateObject2$v, _templateObject3$o;
|
|
7007
|
+
var UpsellBorderBox = /*#__PURE__*/styled__default.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) {
|
|
7047
7008
|
var theme = _ref.theme;
|
|
7048
7009
|
return theme.colors.primary;
|
|
7049
7010
|
}, devices.mobile, devices.tablet);
|
|
7050
7011
|
var TitleContainer$2 = /*#__PURE__*/styled__default.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);
|
|
7051
7012
|
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
7052
7013
|
|
|
7053
|
-
var _templateObject$
|
|
7054
|
-
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7014
|
+
var _templateObject$M, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e;
|
|
7015
|
+
var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n div {\n overflow: hidden;\n }\n"])));
|
|
7055
7016
|
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 2px;\n background-color: var(--base-color-lightgrey);\n width: 100%;\n"])));
|
|
7056
7017
|
var ChildrenContainer = /*#__PURE__*/styled__default.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);
|
|
7057
7018
|
var TitleContainer$3 = /*#__PURE__*/styled__default.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);
|
|
@@ -7180,8 +7141,8 @@ var Accordion = function Accordion(_ref) {
|
|
|
7180
7141
|
}, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
|
|
7181
7142
|
};
|
|
7182
7143
|
|
|
7183
|
-
var _templateObject$
|
|
7184
|
-
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7144
|
+
var _templateObject$N;
|
|
7145
|
+
var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
7185
7146
|
|
|
7186
7147
|
var Accordions = function Accordions(_ref) {
|
|
7187
7148
|
var _ref$items = _ref.items,
|
|
@@ -7199,8 +7160,7 @@ var Accordions = function Accordions(_ref) {
|
|
|
7199
7160
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
7200
7161
|
contentType: accordion.contentType,
|
|
7201
7162
|
displayLevel: accordion.displayLevel,
|
|
7202
|
-
semanticLevel: accordion.semanticLevel
|
|
7203
|
-
initOpen: accordion.initOpen
|
|
7163
|
+
semanticLevel: accordion.semanticLevel
|
|
7204
7164
|
}, accordion.children);
|
|
7205
7165
|
}));
|
|
7206
7166
|
};
|
|
@@ -7214,8 +7174,8 @@ var Theme = function Theme(_ref) {
|
|
|
7214
7174
|
}, children);
|
|
7215
7175
|
};
|
|
7216
7176
|
|
|
7217
|
-
var _templateObject$
|
|
7218
|
-
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7177
|
+
var _templateObject$O, _templateObject2$x, _templateObject3$q;
|
|
7178
|
+
var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.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) {
|
|
7219
7179
|
var theme = _ref.theme;
|
|
7220
7180
|
return theme.colors.primary;
|
|
7221
7181
|
}, devices.mobile);
|
|
@@ -7257,8 +7217,8 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
|
7257
7217
|
}))))));
|
|
7258
7218
|
};
|
|
7259
7219
|
|
|
7260
|
-
var _templateObject$
|
|
7261
|
-
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
|
|
7220
|
+
var _templateObject$P;
|
|
7221
|
+
var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(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) {
|
|
7262
7222
|
var bgColor = _ref.bgColor,
|
|
7263
7223
|
theme = _ref.theme;
|
|
7264
7224
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.auxiliaryButton;
|
|
@@ -7279,11 +7239,11 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7279
7239
|
}), children);
|
|
7280
7240
|
};
|
|
7281
7241
|
|
|
7282
|
-
var _templateObject$
|
|
7242
|
+
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;
|
|
7283
7243
|
var LENGTH_LARGE_TEXT = 28;
|
|
7284
7244
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7285
7245
|
var LENGTH_TEXT_TABLET = 10;
|
|
7286
|
-
var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7246
|
+
var CardContainer = /*#__PURE__*/styled__default.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) {
|
|
7287
7247
|
var isCardClickable = _ref.isCardClickable;
|
|
7288
7248
|
return isCardClickable ? 'pointer' : 'default';
|
|
7289
7249
|
}, function (_ref2) {
|
|
@@ -7565,9 +7525,9 @@ var Card = function Card(_ref) {
|
|
|
7565
7525
|
dangerouslySetInnerHTML: {
|
|
7566
7526
|
__html: truncatedText
|
|
7567
7527
|
}
|
|
7568
|
-
})
|
|
7528
|
+
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7569
7529
|
level: 1
|
|
7570
|
-
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7530
|
+
}, highlightText)))), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7571
7531
|
fullWidth: fullWidth
|
|
7572
7532
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7573
7533
|
ref: node,
|
|
@@ -7581,8 +7541,8 @@ var Card = function Card(_ref) {
|
|
|
7581
7541
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7582
7542
|
};
|
|
7583
7543
|
|
|
7584
|
-
var _templateObject$
|
|
7585
|
-
var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
7544
|
+
var _templateObject$R, _templateObject2$z;
|
|
7545
|
+
var CardsContainer = /*#__PURE__*/styled__default(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);
|
|
7586
7546
|
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7587
7547
|
|
|
7588
7548
|
var Cards = function Cards(_ref) {
|
|
@@ -7628,8 +7588,8 @@ var Cards = function Cards(_ref) {
|
|
|
7628
7588
|
}));
|
|
7629
7589
|
};
|
|
7630
7590
|
|
|
7631
|
-
var _templateObject$
|
|
7632
|
-
var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7591
|
+
var _templateObject$S, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7592
|
+
var ContentWrapper = /*#__PURE__*/styled__default.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);
|
|
7633
7593
|
var Wrapper$4 = /*#__PURE__*/styled__default.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) {
|
|
7634
7594
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7635
7595
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
@@ -7697,8 +7657,8 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7697
7657
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7698
7658
|
};
|
|
7699
7659
|
|
|
7700
|
-
var _templateObject$
|
|
7701
|
-
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$
|
|
7660
|
+
var _templateObject$T, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
7661
|
+
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7702
7662
|
var ContentSummaryWrapper = /*#__PURE__*/styled__default.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) {
|
|
7703
7663
|
return props.clickable ? 'pointer' : 'default';
|
|
7704
7664
|
}, devices.mobile);
|
|
@@ -7780,8 +7740,8 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7780
7740
|
}), link.text)));
|
|
7781
7741
|
};
|
|
7782
7742
|
|
|
7783
|
-
var _templateObject$
|
|
7784
|
-
var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7743
|
+
var _templateObject$U, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7744
|
+
var EditorialGrid = /*#__PURE__*/styled__default.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) {
|
|
7785
7745
|
var imageToLeft = _ref.imageToLeft;
|
|
7786
7746
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7787
7747
|
}, devices.mobile);
|
|
@@ -7858,8 +7818,8 @@ var BackgroundColour;
|
|
|
7858
7818
|
BackgroundColour["White"] = "white";
|
|
7859
7819
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7860
7820
|
|
|
7861
|
-
var _templateObject$
|
|
7862
|
-
var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$
|
|
7821
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7822
|
+
var InfoContent = /*#__PURE__*/styled__default('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"])));
|
|
7863
7823
|
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7864
7824
|
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7865
7825
|
if (!props.infoThemed) {
|
|
@@ -7985,8 +7945,8 @@ var Information = function Information(_ref) {
|
|
|
7985
7945
|
}))));
|
|
7986
7946
|
};
|
|
7987
7947
|
|
|
7988
|
-
var _templateObject$
|
|
7989
|
-
var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7948
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$7;
|
|
7949
|
+
var PageHeadingWrapper = /*#__PURE__*/styled__default.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) {
|
|
7990
7950
|
var theme = _ref.theme;
|
|
7991
7951
|
return theme.colors.primary;
|
|
7992
7952
|
}, function (_ref2) {
|
|
@@ -8086,8 +8046,8 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
8086
8046
|
})));
|
|
8087
8047
|
};
|
|
8088
8048
|
|
|
8089
|
-
var _templateObject$
|
|
8090
|
-
var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8049
|
+
var _templateObject$X, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$8;
|
|
8050
|
+
var ImpactWrapper = /*#__PURE__*/styled__default.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);
|
|
8091
8051
|
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.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);
|
|
8092
8052
|
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n align-self: center;\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n align-content: center;\n\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. . text text text text text text text text text text . .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
|
|
8093
8053
|
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
|
|
@@ -8160,8 +8120,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
8160
8120
|
}, "Scroll Down")) : null);
|
|
8161
8121
|
};
|
|
8162
8122
|
|
|
8163
|
-
var _templateObject$
|
|
8164
|
-
var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8123
|
+
var _templateObject$Y, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
8124
|
+
var PanelGrid = /*#__PURE__*/styled__default(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) {
|
|
8165
8125
|
var color = _ref.color;
|
|
8166
8126
|
return "\n background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n ";
|
|
8167
8127
|
}, devices.mobileAndTablet);
|
|
@@ -8205,8 +8165,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
|
8205
8165
|
}))));
|
|
8206
8166
|
};
|
|
8207
8167
|
|
|
8208
|
-
var _templateObject$
|
|
8209
|
-
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8168
|
+
var _templateObject$Z;
|
|
8169
|
+
var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
|
|
8210
8170
|
|
|
8211
8171
|
var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
8212
8172
|
var link = _ref.link,
|
|
@@ -8226,8 +8186,8 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8226
8186
|
}))));
|
|
8227
8187
|
};
|
|
8228
8188
|
|
|
8229
|
-
var _templateObject
|
|
8230
|
-
var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject
|
|
8189
|
+
var _templateObject$_, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8190
|
+
var BrandingTextBlock = /*#__PURE__*/styled__default.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);
|
|
8231
8191
|
var BrandingTextBody = /*#__PURE__*/styled__default.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"])));
|
|
8232
8192
|
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8233
8193
|
var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.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);
|
|
@@ -8353,7 +8313,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8353
8313
|
var isIOS = function isIOS() {
|
|
8354
8314
|
try {
|
|
8355
8315
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8356
|
-
if (typeof navigator ===
|
|
8316
|
+
if (typeof navigator === undefined) return false;
|
|
8357
8317
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8358
8318
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8359
8319
|
} catch (e) {
|
|
@@ -8369,7 +8329,7 @@ var useIOS = function useIOS() {
|
|
|
8369
8329
|
setIOS = _useState[1];
|
|
8370
8330
|
|
|
8371
8331
|
React.useEffect(function () {
|
|
8372
|
-
if (typeof navigator ===
|
|
8332
|
+
if (typeof navigator === undefined) return;
|
|
8373
8333
|
setIOS(isIOS());
|
|
8374
8334
|
}, []);
|
|
8375
8335
|
return IOS;
|
|
@@ -8555,8 +8515,8 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8555
8515
|
}), linkText))));
|
|
8556
8516
|
};
|
|
8557
8517
|
|
|
8558
|
-
var _templateObject
|
|
8559
|
-
var MorePages = /*#__PURE__*/styled__default.span(_templateObject
|
|
8518
|
+
var _templateObject$$, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8519
|
+
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8560
8520
|
var PageNumberWrapper = /*#__PURE__*/styled__default.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
|
|
8561
8521
|
|
|
8562
8522
|
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n :hover {\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
@@ -8632,8 +8592,8 @@ var Pagination = function Pagination(_ref) {
|
|
|
8632
8592
|
}))));
|
|
8633
8593
|
};
|
|
8634
8594
|
|
|
8635
|
-
var _templateObject$
|
|
8636
|
-
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8595
|
+
var _templateObject$10, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$h;
|
|
8596
|
+
var PeopleListingGrid = /*#__PURE__*/styled__default(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);
|
|
8637
8597
|
var PersonWrapper = /*#__PURE__*/styled__default.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"])));
|
|
8638
8598
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
8639
8599
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
@@ -8689,11 +8649,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8689
8649
|
}));
|
|
8690
8650
|
};
|
|
8691
8651
|
|
|
8692
|
-
var _templateObject$
|
|
8693
|
-
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8652
|
+
var _templateObject$11, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8653
|
+
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8694
8654
|
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8695
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n p {\n line-height:
|
|
8696
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n"])));
|
|
8655
|
+
var DescriptionWrapper = /*#__PURE__*/styled__default.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"])));
|
|
8656
|
+
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n min-height: 1.5em;\n"])));
|
|
8697
8657
|
|
|
8698
8658
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8699
8659
|
return array.reduce(function (acc, item) {
|
|
@@ -8704,18 +8664,12 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8704
8664
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8705
8665
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8706
8666
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8707
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8708
|
-
key: index
|
|
8709
|
-
}, title));
|
|
8667
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", null, title));
|
|
8710
8668
|
} else if (index > 0) {
|
|
8711
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8712
|
-
key: index
|
|
8713
|
-
}, ", ", title);
|
|
8669
|
+
return /*#__PURE__*/React__default.createElement("i", null, ", ", title);
|
|
8714
8670
|
}
|
|
8715
8671
|
|
|
8716
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8717
|
-
key: index
|
|
8718
|
-
}, title);
|
|
8672
|
+
return /*#__PURE__*/React__default.createElement("i", null, title);
|
|
8719
8673
|
}));
|
|
8720
8674
|
};
|
|
8721
8675
|
|
|
@@ -8767,14 +8721,14 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8767
8721
|
}));
|
|
8768
8722
|
};
|
|
8769
8723
|
|
|
8770
|
-
var _templateObject$
|
|
8724
|
+
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;
|
|
8771
8725
|
var LENGTH_TEXT = 28;
|
|
8772
8726
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8773
8727
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
8774
8728
|
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
8775
8729
|
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
8776
8730
|
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
8777
|
-
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
8731
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(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) {
|
|
8778
8732
|
var imageToLeft = _ref.imageToLeft;
|
|
8779
8733
|
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
8780
8734
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9045,10 +8999,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
9045
8999
|
}))));
|
|
9046
9000
|
};
|
|
9047
9001
|
|
|
9048
|
-
var _templateObject$
|
|
9002
|
+
var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
9049
9003
|
var LENGTH_TEXT$2 = 28;
|
|
9050
9004
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
9051
|
-
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
9005
|
+
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
9052
9006
|
var imageToLeft = _ref.imageToLeft;
|
|
9053
9007
|
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'";
|
|
9054
9008
|
}, devices.tablet, function (_ref2) {
|
|
@@ -9101,8 +9055,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
9101
9055
|
return '';
|
|
9102
9056
|
});
|
|
9103
9057
|
|
|
9104
|
-
var _templateObject$
|
|
9105
|
-
var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9058
|
+
var _templateObject$14;
|
|
9059
|
+
var VideoContainer = /*#__PURE__*/styled__default.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) {
|
|
9106
9060
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9107
9061
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
9108
9062
|
return aspectRatio;
|
|
@@ -9306,8 +9260,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9306
9260
|
}, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
|
|
9307
9261
|
};
|
|
9308
9262
|
|
|
9309
|
-
var _templateObject$
|
|
9310
|
-
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9263
|
+
var _templateObject$15;
|
|
9264
|
+
var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 30px;\n"])));
|
|
9311
9265
|
|
|
9312
9266
|
/**
|
|
9313
9267
|
* DEPRECATED. Use RadioGroup2 instead
|
|
@@ -9365,8 +9319,8 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9365
9319
|
})));
|
|
9366
9320
|
};
|
|
9367
9321
|
|
|
9368
|
-
var _templateObject$
|
|
9369
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9322
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$F;
|
|
9323
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9370
9324
|
var RadioGroup$1 = /*#__PURE__*/styled__default.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) {
|
|
9371
9325
|
var horizontalMode = _ref.horizontalMode;
|
|
9372
9326
|
if (horizontalMode) return 'row';
|
|
@@ -9455,8 +9409,8 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9455
9409
|
}, error)));
|
|
9456
9410
|
};
|
|
9457
9411
|
|
|
9458
|
-
var _templateObject$
|
|
9459
|
-
var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9412
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$G;
|
|
9413
|
+
var StatusBannerWrapper = /*#__PURE__*/styled__default.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);
|
|
9460
9414
|
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
9461
9415
|
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: end;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n padding-left: 50px;\n }\n\n cursor: pointer;\n\n @media ", " {\n padding-left: 20px;\n }\n"])), devices.mobile);
|
|
9462
9416
|
|
|
@@ -9520,8 +9474,8 @@ var StatusBanner = function StatusBanner(_ref) {
|
|
|
9520
9474
|
})))));
|
|
9521
9475
|
};
|
|
9522
9476
|
|
|
9523
|
-
var _templateObject$
|
|
9524
|
-
var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9477
|
+
var _templateObject$18;
|
|
9478
|
+
var SectionTitleWrapper = /*#__PURE__*/styled__default.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);
|
|
9525
9479
|
|
|
9526
9480
|
var SectionTitle = function SectionTitle(_ref) {
|
|
9527
9481
|
var title = _ref.title,
|
|
@@ -9549,8 +9503,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9549
9503
|
}, description))));
|
|
9550
9504
|
};
|
|
9551
9505
|
|
|
9552
|
-
var _templateObject$
|
|
9553
|
-
var stateStyles = /*#__PURE__*/styled.css(_templateObject$
|
|
9506
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9507
|
+
var stateStyles = /*#__PURE__*/styled.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) {
|
|
9554
9508
|
var theme = _ref.theme;
|
|
9555
9509
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
9556
9510
|
}, function (_ref2) {
|
|
@@ -9972,8 +9926,8 @@ function Select(_ref3) {
|
|
|
9972
9926
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9973
9927
|
}
|
|
9974
9928
|
|
|
9975
|
-
var _templateObject$
|
|
9976
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9929
|
+
var _templateObject$1a, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
9930
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9977
9931
|
var SelectWrapper$1 = /*#__PURE__*/styled__default.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) {
|
|
9978
9932
|
var width = _ref.width;
|
|
9979
9933
|
if (!width) return 'none';
|
|
@@ -10112,8 +10066,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
|
|
|
10112
10066
|
})));
|
|
10113
10067
|
};
|
|
10114
10068
|
|
|
10115
|
-
var _templateObject$
|
|
10116
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10069
|
+
var _templateObject$1b;
|
|
10070
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.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) {
|
|
10117
10071
|
var theme = _ref.theme;
|
|
10118
10072
|
return theme.colors.primary;
|
|
10119
10073
|
});
|
|
@@ -10141,8 +10095,8 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
10141
10095
|
})));
|
|
10142
10096
|
};
|
|
10143
10097
|
|
|
10144
|
-
var _templateObject$
|
|
10145
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10098
|
+
var _templateObject$1c, _templateObject2$R;
|
|
10099
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.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) {
|
|
10146
10100
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
10147
10101
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
10148
10102
|
return aspectRatio;
|
|
@@ -10190,8 +10144,8 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
10190
10144
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
10191
10145
|
};
|
|
10192
10146
|
|
|
10193
|
-
var _templateObject$
|
|
10194
|
-
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10147
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$J;
|
|
10148
|
+
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
10195
10149
|
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10196
10150
|
var displayAttribution = _ref.displayAttribution;
|
|
10197
10151
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
@@ -10220,8 +10174,8 @@ var Quote = function Quote(_ref) {
|
|
|
10220
10174
|
}, attribution))));
|
|
10221
10175
|
};
|
|
10222
10176
|
|
|
10223
|
-
var _templateObject$
|
|
10224
|
-
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10177
|
+
var _templateObject$1e, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$l;
|
|
10178
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
10225
10179
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
10226
10180
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10227
10181
|
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -10264,8 +10218,8 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10264
10218
|
}, title)))));
|
|
10265
10219
|
};
|
|
10266
10220
|
|
|
10267
|
-
var _templateObject$
|
|
10268
|
-
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10221
|
+
var _templateObject$1f, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
10222
|
+
var ReadMoreContainer = /*#__PURE__*/styled__default.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"])));
|
|
10269
10223
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n"])));
|
|
10270
10224
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10271
10225
|
var ContentContainer$5 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -10366,113 +10320,15 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10366
10320
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10367
10321
|
};
|
|
10368
10322
|
|
|
10369
|
-
var _templateObject$
|
|
10370
|
-
var
|
|
10371
|
-
var
|
|
10372
|
-
var
|
|
10373
|
-
var color
|
|
10374
|
-
return "var(--base-color-" + color + ")";
|
|
10375
|
-
});
|
|
10376
|
-
var BottomLine = /*#__PURE__*/styled__default.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"])));
|
|
10377
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10378
|
-
var color = _ref2.color;
|
|
10379
|
-
return "var(--base-color-" + color + ")";
|
|
10380
|
-
});
|
|
10381
|
-
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10382
|
-
var color = _ref3.color;
|
|
10383
|
-
return "var(--base-color-" + color + ")";
|
|
10384
|
-
});
|
|
10385
|
-
|
|
10386
|
-
/**
|
|
10387
|
-
* Password strength indicator component.
|
|
10388
|
-
* This renders some number of lines (6 by default)
|
|
10389
|
-
* which should become active when the user improves
|
|
10390
|
-
* the strength of the entered password.
|
|
10391
|
-
*
|
|
10392
|
-
* ## Sections
|
|
10393
|
-
* To set number of sections it should be passed
|
|
10394
|
-
* as `sections` prop.
|
|
10395
|
-
*
|
|
10396
|
-
* ## Active section
|
|
10397
|
-
* To set number of active sections it should be passed
|
|
10398
|
-
* as `activeSections` prop.
|
|
10399
|
-
*
|
|
10400
|
-
* ## Colors
|
|
10401
|
-
* Color of every element can be controlled by properties:
|
|
10402
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10403
|
-
* `textColor`, `strengthLabelColor`.
|
|
10404
|
-
*
|
|
10405
|
-
* ## Text
|
|
10406
|
-
* `text` prop is used to render some message.
|
|
10407
|
-
* For example error (together with proper red color)
|
|
10408
|
-
* or some password requirement. It can be empty.
|
|
10409
|
-
*
|
|
10410
|
-
* ## Strength label
|
|
10411
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10412
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10413
|
-
* It can be empty.
|
|
10414
|
-
*/
|
|
10415
|
-
|
|
10416
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10417
|
-
var _ref$sections = _ref.sections,
|
|
10418
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10419
|
-
_ref$activeSections = _ref.activeSections,
|
|
10420
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10421
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10422
|
-
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10423
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10424
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10425
|
-
_ref$text = _ref.text,
|
|
10426
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10427
|
-
_ref$textColor = _ref.textColor,
|
|
10428
|
-
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10429
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10430
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10431
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10432
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10433
|
-
|
|
10434
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10435
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10436
|
-
};
|
|
10437
|
-
|
|
10438
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10439
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10440
|
-
};
|
|
10441
|
-
|
|
10442
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10443
|
-
"data-testid": "password-strength-container"
|
|
10444
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10445
|
-
"data-testid": "password-strength-sections"
|
|
10446
|
-
}, Array.from({
|
|
10447
|
-
length: sections
|
|
10448
|
-
}, function (_section, i) {
|
|
10449
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10450
|
-
key: i,
|
|
10451
|
-
color: setSectionColor(i),
|
|
10452
|
-
"data-testid": setSectionDataTestId(i)
|
|
10453
|
-
});
|
|
10454
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10455
|
-
color: textColor,
|
|
10456
|
-
"data-testid": "password-strength-text"
|
|
10457
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10458
|
-
level: 6
|
|
10459
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10460
|
-
color: strengthLabelColor,
|
|
10461
|
-
"data-testid": "password-strength-label"
|
|
10462
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10463
|
-
level: 2
|
|
10464
|
-
}, strengthLabel))));
|
|
10465
|
-
};
|
|
10466
|
-
|
|
10467
|
-
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t;
|
|
10468
|
-
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10469
|
-
var MenuList = /*#__PURE__*/styled__default.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"])), exports.Colors.LightGrey);
|
|
10470
|
-
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10471
|
-
var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), exports.Colors.Black, function (_ref) {
|
|
10323
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$s;
|
|
10324
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10325
|
+
var MenuList = /*#__PURE__*/styled__default.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"])), exports.Colors.LightGrey);
|
|
10326
|
+
var MobileButton = /*#__PURE__*/styled__default.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"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
10327
|
+
var MenuItem$1 = /*#__PURE__*/styled__default.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"])), exports.Colors.Black, function (_ref) {
|
|
10472
10328
|
var isActive = _ref.isActive;
|
|
10473
10329
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10474
10330
|
}, exports.Colors.MidGrey);
|
|
10475
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
10331
|
+
var MobileMenuList = /*#__PURE__*/styled__default.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) {
|
|
10476
10332
|
var isOpen = _ref2.isOpen;
|
|
10477
10333
|
return isOpen ? 'block' : 'none';
|
|
10478
10334
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -10642,8 +10498,106 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10642
10498
|
});
|
|
10643
10499
|
};
|
|
10644
10500
|
|
|
10645
|
-
var _templateObject$
|
|
10646
|
-
var
|
|
10501
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t, _templateObject6$m;
|
|
10502
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10503
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10504
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10505
|
+
var color = _ref.color;
|
|
10506
|
+
return "var(--base-color-" + color + ")";
|
|
10507
|
+
});
|
|
10508
|
+
var BottomLine = /*#__PURE__*/styled__default.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"])));
|
|
10509
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10510
|
+
var color = _ref2.color;
|
|
10511
|
+
return "var(--base-color-" + color + ")";
|
|
10512
|
+
});
|
|
10513
|
+
var LabelText = /*#__PURE__*/styled__default.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 1px;\n white-space: nowrap;\n color: ", ";\n"])), function (_ref3) {
|
|
10514
|
+
var color = _ref3.color;
|
|
10515
|
+
return "var(--base-color-" + color + ")";
|
|
10516
|
+
});
|
|
10517
|
+
|
|
10518
|
+
/**
|
|
10519
|
+
* Password strength indicator component.
|
|
10520
|
+
* This renders some number of lines (6 by default)
|
|
10521
|
+
* which should become active when the user improves
|
|
10522
|
+
* the strength of the entered password.
|
|
10523
|
+
*
|
|
10524
|
+
* ## Sections
|
|
10525
|
+
* To set number of sections it should be passed
|
|
10526
|
+
* as `sections` prop.
|
|
10527
|
+
*
|
|
10528
|
+
* ## Active section
|
|
10529
|
+
* To set number of active sections it should be passed
|
|
10530
|
+
* as `activeSections` prop.
|
|
10531
|
+
*
|
|
10532
|
+
* ## Colors
|
|
10533
|
+
* Color of every element can be controlled by properties:
|
|
10534
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10535
|
+
* `textColor`, `strengthLabelColor`.
|
|
10536
|
+
*
|
|
10537
|
+
* ## Text
|
|
10538
|
+
* `text` prop is used to render some message.
|
|
10539
|
+
* For example error (together with proper red color)
|
|
10540
|
+
* or some password requirement. It can be empty.
|
|
10541
|
+
*
|
|
10542
|
+
* ## Strength label
|
|
10543
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10544
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10545
|
+
* It can be empty.
|
|
10546
|
+
*/
|
|
10547
|
+
|
|
10548
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10549
|
+
var _ref$sections = _ref.sections,
|
|
10550
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10551
|
+
_ref$activeSections = _ref.activeSections,
|
|
10552
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10553
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10554
|
+
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10555
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10556
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10557
|
+
_ref$text = _ref.text,
|
|
10558
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10559
|
+
_ref$textColor = _ref.textColor,
|
|
10560
|
+
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10561
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10562
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10563
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10564
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10565
|
+
|
|
10566
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10567
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10568
|
+
};
|
|
10569
|
+
|
|
10570
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10571
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10572
|
+
};
|
|
10573
|
+
|
|
10574
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10575
|
+
"data-testid": "password-strength-container"
|
|
10576
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10577
|
+
"data-testid": "password-strength-sections"
|
|
10578
|
+
}, Array.from({
|
|
10579
|
+
length: sections
|
|
10580
|
+
}, function (_section, i) {
|
|
10581
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10582
|
+
key: i,
|
|
10583
|
+
color: setSectionColor(i),
|
|
10584
|
+
"data-testid": setSectionDataTestId(i)
|
|
10585
|
+
});
|
|
10586
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10587
|
+
color: textColor,
|
|
10588
|
+
"data-testid": "password-strength-text"
|
|
10589
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10590
|
+
level: 6
|
|
10591
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10592
|
+
color: strengthLabelColor,
|
|
10593
|
+
"data-testid": "password-strength-label"
|
|
10594
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10595
|
+
level: 2
|
|
10596
|
+
}, strengthLabel))));
|
|
10597
|
+
};
|
|
10598
|
+
|
|
10599
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10600
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10647
10601
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10648
10602
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10649
10603
|
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 30px 30px 30px 0;\n text-align: left;\n text-transform: uppercase;\n\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) {
|
|
@@ -10662,73 +10616,14 @@ var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject8$c || (_t
|
|
|
10662
10616
|
});
|
|
10663
10617
|
var Next = /*#__PURE__*/styled__default.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"])));
|
|
10664
10618
|
var ScrollButtons = /*#__PURE__*/styled__default.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"])));
|
|
10665
|
-
var AriaDescription = /*#__PURE__*/styled__default.span(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
10666
|
-
|
|
10667
|
-
var Content = function Content(_ref) {
|
|
10668
|
-
var content = _ref.content;
|
|
10669
|
-
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
10670
|
-
dangerouslySetInnerHTML: {
|
|
10671
|
-
__html: content
|
|
10672
|
-
}
|
|
10673
|
-
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10674
|
-
};
|
|
10675
|
-
|
|
10676
|
-
var Cell = function Cell(_ref2) {
|
|
10677
|
-
var cell = _ref2.cell,
|
|
10678
|
-
cellIndex = _ref2.cellIndex,
|
|
10679
|
-
columns = _ref2.columns;
|
|
10680
|
-
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10681
|
-
key: cellIndex,
|
|
10682
|
-
columns: columns,
|
|
10683
|
-
role: "gridcell"
|
|
10684
|
-
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10685
|
-
content: cell
|
|
10686
|
-
}));
|
|
10687
|
-
};
|
|
10688
|
-
|
|
10689
|
-
var Row = function Row(_ref3) {
|
|
10690
|
-
var row = _ref3.row,
|
|
10691
|
-
rowIndex = _ref3.rowIndex,
|
|
10692
|
-
columns = _ref3.columns,
|
|
10693
|
-
lineColor = _ref3.lineColor;
|
|
10694
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10695
|
-
key: rowIndex
|
|
10696
|
-
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
10697
|
-
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
10698
|
-
key: index,
|
|
10699
|
-
cell: cell,
|
|
10700
|
-
cellIndex: index,
|
|
10701
|
-
columns: columns
|
|
10702
|
-
});
|
|
10703
|
-
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10704
|
-
"aria-hidden": "true"
|
|
10705
|
-
}, /*#__PURE__*/React__default.createElement("td", {
|
|
10706
|
-
colSpan: columns,
|
|
10707
|
-
"aria-hidden": "true"
|
|
10708
|
-
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10709
|
-
lineColor: lineColor
|
|
10710
|
-
}))));
|
|
10711
|
-
};
|
|
10712
|
-
|
|
10713
|
-
var scrollTable = function scrollTable(tableRef, direction) {
|
|
10714
|
-
if (tableRef.current) {
|
|
10715
|
-
var currentScroll = tableRef.current.scrollLeft;
|
|
10716
|
-
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10717
|
-
tableRef.current.scrollTo({
|
|
10718
|
-
left: currentScroll + scrollAmount,
|
|
10719
|
-
behavior: 'smooth'
|
|
10720
|
-
});
|
|
10721
|
-
}
|
|
10722
|
-
};
|
|
10723
10619
|
|
|
10724
|
-
var Table = function Table(
|
|
10725
|
-
var columns =
|
|
10726
|
-
headings =
|
|
10727
|
-
children =
|
|
10728
|
-
lineColors =
|
|
10729
|
-
rowsPerPage =
|
|
10730
|
-
pagination =
|
|
10731
|
-
description = _ref4.description;
|
|
10620
|
+
var Table = function Table(_ref) {
|
|
10621
|
+
var columns = _ref.columns,
|
|
10622
|
+
headings = _ref.headings,
|
|
10623
|
+
children = _ref.children,
|
|
10624
|
+
lineColors = _ref.lineColors,
|
|
10625
|
+
rowsPerPage = _ref.rowsPerPage,
|
|
10626
|
+
pagination = _ref.pagination;
|
|
10732
10627
|
|
|
10733
10628
|
var _useState = React.useState(0),
|
|
10734
10629
|
currentPage = _useState[0],
|
|
@@ -10738,71 +10633,121 @@ var Table = function Table(_ref4) {
|
|
|
10738
10633
|
showScrollButtons = _useState2[0],
|
|
10739
10634
|
setShowScrollButtons = _useState2[1];
|
|
10740
10635
|
|
|
10636
|
+
var Content = function Content(_ref2) {
|
|
10637
|
+
var content = _ref2.content;
|
|
10638
|
+
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
10639
|
+
dangerouslySetInnerHTML: {
|
|
10640
|
+
__html: content
|
|
10641
|
+
}
|
|
10642
|
+
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10643
|
+
};
|
|
10644
|
+
|
|
10645
|
+
var Cell = function Cell(_ref3) {
|
|
10646
|
+
var cell = _ref3.cell,
|
|
10647
|
+
cellIndex = _ref3.cellIndex,
|
|
10648
|
+
columns = _ref3.columns;
|
|
10649
|
+
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10650
|
+
key: cellIndex,
|
|
10651
|
+
columns: columns
|
|
10652
|
+
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10653
|
+
content: cell
|
|
10654
|
+
}));
|
|
10655
|
+
};
|
|
10656
|
+
|
|
10657
|
+
var Row = function Row(_ref4) {
|
|
10658
|
+
var row = _ref4.row,
|
|
10659
|
+
rowIndex = _ref4.rowIndex,
|
|
10660
|
+
columns = _ref4.columns,
|
|
10661
|
+
lineColor = _ref4.lineColor;
|
|
10662
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10663
|
+
key: rowIndex
|
|
10664
|
+
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
10665
|
+
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
10666
|
+
key: index,
|
|
10667
|
+
cell: cell,
|
|
10668
|
+
cellIndex: index,
|
|
10669
|
+
columns: columns
|
|
10670
|
+
});
|
|
10671
|
+
})), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
10672
|
+
colSpan: columns
|
|
10673
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10674
|
+
lineColor: lineColor,
|
|
10675
|
+
role: "presentation"
|
|
10676
|
+
}))));
|
|
10677
|
+
};
|
|
10678
|
+
|
|
10741
10679
|
var lineColor = lineColors != null ? lineColors : exports.Colors.Cinema;
|
|
10742
10680
|
var tableRef = React.useRef(null);
|
|
10743
|
-
React.
|
|
10744
|
-
|
|
10745
|
-
|
|
10746
|
-
|
|
10747
|
-
|
|
10748
|
-
};
|
|
10681
|
+
React.useEffect(function () {
|
|
10682
|
+
if (tableRef.current) {
|
|
10683
|
+
tableRef.current.scrollTo(0, 0);
|
|
10684
|
+
}
|
|
10685
|
+
}, [children]);
|
|
10749
10686
|
|
|
10687
|
+
var horizontalScroll = function horizontalScroll() {
|
|
10688
|
+
if (tableRef.current) {
|
|
10689
|
+
setShowScrollButtons(tableRef.current.scrollWidth > tableRef.current.clientWidth);
|
|
10690
|
+
}
|
|
10691
|
+
};
|
|
10692
|
+
|
|
10693
|
+
React.useEffect(function () {
|
|
10750
10694
|
horizontalScroll();
|
|
10751
10695
|
window.addEventListener('resize', horizontalScroll);
|
|
10752
|
-
console.log('~~~ horizontal Scroll ~~~');
|
|
10753
10696
|
return function () {
|
|
10754
10697
|
return window.removeEventListener('resize', horizontalScroll);
|
|
10755
10698
|
};
|
|
10756
10699
|
}, []);
|
|
10757
|
-
|
|
10700
|
+
|
|
10701
|
+
var scrollTable = function scrollTable(direction) {
|
|
10702
|
+
if (tableRef.current) {
|
|
10703
|
+
var currentScroll = tableRef.current.scrollLeft;
|
|
10704
|
+
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10705
|
+
tableRef.current.scrollTo({
|
|
10706
|
+
left: currentScroll + scrollAmount,
|
|
10707
|
+
behavior: 'smooth'
|
|
10708
|
+
});
|
|
10709
|
+
}
|
|
10710
|
+
};
|
|
10711
|
+
|
|
10712
|
+
var totalRows = Array.isArray(children) ? children.length : 0;
|
|
10758
10713
|
var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
|
|
10714
|
+
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
10759
10715
|
var pageNumbers = Array.from({
|
|
10760
10716
|
length: totalPages
|
|
10761
10717
|
}, function (_, i) {
|
|
10762
10718
|
return i;
|
|
10763
10719
|
});
|
|
10764
10720
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
10765
|
-
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
10766
|
-
var visibleRows = pagination ? Array.isArray(currentRows) ? currentRows.length + 1 : 0 : totalRows;
|
|
10767
10721
|
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
10768
10722
|
onClickPrev: function onClickPrev() {
|
|
10769
|
-
return scrollTable(
|
|
10723
|
+
return scrollTable('left');
|
|
10770
10724
|
},
|
|
10771
10725
|
onClickNext: function onClickNext() {
|
|
10772
|
-
return scrollTable(
|
|
10726
|
+
return scrollTable('right');
|
|
10773
10727
|
}
|
|
10774
10728
|
})), /*#__PURE__*/React__default.createElement(Container$6, {
|
|
10775
10729
|
role: "table",
|
|
10776
10730
|
tabIndex: 0,
|
|
10777
|
-
ref: tableRef
|
|
10778
|
-
|
|
10779
|
-
|
|
10780
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10781
|
-
|
|
10782
|
-
|
|
10783
|
-
|
|
10784
|
-
}, ' ', /*#__PURE__*/React__default.createElement("tr", {
|
|
10785
|
-
role: "columnheader"
|
|
10786
|
-
}, headings && headings.map(function (heading, index) {
|
|
10731
|
+
ref: tableRef
|
|
10732
|
+
}, /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
10733
|
+
colSpan: columns
|
|
10734
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10735
|
+
lineColor: lineColor,
|
|
10736
|
+
role: "presentation"
|
|
10737
|
+
})))), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, headings && headings.map(function (heading, index) {
|
|
10787
10738
|
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
10788
10739
|
key: index,
|
|
10789
10740
|
role: "columnheader",
|
|
10790
|
-
scope: "col",
|
|
10791
10741
|
columns: columns
|
|
10792
10742
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10793
10743
|
content: heading
|
|
10794
10744
|
}));
|
|
10795
|
-
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10796
|
-
|
|
10797
|
-
}, ' ', /*#__PURE__*/React__default.createElement("td", {
|
|
10798
|
-
colSpan: columns,
|
|
10799
|
-
"aria-hidden": "true"
|
|
10745
|
+
}))), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
10746
|
+
colSpan: columns
|
|
10800
10747
|
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10801
10748
|
lineColor: lineColor,
|
|
10802
10749
|
role: "presentation"
|
|
10803
|
-
})))
|
|
10804
|
-
role: "rowgroup"
|
|
10805
|
-
}, ' ', Array.isArray(currentRows) && currentRows.map(function (row, rowIndex) {
|
|
10750
|
+
}))), /*#__PURE__*/React__default.createElement("tbody", null, Array.isArray(currentRows) && currentRows.map(function (row, rowIndex) {
|
|
10806
10751
|
return /*#__PURE__*/React__default.createElement(Row, {
|
|
10807
10752
|
key: rowIndex,
|
|
10808
10753
|
row: row,
|
|
@@ -10810,9 +10755,7 @@ var Table = function Table(_ref4) {
|
|
|
10810
10755
|
columns: columns,
|
|
10811
10756
|
lineColor: lineColor
|
|
10812
10757
|
});
|
|
10813
|
-
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(React__default.
|
|
10814
|
-
id: "pagination-description"
|
|
10815
|
-
}, "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, {
|
|
10758
|
+
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
10816
10759
|
key: "previous-page",
|
|
10817
10760
|
onClick: function onClick() {
|
|
10818
10761
|
return setCurrentPage(currentPage - 1);
|
|
@@ -10847,7 +10790,7 @@ var Table = function Table(_ref4) {
|
|
|
10847
10790
|
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
10848
10791
|
iconName: "DropdownArrow",
|
|
10849
10792
|
direction: "up"
|
|
10850
|
-
})))))))
|
|
10793
|
+
})))))));
|
|
10851
10794
|
};
|
|
10852
10795
|
|
|
10853
10796
|
var UpsellSection = function UpsellSection(_ref) {
|
|
@@ -10938,8 +10881,8 @@ var LiveChat = function LiveChat() {
|
|
|
10938
10881
|
});
|
|
10939
10882
|
};
|
|
10940
10883
|
|
|
10941
|
-
var _templateObject$
|
|
10942
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10884
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
10885
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.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);
|
|
10943
10886
|
var StickyBarGrid = /*#__PURE__*/styled__default(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) {
|
|
10944
10887
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10945
10888
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
@@ -10968,8 +10911,8 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10968
10911
|
}, children)));
|
|
10969
10912
|
};
|
|
10970
10913
|
|
|
10971
|
-
var _templateObject$
|
|
10972
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10914
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10915
|
+
var InnerModal = /*#__PURE__*/styled__default.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);
|
|
10973
10916
|
var CloseButton = /*#__PURE__*/styled__default.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);
|
|
10974
10917
|
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10975
10918
|
var Overlay = /*#__PURE__*/styled__default(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"])));
|
|
@@ -11092,8 +11035,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
11092
11035
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
11093
11036
|
};
|
|
11094
11037
|
|
|
11095
|
-
var _templateObject$
|
|
11096
|
-
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
11038
|
+
var _templateObject$1l;
|
|
11039
|
+
var GlobalStyles = /*#__PURE__*/styled.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) {
|
|
11097
11040
|
var theme = _ref.theme;
|
|
11098
11041
|
return theme.colors.primary;
|
|
11099
11042
|
}, function (_ref2) {
|
|
@@ -12054,7 +11997,6 @@ exports.Footer = Footer;
|
|
|
12054
11997
|
exports.GlobalStyles = GlobalStyles;
|
|
12055
11998
|
exports.Grid = Grid;
|
|
12056
11999
|
exports.GridItem = GridItem;
|
|
12057
|
-
exports.GridItemLegacy = GridItemLegacy;
|
|
12058
12000
|
exports.Header = Header;
|
|
12059
12001
|
exports.Icon = Icon;
|
|
12060
12002
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|