@royaloperahouse/chord 1.1.0 → 1.3.0-b-development-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/README.md +99 -44
- package/dist/chord.cjs.development.js +136 -80
- 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 +137 -81
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Typography/Typography.d.ts +1 -1
- package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +5 -3
- package/dist/helpers/defaultValues.d.ts +7 -0
- package/dist/types/card.d.ts +4 -0
- package/dist/types/editorial.d.ts +16 -0
- package/dist/types/typography.d.ts +5 -1
- package/package.json +11 -10
- package/README.GIT +0 -122
|
@@ -68,7 +68,7 @@ var devices = {
|
|
|
68
68
|
};
|
|
69
69
|
|
|
70
70
|
var _templateObject;
|
|
71
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", "\n var(--button-padding-x);\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n line-height: var(--button-line-height);\n width: fit-content;\n border-style: solid;\n border-width: 1px;\n cursor: pointer;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n @media ", " {\n & {\n width: 100%;\n }\n }\n"])), function (_ref) {
|
|
71
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: ", "\n var(--button-padding-x);\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color- ", ");\n line-height: var(--button-line-height);\n width: fit-content;\n border-style: solid;\n border-width: 1px;\n cursor: pointer;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n @media ", " {\n & {\n width: 100%;\n }\n }\n"])), function (_ref) {
|
|
72
72
|
var iconName = _ref.iconName;
|
|
73
73
|
return iconName ? 'var(--button-padding-y-icon)' : 'var(--button-padding-y)';
|
|
74
74
|
}, function (_ref2) {
|
|
@@ -571,7 +571,7 @@ var Directions = {
|
|
|
571
571
|
down: 'transform: rotate(90deg)',
|
|
572
572
|
reverse: 'transform: scaleX(-1)'
|
|
573
573
|
};
|
|
574
|
-
var Wrapper = /*#__PURE__*/styled__default.span(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n & svg {\n display: block;\n ", ";\n }\n\n & svg path {\n fill: var(--base-color-", ", ", ");\n }\n"])), function (_ref) {
|
|
574
|
+
var Wrapper = /*#__PURE__*/styled__default.span(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n & svg {\n display: block;\n ", ";\n }\n\n & svg path {\n fill: var(--base-color- ", ", ", ");\n }\n"])), function (_ref) {
|
|
575
575
|
var _ref$direction = _ref.direction,
|
|
576
576
|
direction = _ref$direction === void 0 ? 'right' : _ref$direction;
|
|
577
577
|
return Directions[direction];
|
|
@@ -2158,7 +2158,7 @@ var SecondaryButton = function SecondaryButton(_ref) {
|
|
|
2158
2158
|
};
|
|
2159
2159
|
|
|
2160
2160
|
var _templateObject$5, _templateObject2;
|
|
2161
|
-
var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color-", ");\n width: fit-content;\n background: none;\n border-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n"])), function (_ref) {
|
|
2161
|
+
var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n height: var(--button-height);\n font-family: var(--font-family-buttons);\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n color: var(--base-color- ", ");\n width: fit-content;\n background: none;\n border-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n text-decoration: none;\n box-sizing: border-box;\n"])), function (_ref) {
|
|
2162
2162
|
var color = _ref.color;
|
|
2163
2163
|
return color;
|
|
2164
2164
|
});
|
|
@@ -2210,7 +2210,7 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateO
|
|
|
2210
2210
|
});
|
|
2211
2211
|
|
|
2212
2212
|
var _templateObject$8;
|
|
2213
|
-
var BadgeWrapper = /*#__PURE__*/styled__default.svg(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n\n g,\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
2213
|
+
var BadgeWrapper = /*#__PURE__*/styled__default.svg(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n\n g,\n path {\n fill: var(--base-color- ", ");\n }\n"])), function (_ref) {
|
|
2214
2214
|
var fillColor = _ref.fillColor;
|
|
2215
2215
|
return fillColor;
|
|
2216
2216
|
});
|
|
@@ -2259,7 +2259,7 @@ zLevels.forEach(function (name, index) {
|
|
|
2259
2259
|
|
|
2260
2260
|
var _templateObject$9, _templateObject2$1, _templateObject3;
|
|
2261
2261
|
var TabContainer = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
2262
|
-
var OptionItem = /*#__PURE__*/styled__default.a(_templateObject2$1 || (_templateObject2$1 = /*#__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 text-decoration: none;\n cursor: pointer;\n text-transform: uppercase;\n\n :hover,\n :focus {\n color: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
2262
|
+
var OptionItem = /*#__PURE__*/styled__default.a(_templateObject2$1 || (_templateObject2$1 = /*#__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 text-decoration: none;\n cursor: pointer;\n text-transform: uppercase;\n\n :hover,\n :focus {\n color: var(--base-color- ", ");\n }\n"])), function (_ref) {
|
|
2263
2263
|
var colorPrimary = _ref.colorPrimary;
|
|
2264
2264
|
return colorPrimary;
|
|
2265
2265
|
});
|
|
@@ -2419,7 +2419,7 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
|
|
|
2419
2419
|
};
|
|
2420
2420
|
|
|
2421
2421
|
var _templateObject$b;
|
|
2422
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
2422
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color- ", ");\n }\n"])), function (_ref) {
|
|
2423
2423
|
var fillColor = _ref.fillColor;
|
|
2424
2424
|
return fillColor;
|
|
2425
2425
|
});
|
|
@@ -2870,7 +2870,7 @@ var TabLink = function TabLink(_ref) {
|
|
|
2870
2870
|
};
|
|
2871
2871
|
|
|
2872
2872
|
var _templateObject$i, _templateObject2$6;
|
|
2873
|
-
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$i || (_templateObject$i = /*#__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) {
|
|
2873
|
+
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$i || (_templateObject$i = /*#__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) {
|
|
2874
2874
|
var iconName = _ref.iconName;
|
|
2875
2875
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
2876
2876
|
}, function (_ref2) {
|
|
@@ -2902,7 +2902,7 @@ var TextLink = function TextLink(_ref) {
|
|
|
2902
2902
|
};
|
|
2903
2903
|
|
|
2904
2904
|
var _templateObject$j;
|
|
2905
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__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"])), function (_ref) {
|
|
2905
|
+
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__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"])), function (_ref) {
|
|
2906
2906
|
var typography = _ref.typography;
|
|
2907
2907
|
return typography;
|
|
2908
2908
|
}, function (_ref2) {
|
|
@@ -2974,9 +2974,10 @@ var BodyText = function BodyText(_ref3) {
|
|
|
2974
2974
|
}, children);
|
|
2975
2975
|
};
|
|
2976
2976
|
var Header = function Header(_ref4) {
|
|
2977
|
-
var
|
|
2977
|
+
var semanticLevel = _ref4.semanticLevel,
|
|
2978
|
+
level = _ref4.level,
|
|
2978
2979
|
children = _ref4.children;
|
|
2979
|
-
var renderedTag = "h" + level;
|
|
2980
|
+
var renderedTag = semanticLevel ? "h" + semanticLevel : "h" + level;
|
|
2980
2981
|
return /*#__PURE__*/React__default.createElement(StyledTag, {
|
|
2981
2982
|
tag: renderedTag,
|
|
2982
2983
|
typography: "header",
|
|
@@ -3009,15 +3010,15 @@ var Subtitle = function Subtitle(_ref6) {
|
|
|
3009
3010
|
};
|
|
3010
3011
|
|
|
3011
3012
|
var _templateObject$k, _templateObject2$7, _templateObject3$2;
|
|
3012
|
-
var TickboxLabel = /*#__PURE__*/styled__default.label(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n width: fit-content;\n position: relative;\n padding-left: 32px;\n color: var(--base-color-", ");\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n @media ", " {\n &:focus {\n outline: 0;\n }\n }\n"])), function (_ref) {
|
|
3013
|
+
var TickboxLabel = /*#__PURE__*/styled__default.label(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n width: fit-content;\n position: relative;\n padding-left: 32px;\n color: var(--base-color- ", ");\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n @media ", " {\n &:focus {\n outline: 0;\n }\n }\n"])), function (_ref) {
|
|
3013
3014
|
var dark = _ref.dark;
|
|
3014
3015
|
return dark ? 'white' : 'black';
|
|
3015
3016
|
}, devices.mobileAndTablet);
|
|
3016
|
-
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid var(--base-color-", ");\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref2) {
|
|
3017
|
+
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid var(--base-color- ", ");\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref2) {
|
|
3017
3018
|
var dark = _ref2.dark;
|
|
3018
3019
|
return dark ? 'white' : 'black';
|
|
3019
3020
|
}, devices.mobile);
|
|
3020
|
-
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n &:checked ~ ", " {\n background-color: var(--base-color-", ");\n & svg {\n display: block;\n path {\n fill: var(--base-color-", ");\n }\n }\n }\n"])), TickboxCheckmark, function (_ref3) {
|
|
3021
|
+
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n &:checked ~ ", " {\n background-color: var(--base-color- ", ");\n & svg {\n display: block;\n path {\n fill: var(--base-color- ", ");\n }\n }\n }\n"])), TickboxCheckmark, function (_ref3) {
|
|
3021
3022
|
var dark = _ref3.dark;
|
|
3022
3023
|
return dark ? 'white' : 'black';
|
|
3023
3024
|
}, function (_ref4) {
|
|
@@ -3214,7 +3215,7 @@ var _templateObject$p;
|
|
|
3214
3215
|
var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__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);
|
|
3215
3216
|
|
|
3216
3217
|
var _templateObject$q, _templateObject2$a, _templateObject3$5, _templateObject4$2;
|
|
3217
|
-
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__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"])), function (_ref) {
|
|
3218
|
+
var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__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"])), function (_ref) {
|
|
3218
3219
|
var selected = _ref.selected,
|
|
3219
3220
|
colorPrimary = _ref.colorPrimary;
|
|
3220
3221
|
|
|
@@ -3279,7 +3280,7 @@ var Basket$1 = function Basket(_ref) {
|
|
|
3279
3280
|
};
|
|
3280
3281
|
|
|
3281
3282
|
var _templateObject$r, _templateObject2$b;
|
|
3282
|
-
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__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) {
|
|
3283
|
+
var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__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) {
|
|
3283
3284
|
var selected = _ref.selected,
|
|
3284
3285
|
colorPrimary = _ref.colorPrimary;
|
|
3285
3286
|
|
|
@@ -3575,7 +3576,7 @@ var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$c || (_te
|
|
|
3575
3576
|
|
|
3576
3577
|
return "display: none;";
|
|
3577
3578
|
});
|
|
3578
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\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 text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
|
|
3579
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\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 text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color- ", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color- ", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
|
|
3579
3580
|
var colorPrimary = _ref.colorPrimary;
|
|
3580
3581
|
return colorPrimary;
|
|
3581
3582
|
}, function (_ref2) {
|
|
@@ -4985,10 +4986,15 @@ var getButtonsOpacity = function getButtonsOpacity(_ref4) {
|
|
|
4985
4986
|
return onlyShowButtonsOnHover ? 'opacity: 0;' : 'opacity: 1;';
|
|
4986
4987
|
};
|
|
4987
4988
|
|
|
4988
|
-
var
|
|
4989
|
-
var
|
|
4990
|
-
|
|
4991
|
-
|
|
4989
|
+
var getButtonsMinHeight = function getButtonsMinHeight(_ref5) {
|
|
4990
|
+
var onlyShowButtonsOnHover = _ref5.onlyShowButtonsOnHover;
|
|
4991
|
+
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
4992
|
+
};
|
|
4993
|
+
|
|
4994
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n ", ";\n margin-left: ", ";\n margin-right: ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), getButtonsOpacity, function (_ref6) {
|
|
4995
|
+
var size = _ref6.size,
|
|
4996
|
+
primaryButtonTextLength = _ref6.primaryButtonTextLength,
|
|
4997
|
+
tertiaryButtonTextLength = _ref6.tertiaryButtonTextLength;
|
|
4992
4998
|
var isLinksLayoutColumn = size === 'small' ? primaryButtonTextLength >= LENGTH_SMALL_TEXT || tertiaryButtonTextLength >= LENGTH_SMALL_TEXT : primaryButtonTextLength >= LENGTH_LARGE_TEXT || tertiaryButtonTextLength >= LENGTH_LARGE_TEXT;
|
|
4993
4999
|
|
|
4994
5000
|
if (isLinksLayoutColumn) {
|
|
@@ -4996,9 +5002,15 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject9$3 ||
|
|
|
4996
5002
|
}
|
|
4997
5003
|
|
|
4998
5004
|
return '';
|
|
4999
|
-
}, devices.mobile,
|
|
5000
|
-
var
|
|
5001
|
-
|
|
5005
|
+
}, devices.mobile, getButtonsMinHeight, function (_ref7) {
|
|
5006
|
+
var fullWidth = _ref7.fullWidth;
|
|
5007
|
+
return fullWidth ? '0' : '20px';
|
|
5008
|
+
}, function (_ref8) {
|
|
5009
|
+
var fullWidth = _ref8.fullWidth;
|
|
5010
|
+
return fullWidth ? '0' : '20px';
|
|
5011
|
+
}, devices.tablet, getButtonsMinHeight, function (_ref9) {
|
|
5012
|
+
var primaryButtonTextLength = _ref9.primaryButtonTextLength,
|
|
5013
|
+
tertiaryButtonTextLength = _ref9.tertiaryButtonTextLength;
|
|
5002
5014
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET;
|
|
5003
5015
|
|
|
5004
5016
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -5147,7 +5159,8 @@ var Card = function Card(_ref) {
|
|
|
5147
5159
|
size: size,
|
|
5148
5160
|
primaryButtonTextLength: firstButtonText.length,
|
|
5149
5161
|
tertiaryButtonTextLength: secondButtonText.length,
|
|
5150
|
-
onlyShowButtonsOnHover: onlyShowButtonsOnHover
|
|
5162
|
+
onlyShowButtonsOnHover: onlyShowButtonsOnHover,
|
|
5163
|
+
fullWidth: fullWidth
|
|
5151
5164
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
5152
5165
|
};
|
|
5153
5166
|
|
|
@@ -5186,7 +5199,8 @@ var Cards = function Cards(_ref) {
|
|
|
5186
5199
|
links: card.links,
|
|
5187
5200
|
tags: card.tags,
|
|
5188
5201
|
withContinueWatching: card.withContinueWatching,
|
|
5189
|
-
onlyShowButtonsOnHover: card.onlyShowButtonsOnHover
|
|
5202
|
+
onlyShowButtonsOnHover: card.onlyShowButtonsOnHover,
|
|
5203
|
+
fullWidth: card.fullWidth
|
|
5190
5204
|
}));
|
|
5191
5205
|
}));
|
|
5192
5206
|
};
|
|
@@ -5684,47 +5698,41 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
5684
5698
|
}));
|
|
5685
5699
|
};
|
|
5686
5700
|
|
|
5687
|
-
var _templateObject$P, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15;
|
|
5701
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
|
5688
5702
|
var LENGTH_TEXT = 28;
|
|
5689
|
-
var LENGTH_TEXT_TABLET$1 =
|
|
5690
|
-
var
|
|
5703
|
+
var LENGTH_TEXT_TABLET$1 = 12;
|
|
5704
|
+
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
5705
|
+
var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
|
|
5706
|
+
var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
|
|
5707
|
+
var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
|
|
5708
|
+
var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__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) {
|
|
5691
5709
|
var imageToLeft = _ref.imageToLeft;
|
|
5692
|
-
return imageToLeft ?
|
|
5710
|
+
return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
|
|
5693
5711
|
}, devices.tablet, function (_ref2) {
|
|
5694
5712
|
var imageToLeft = _ref2.imageToLeft;
|
|
5695
5713
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
5696
|
-
}, devices.mobile)
|
|
5697
|
-
|
|
5698
|
-
var imageToLeft = _ref3.imageToLeft;
|
|
5699
|
-
return imageToLeft ? 'left' : 'right';
|
|
5700
|
-
}, devices.mobile);
|
|
5701
|
-
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n display: ", ";\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
5702
|
-
var imageToLeft = _ref4.imageToLeft;
|
|
5703
|
-
return imageToLeft ? 'right' : 'left';
|
|
5704
|
-
}, devices.mobile, function (_ref5) {
|
|
5705
|
-
var hideSection = _ref5.hideSection;
|
|
5706
|
-
return hideSection ? 'none' : 'block';
|
|
5714
|
+
}, devices.mobile, function (asCard) {
|
|
5715
|
+
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
5707
5716
|
});
|
|
5708
|
-
var
|
|
5709
|
-
var
|
|
5710
|
-
var
|
|
5711
|
-
var theme = _ref6.theme;
|
|
5717
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
|
|
5718
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref3) {
|
|
5719
|
+
var theme = _ref3.theme;
|
|
5712
5720
|
return theme.colors.black;
|
|
5713
|
-
}, function (
|
|
5714
|
-
var theme =
|
|
5721
|
+
}, function (_ref4) {
|
|
5722
|
+
var theme = _ref4.theme;
|
|
5715
5723
|
return theme.colors.darkgrey;
|
|
5716
|
-
}, function (
|
|
5717
|
-
var theme =
|
|
5724
|
+
}, function (_ref5) {
|
|
5725
|
+
var theme = _ref5.theme;
|
|
5718
5726
|
return theme.colors.primary;
|
|
5719
5727
|
});
|
|
5720
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(
|
|
5721
|
-
var hasTextLinks =
|
|
5728
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref6) {
|
|
5729
|
+
var hasTextLinks = _ref6.hasTextLinks;
|
|
5722
5730
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
5723
|
-
}, function (
|
|
5724
|
-
var
|
|
5725
|
-
primaryButtonTextLength =
|
|
5726
|
-
|
|
5727
|
-
tertiaryButtonTextLength =
|
|
5731
|
+
}, function (_ref7) {
|
|
5732
|
+
var _ref7$primaryButtonTe = _ref7.primaryButtonTextLength,
|
|
5733
|
+
primaryButtonTextLength = _ref7$primaryButtonTe === void 0 ? 0 : _ref7$primaryButtonTe,
|
|
5734
|
+
_ref7$tertiaryButtonT = _ref7.tertiaryButtonTextLength,
|
|
5735
|
+
tertiaryButtonTextLength = _ref7$tertiaryButtonT === void 0 ? 0 : _ref7$tertiaryButtonT;
|
|
5728
5736
|
var isLinksLayoutColumn = primaryButtonTextLength >= LENGTH_TEXT || tertiaryButtonTextLength >= LENGTH_TEXT;
|
|
5729
5737
|
|
|
5730
5738
|
if (isLinksLayoutColumn) {
|
|
@@ -5732,11 +5740,11 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 ||
|
|
|
5732
5740
|
}
|
|
5733
5741
|
|
|
5734
5742
|
return '';
|
|
5735
|
-
}, devices.mobile, devices.tablet, function (
|
|
5736
|
-
var
|
|
5737
|
-
primaryButtonTextLength =
|
|
5738
|
-
|
|
5739
|
-
tertiaryButtonTextLength =
|
|
5743
|
+
}, devices.mobile, devices.tablet, function (_ref8) {
|
|
5744
|
+
var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
|
|
5745
|
+
primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
|
|
5746
|
+
_ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
|
|
5747
|
+
tertiaryButtonTextLength = _ref8$tertiaryButtonT === void 0 ? 0 : _ref8$tertiaryButtonT;
|
|
5740
5748
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET$1 || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET$1;
|
|
5741
5749
|
|
|
5742
5750
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -5745,22 +5753,40 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 ||
|
|
|
5745
5753
|
|
|
5746
5754
|
return '';
|
|
5747
5755
|
});
|
|
5748
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(
|
|
5749
|
-
var marginBottom =
|
|
5756
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref9) {
|
|
5757
|
+
var marginBottom = _ref9.marginBottom;
|
|
5750
5758
|
return marginBottom + "px";
|
|
5751
5759
|
});
|
|
5752
|
-
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(
|
|
5753
|
-
var TextLinksContainer = /*#__PURE__*/styled__default.div(
|
|
5754
|
-
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(
|
|
5755
|
-
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(
|
|
5756
|
-
var IconWrapper$2 = /*#__PURE__*/styled__default.div(
|
|
5757
|
-
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(
|
|
5758
|
-
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(
|
|
5760
|
+
var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText)(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
|
|
5761
|
+
var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
|
|
5762
|
+
var TextLinkWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
|
|
5763
|
+
var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
|
|
5764
|
+
var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
|
|
5765
|
+
var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--button-height);\n"])));
|
|
5766
|
+
var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
|
|
5767
|
+
var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5768
|
+
var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5769
|
+
var asCardOverrides = /*#__PURE__*/styled.css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n font-size: var(--font-size-subtitle-2);\n }\n\n ", " {\n font-size: var(--font-size-overline-1);\n }\n\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet);
|
|
5770
|
+
var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref10) {
|
|
5771
|
+
var imageToLeft = _ref10.imageToLeft;
|
|
5772
|
+
return imageToLeft ? 'left' : 'right';
|
|
5773
|
+
}, devices.mobile);
|
|
5774
|
+
var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n display: ", ";\n grid-area: row2;\n align-self: start;\n }\n }\n\n ", "\n"])), function (_ref11) {
|
|
5775
|
+
var imageToLeft = _ref11.imageToLeft;
|
|
5776
|
+
return imageToLeft ? 'right' : 'left';
|
|
5777
|
+
}, devices.mobile, function (_ref12) {
|
|
5778
|
+
var hideSection = _ref12.hideSection;
|
|
5779
|
+
return hideSection ? 'none' : 'block';
|
|
5780
|
+
}, function (asCard) {
|
|
5781
|
+
return asCard && asCardOverrides;
|
|
5782
|
+
});
|
|
5783
|
+
var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
|
|
5759
5784
|
|
|
5760
5785
|
var _excluded$j = ["text"],
|
|
5761
5786
|
_excluded2$3 = ["text"],
|
|
5762
5787
|
_excluded3 = ["text"];
|
|
5763
5788
|
var LENGTH_TEXT$1 = 28;
|
|
5789
|
+
var LENGTH_TEXT_PARAGRAPH = 130;
|
|
5764
5790
|
|
|
5765
5791
|
var PromoWithTags = function PromoWithTags(_ref) {
|
|
5766
5792
|
var _ref$imagePosition = _ref.imagePosition,
|
|
@@ -5778,7 +5804,13 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5778
5804
|
belowTitleTags = _ref.belowTitleTags,
|
|
5779
5805
|
middleText = _ref.middleText,
|
|
5780
5806
|
bottomText = _ref.bottomText,
|
|
5781
|
-
image = _ref.image
|
|
5807
|
+
image = _ref.image,
|
|
5808
|
+
_ref$asCard = _ref.asCard,
|
|
5809
|
+
asCard = _ref$asCard === void 0 ? false : _ref$asCard,
|
|
5810
|
+
_ref$disableCTA = _ref.disableCTA,
|
|
5811
|
+
disableCTA = _ref$disableCTA === void 0 ? false : _ref$disableCTA,
|
|
5812
|
+
_ref$disabledCTACopy = _ref.disabledCTACopy,
|
|
5813
|
+
disabledCTACopy = _ref$disabledCTACopy === void 0 ? 'Sold Out' : _ref$disabledCTACopy;
|
|
5782
5814
|
|
|
5783
5815
|
var _useState = React.useState(false),
|
|
5784
5816
|
showExtraContent = _useState[0],
|
|
@@ -5788,8 +5820,20 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5788
5820
|
return str.length >= n ? str.substr(0, n) : str;
|
|
5789
5821
|
};
|
|
5790
5822
|
|
|
5823
|
+
var getTitleLevel = function getTitleLevel(titleSize, isCard) {
|
|
5824
|
+
if (isCard) {
|
|
5825
|
+
return 5;
|
|
5826
|
+
}
|
|
5827
|
+
|
|
5828
|
+
if (titleSize === 'large') {
|
|
5829
|
+
return 3;
|
|
5830
|
+
}
|
|
5831
|
+
|
|
5832
|
+
return 2;
|
|
5833
|
+
};
|
|
5834
|
+
|
|
5791
5835
|
var imageToLeft = imagePosition === 'left';
|
|
5792
|
-
var titleLevel = titleSize
|
|
5836
|
+
var titleLevel = getTitleLevel(titleSize, asCard);
|
|
5793
5837
|
var isExtraContentPresent = !!children;
|
|
5794
5838
|
var anchorLink = title.replace(' ', '-').toLocaleLowerCase() + "-content";
|
|
5795
5839
|
|
|
@@ -5819,6 +5863,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5819
5863
|
restTertiaryButton = _objectWithoutPropertiesLoose(_ref3, _excluded2$3);
|
|
5820
5864
|
|
|
5821
5865
|
var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$1);
|
|
5866
|
+
var textTruncate = asCard ? truncate(text || '', LENGTH_TEXT_PARAGRAPH) : text;
|
|
5822
5867
|
var textLinkItems = textLinks ? textLinks.map(function (link) {
|
|
5823
5868
|
var _link$text = link.text,
|
|
5824
5869
|
textLinkText = _link$text === void 0 ? '' : _link$text,
|
|
@@ -5828,24 +5873,28 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5828
5873
|
}) : null;
|
|
5829
5874
|
return /*#__PURE__*/React__default.createElement(PromoWithTagsGrid, {
|
|
5830
5875
|
id: anchorLink,
|
|
5831
|
-
|
|
5876
|
+
"data-testid": "grid-wrapper",
|
|
5877
|
+
imageToLeft: imageToLeft,
|
|
5878
|
+
asCard: asCard
|
|
5832
5879
|
}, /*#__PURE__*/React__default.createElement(PromoWithTagsContentWrapper, {
|
|
5833
5880
|
"data-testid": "content-wrapper",
|
|
5834
5881
|
imageToLeft: imageToLeft,
|
|
5835
|
-
hideSection: showExtraContent
|
|
5882
|
+
hideSection: showExtraContent,
|
|
5883
|
+
asCard: asCard
|
|
5836
5884
|
}, /*#__PURE__*/React__default.createElement(PromoWithTagsContainer, null, !!(aboveTitleTags != null && aboveTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5837
5885
|
marginBottom: 16
|
|
5838
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
5886
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTagsTypeTags, {
|
|
5839
5887
|
list: aboveTitleTags
|
|
5840
|
-
})), /*#__PURE__*/React__default.createElement(
|
|
5888
|
+
})), /*#__PURE__*/React__default.createElement(PromoWithTagsHeader, {
|
|
5889
|
+
semanticLevel: 2,
|
|
5841
5890
|
level: titleLevel
|
|
5842
5891
|
}, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), !!(belowTitleTags != null && belowTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5843
5892
|
marginBottom: 8
|
|
5844
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
5893
|
+
}, /*#__PURE__*/React__default.createElement(PromoWithTagsTypeTags, {
|
|
5845
5894
|
list: belowTitleTags
|
|
5846
5895
|
})), /*#__PURE__*/React__default.createElement(PromoWithTagsText, {
|
|
5847
5896
|
dangerouslySetInnerHTML: {
|
|
5848
|
-
__html:
|
|
5897
|
+
__html: textTruncate
|
|
5849
5898
|
}
|
|
5850
5899
|
}), middleText && /*#__PURE__*/React__default.createElement(PromoWithTagsAdditionalText, {
|
|
5851
5900
|
dangerouslySetInnerHTML: {
|
|
@@ -5860,12 +5909,19 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5860
5909
|
"data-testid": "buttons-wrapper",
|
|
5861
5910
|
primaryButtonTextLength: primaryButtonText.length,
|
|
5862
5911
|
tertiaryButtonTextLength: tertiaryButtonText.length
|
|
5863
|
-
}, primaryButton && /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper$2, null,
|
|
5912
|
+
}, primaryButton && /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper$2, null, disableCTA ? /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
5913
|
+
bgColor: exports.Colors.MidGrey,
|
|
5914
|
+
onClick: function onClick() {
|
|
5915
|
+
return null;
|
|
5916
|
+
},
|
|
5917
|
+
"data-testid": "diabled-link"
|
|
5918
|
+
}, disabledCTACopy || primaryButtonTextTruncate) : !showExtraContent && /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({
|
|
5864
5919
|
onClick: defaultOnClickHandler
|
|
5865
5920
|
}, restPrimaryButton), primaryButtonTextTruncate)), tertiaryButton && /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate))), /*#__PURE__*/React__default.createElement(PromoWithTagsExtraContentWrapper, {
|
|
5866
5921
|
"data-testid": "extra-content-wrapper",
|
|
5867
5922
|
imageToLeft: imageToLeft
|
|
5868
|
-
}, showExtraContent && /*#__PURE__*/React__default.createElement(MobileTitleWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
5923
|
+
}, showExtraContent && /*#__PURE__*/React__default.createElement(MobileTitleWrapper, null, /*#__PURE__*/React__default.createElement(PromoWithTagsHeader, {
|
|
5924
|
+
semanticLevel: 2,
|
|
5869
5925
|
level: titleLevel
|
|
5870
5926
|
}, title)), /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
5871
5927
|
aspectRatio: exports.AspectRatio['4:3']
|
|
@@ -6141,7 +6197,7 @@ var Quote = function Quote(_ref) {
|
|
|
6141
6197
|
};
|
|
6142
6198
|
|
|
6143
6199
|
var _templateObject$V;
|
|
6144
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$V || (_templateObject$V = /*#__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\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\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-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) {
|
|
6200
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$V || (_templateObject$V = /*#__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\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\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-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) {
|
|
6145
6201
|
var theme = _ref.theme;
|
|
6146
6202
|
return theme.colors.primary;
|
|
6147
6203
|
}, function (_ref2) {
|