@royaloperahouse/chord 1.21.1-e-chord-development → 1.21.1-g-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/dist/chord.cjs.development.js +142 -31
- 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 +140 -32
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/molecules/MiniCard/MiniCard.d.ts +4 -0
- package/dist/components/molecules/MiniCard/MiniCard.style.d.ts +5 -0
- package/dist/components/molecules/MiniCard/index.d.ts +2 -0
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/components/organisms/AsceticCarousel/AsceticCarousel.d.ts +5 -0
- package/dist/components/organisms/AsceticCarousel/AsceticCarousel.style.d.ts +4 -0
- package/dist/components/organisms/AsceticCarousel/index.d.ts +2 -0
- package/dist/components/organisms/index.d.ts +2 -1
- package/dist/index.d.ts +4 -2
- package/dist/types/asceticCarousel.d.ts +25 -0
- package/dist/types/card.d.ts +1 -1
- package/dist/types/carousel.d.ts +9 -1
- package/dist/types/miniCard.d.ts +22 -0
- package/package.json +1 -1
|
@@ -3451,7 +3451,7 @@ var Progress = function Progress(_ref) {
|
|
|
3451
3451
|
};
|
|
3452
3452
|
|
|
3453
3453
|
var _templateObject$p;
|
|
3454
|
-
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n & li {\n
|
|
3454
|
+
var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$p || (_templateObject$p = /*#__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"])));
|
|
3455
3455
|
|
|
3456
3456
|
var TypeTags = function TypeTags(_ref) {
|
|
3457
3457
|
var list = _ref.list;
|
|
@@ -4927,9 +4927,12 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
4927
4927
|
};
|
|
4928
4928
|
|
|
4929
4929
|
var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject4$b, _templateObject5$8;
|
|
4930
|
-
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4931
|
-
var
|
|
4932
|
-
|
|
4930
|
+
var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper {\n ", ";\n }\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n ", "\n\n @media ", " {\n ", "\n }\n"])), function (_ref) {
|
|
4931
|
+
var overflow = _ref.overflow;
|
|
4932
|
+
return overflow ? "overflow: " + overflow : '';
|
|
4933
|
+
}, function (_ref2) {
|
|
4934
|
+
var type = _ref2.type,
|
|
4935
|
+
imagesHeightDesktop = _ref2.imagesHeightDesktop;
|
|
4933
4936
|
|
|
4934
4937
|
if (type !== exports.CarouselType.Image) {
|
|
4935
4938
|
var numberOfGaps = type === exports.CarouselType.LargeCard ? 4 : 3;
|
|
@@ -4941,10 +4944,10 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$D || (_te
|
|
|
4941
4944
|
} else {
|
|
4942
4945
|
return "\n & {\n .swiper-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n -webkit-transform: translate3d(0, 0, 0);\n\n > div {\n height: calc(" + imagesHeightDesktop + "px + var(--line-height-body-2) + 12px);\n }\n }\n }\n ";
|
|
4943
4946
|
}
|
|
4944
|
-
}, devices.mobile, function (
|
|
4945
|
-
var active =
|
|
4946
|
-
type =
|
|
4947
|
-
imagesHeightDevice =
|
|
4947
|
+
}, devices.mobile, function (_ref3) {
|
|
4948
|
+
var active = _ref3.active,
|
|
4949
|
+
type = _ref3.type,
|
|
4950
|
+
imagesHeightDevice = _ref3.imagesHeightDevice;
|
|
4948
4951
|
|
|
4949
4952
|
if (type !== exports.CarouselType.Image) {
|
|
4950
4953
|
var gapsSpace = 'calc(var(--grid-column-gap) * 9)';
|
|
@@ -4971,7 +4974,9 @@ var Carousel = function Carousel(_ref) {
|
|
|
4971
4974
|
imagesHeightDesktop = _ref$imagesHeightDesk === void 0 ? 500 : _ref$imagesHeightDesk,
|
|
4972
4975
|
_ref$imagesHeightDevi = _ref.imagesHeightDevice,
|
|
4973
4976
|
imagesHeightDevice = _ref$imagesHeightDevi === void 0 ? 300 : _ref$imagesHeightDevi,
|
|
4974
|
-
title = _ref.title
|
|
4977
|
+
title = _ref.title,
|
|
4978
|
+
_ref$useOffset = _ref.useOffset,
|
|
4979
|
+
useOffset = _ref$useOffset === void 0 ? true : _ref$useOffset;
|
|
4975
4980
|
|
|
4976
4981
|
var _useState = React.useState(),
|
|
4977
4982
|
swiper = _useState[0],
|
|
@@ -4986,6 +4991,8 @@ var Carousel = function Carousel(_ref) {
|
|
|
4986
4991
|
setLoop = _useState3[1];
|
|
4987
4992
|
|
|
4988
4993
|
React.useEffect(function () {
|
|
4994
|
+
if (!useOffset) return;
|
|
4995
|
+
|
|
4989
4996
|
var updateWindowDimensions = function updateWindowDimensions() {
|
|
4990
4997
|
if (window.matchMedia(devices.mobile).matches) {
|
|
4991
4998
|
setSlidesOffsetBefore(20); // Mobile margin grid
|
|
@@ -5000,7 +5007,10 @@ var Carousel = function Carousel(_ref) {
|
|
|
5000
5007
|
updateWindowDimensions();
|
|
5001
5008
|
return function () {
|
|
5002
5009
|
window.removeEventListener('resize', updateWindowDimensions);
|
|
5003
|
-
|
|
5010
|
+
};
|
|
5011
|
+
}, [useOffset]);
|
|
5012
|
+
React.useEffect(function () {
|
|
5013
|
+
return function () {
|
|
5004
5014
|
if (swiper) {
|
|
5005
5015
|
swiper.destroy();
|
|
5006
5016
|
}
|
|
@@ -5032,20 +5042,21 @@ var Carousel = function Carousel(_ref) {
|
|
|
5032
5042
|
active: loop,
|
|
5033
5043
|
type: type,
|
|
5034
5044
|
imagesHeightDevice: imagesHeightDevice,
|
|
5035
|
-
imagesHeightDesktop: imagesHeightDesktop
|
|
5045
|
+
imagesHeightDesktop: imagesHeightDesktop,
|
|
5046
|
+
overflow: useOffset ? 'hidden' : 'visible'
|
|
5036
5047
|
}, /*#__PURE__*/React__default.createElement(TitleButtonsGrid, null, /*#__PURE__*/React__default.createElement(TitleGridItem, {
|
|
5037
|
-
columnStartDesktop: 3,
|
|
5048
|
+
columnStartDesktop: useOffset ? 3 : 1,
|
|
5038
5049
|
columnSpanDesktop: 10,
|
|
5039
5050
|
columnStartDevice: 2,
|
|
5040
5051
|
columnSpanDevice: 12
|
|
5041
|
-
}, /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
5052
|
+
}, title && /*#__PURE__*/React__default.createElement(TitleWrapper$1, {
|
|
5042
5053
|
"data-testid": "carousel-title-wrapper"
|
|
5043
5054
|
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5044
5055
|
level: 4
|
|
5045
5056
|
}, title))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
5046
|
-
columnStartDesktop: 14,
|
|
5057
|
+
columnStartDesktop: useOffset ? 14 : 15,
|
|
5047
5058
|
columnSpanDesktop: 2,
|
|
5048
|
-
columnStartDevice: 12,
|
|
5059
|
+
columnStartDevice: useOffset ? 12 : 13,
|
|
5049
5060
|
columnSpanDevice: 2
|
|
5050
5061
|
}, /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
|
|
5051
5062
|
"data-testid": "carousel-buttons-wrapper"
|
|
@@ -5064,7 +5075,8 @@ var Carousel = function Carousel(_ref) {
|
|
|
5064
5075
|
loop: loop,
|
|
5065
5076
|
loopedSlides: React__default.Children.count(children),
|
|
5066
5077
|
onSwiper: onSwiper,
|
|
5067
|
-
"data-testid": "carousel-swiper"
|
|
5078
|
+
"data-testid": "carousel-swiper",
|
|
5079
|
+
className: 'roh-carousel-swiper'
|
|
5068
5080
|
}, React__default.Children.map(children, function (child) {
|
|
5069
5081
|
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, null, child);
|
|
5070
5082
|
})))));
|
|
@@ -5500,20 +5512,17 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
5500
5512
|
};
|
|
5501
5513
|
|
|
5502
5514
|
var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$e, _templateObject5$a, _templateObject6$9, _templateObject7$7, _templateObject8$5;
|
|
5503
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color:
|
|
5515
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n"])));
|
|
5504
5516
|
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
|
|
5505
|
-
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__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 height: 24px;\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
|
|
5517
|
+
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__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 height: 24px;\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) {
|
|
5506
5518
|
var theme = _ref.theme;
|
|
5507
5519
|
return theme.colors.primary;
|
|
5508
|
-
}, exports.Colors.White
|
|
5509
|
-
var theme = _ref2.theme;
|
|
5510
|
-
return theme.colors.primary;
|
|
5511
|
-
});
|
|
5520
|
+
}, exports.Colors.White);
|
|
5512
5521
|
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
5513
5522
|
var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
|
|
5514
5523
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
5515
|
-
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n
|
|
5516
|
-
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n
|
|
5524
|
+
var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
|
|
5525
|
+
var LineThrough = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
|
|
5517
5526
|
|
|
5518
5527
|
var OfferText = function OfferText(_ref) {
|
|
5519
5528
|
var title = _ref.title,
|
|
@@ -7997,7 +8006,7 @@ function Select(_ref3) {
|
|
|
7997
8006
|
}
|
|
7998
8007
|
|
|
7999
8008
|
var _templateObject$12;
|
|
8000
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__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: -
|
|
8009
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__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) {
|
|
8001
8010
|
var theme = _ref.theme;
|
|
8002
8011
|
return theme.colors.primary;
|
|
8003
8012
|
});
|
|
@@ -8104,6 +8113,46 @@ var Quote = function Quote(_ref) {
|
|
|
8104
8113
|
}, attribution))));
|
|
8105
8114
|
};
|
|
8106
8115
|
|
|
8116
|
+
var _templateObject$15, _templateObject2$N, _templateObject3$E, _templateObject4$u, _templateObject5$p;
|
|
8117
|
+
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__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"])));
|
|
8118
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
8119
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
8120
|
+
var SubtitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div {\n @media ", " {\n font-size: 8px;\n }\n }\n"])), devices.mobile);
|
|
8121
|
+
var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n font-size: 12px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
8122
|
+
|
|
8123
|
+
var MiniCard = function MiniCard(_ref) {
|
|
8124
|
+
var _ref$title = _ref.title,
|
|
8125
|
+
title = _ref$title === void 0 ? '' : _ref$title,
|
|
8126
|
+
subtitle = _ref.subtitle,
|
|
8127
|
+
image = _ref.image,
|
|
8128
|
+
_ref$imageAltText = _ref.imageAltText,
|
|
8129
|
+
imageAltText = _ref$imageAltText === void 0 ? '' : _ref$imageAltText,
|
|
8130
|
+
onClick = _ref.onClick;
|
|
8131
|
+
return /*#__PURE__*/React__default.createElement(CardContainer$1, {
|
|
8132
|
+
"data-testid": "minicardcontainer",
|
|
8133
|
+
onClick: onClick
|
|
8134
|
+
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8135
|
+
columnStartDevice: 1,
|
|
8136
|
+
columnSpanDevice: 3,
|
|
8137
|
+
columnStartDesktop: 1,
|
|
8138
|
+
columnSpanDesktop: 3
|
|
8139
|
+
}, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
|
|
8140
|
+
aspectRatio: exports.AspectRatio['4:3']
|
|
8141
|
+
}, /*#__PURE__*/React__default.createElement(StyledImage, {
|
|
8142
|
+
src: image,
|
|
8143
|
+
alt: imageAltText
|
|
8144
|
+
}))), /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8145
|
+
columnStartDevice: 4,
|
|
8146
|
+
columnSpanDevice: 4,
|
|
8147
|
+
columnStartDesktop: 4,
|
|
8148
|
+
columnSpanDesktop: 4
|
|
8149
|
+
}, /*#__PURE__*/React__default.createElement(ContentContainer$3, null, /*#__PURE__*/React__default.createElement(SubtitleWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
8150
|
+
level: 2
|
|
8151
|
+
}, subtitle)), /*#__PURE__*/React__default.createElement(TitleWrapper$3, null, /*#__PURE__*/React__default.createElement(Overline, {
|
|
8152
|
+
level: 2
|
|
8153
|
+
}, title)))));
|
|
8154
|
+
};
|
|
8155
|
+
|
|
8107
8156
|
var UpsellSection = function UpsellSection(_ref) {
|
|
8108
8157
|
var title = _ref.title,
|
|
8109
8158
|
richText = _ref.richText,
|
|
@@ -8133,7 +8182,9 @@ var UpsellSection = function UpsellSection(_ref) {
|
|
|
8133
8182
|
columnSpanDesktop: 14,
|
|
8134
8183
|
columnStartDevice: 1,
|
|
8135
8184
|
columnSpanDevice: 14
|
|
8136
|
-
}), link && /*#__PURE__*/React__default.createElement(TextLink,
|
|
8185
|
+
}), link && /*#__PURE__*/React__default.createElement(TextLink, {
|
|
8186
|
+
href: link.href
|
|
8187
|
+
}, link.text)), /*#__PURE__*/React__default.createElement(UpsellCards, {
|
|
8137
8188
|
upsellCards: themedUpsellCards
|
|
8138
8189
|
})))));
|
|
8139
8190
|
};
|
|
@@ -8190,9 +8241,9 @@ var LiveChat = function LiveChat() {
|
|
|
8190
8241
|
});
|
|
8191
8242
|
};
|
|
8192
8243
|
|
|
8193
|
-
var _templateObject$
|
|
8194
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8195
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
8244
|
+
var _templateObject$16, _templateObject2$O;
|
|
8245
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
8246
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 2px solid var(--base-color-lightgrey);\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), devices.mobileAndTablet, devices.mobile);
|
|
8196
8247
|
|
|
8197
8248
|
var StickyBar = function StickyBar(_ref) {
|
|
8198
8249
|
var _ref$columnStartDeskt = _ref.columnStartDesktop,
|
|
@@ -8214,8 +8265,65 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
8214
8265
|
}, children)));
|
|
8215
8266
|
};
|
|
8216
8267
|
|
|
8217
|
-
var _templateObject$
|
|
8218
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$16 || (_templateObject$16 = /*#__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 --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-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) {
|
|
8268
|
+
var _templateObject$17, _templateObject3$F;
|
|
8269
|
+
var CarouselWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n\n .swiper-wrapper {\n height: 100%;\n }\n .swiper-slide {\n height: unset;\n }\n\n display: flex;\n"])));
|
|
8270
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
8271
|
+
|
|
8272
|
+
var AsceticCarousel = function AsceticCarousel(_ref) {
|
|
8273
|
+
var children = _ref.children;
|
|
8274
|
+
|
|
8275
|
+
var _useState = React.useState(),
|
|
8276
|
+
swiper = _useState[0],
|
|
8277
|
+
setSwiper = _useState[1];
|
|
8278
|
+
|
|
8279
|
+
React.useEffect(function () {
|
|
8280
|
+
return function () {
|
|
8281
|
+
if (swiper) {
|
|
8282
|
+
swiper.destroy();
|
|
8283
|
+
}
|
|
8284
|
+
};
|
|
8285
|
+
}, []);
|
|
8286
|
+
|
|
8287
|
+
var onNext = function onNext() {
|
|
8288
|
+
if (swiper) {
|
|
8289
|
+
swiper.slideNext();
|
|
8290
|
+
}
|
|
8291
|
+
};
|
|
8292
|
+
|
|
8293
|
+
var onPrev = function onPrev() {
|
|
8294
|
+
if (swiper) {
|
|
8295
|
+
swiper.slidePrev();
|
|
8296
|
+
}
|
|
8297
|
+
};
|
|
8298
|
+
|
|
8299
|
+
var onSwiper = function onSwiper(s) {
|
|
8300
|
+
setSwiper(s);
|
|
8301
|
+
};
|
|
8302
|
+
|
|
8303
|
+
return /*#__PURE__*/React__default.createElement(CarouselWrapper$2, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
8304
|
+
columnStartDesktop: 1,
|
|
8305
|
+
columnSpanDesktop: 16,
|
|
8306
|
+
columnStartDevice: 1,
|
|
8307
|
+
columnSpanDevice: 14
|
|
8308
|
+
}, /*#__PURE__*/React__default.createElement(swiperReact_js.Swiper, {
|
|
8309
|
+
slidesPerView: "auto",
|
|
8310
|
+
loopedSlides: React__default.Children.count(children),
|
|
8311
|
+
onSwiper: onSwiper,
|
|
8312
|
+
"data-testid": "carousel-swiper",
|
|
8313
|
+
className: 'roh-carousel-swiper',
|
|
8314
|
+
loop: true
|
|
8315
|
+
}, React__default.Children.map(children, function (child) {
|
|
8316
|
+
return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, null, child);
|
|
8317
|
+
})))), /*#__PURE__*/React__default.createElement(ButtonsWrapper$1, {
|
|
8318
|
+
"data-testid": "carousel-buttons-wrapper"
|
|
8319
|
+
}, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
8320
|
+
onClickNext: onNext,
|
|
8321
|
+
onClickPrev: onPrev
|
|
8322
|
+
})));
|
|
8323
|
+
};
|
|
8324
|
+
|
|
8325
|
+
var _templateObject$18;
|
|
8326
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$18 || (_templateObject$18 = /*#__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 --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-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) {
|
|
8219
8327
|
var theme = _ref.theme;
|
|
8220
8328
|
return theme.colors.primary;
|
|
8221
8329
|
}, function (_ref2) {
|
|
@@ -9131,6 +9239,7 @@ exports.Accordions = Accordions;
|
|
|
9131
9239
|
exports.AltHeader = AltHeader;
|
|
9132
9240
|
exports.AnchorTabBar = AnchorTabBar;
|
|
9133
9241
|
exports.AnnouncementBanner = AnnouncementBanner;
|
|
9242
|
+
exports.AsceticCarousel = AsceticCarousel;
|
|
9134
9243
|
exports.BodyText = BodyText;
|
|
9135
9244
|
exports.Card = Card;
|
|
9136
9245
|
exports.Cards = Cards;
|
|
@@ -9154,6 +9263,7 @@ exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
|
9154
9263
|
exports.ImageWithCaption = ImageWithCaption;
|
|
9155
9264
|
exports.Information = Information;
|
|
9156
9265
|
exports.LiveChat = LiveChat;
|
|
9266
|
+
exports.MiniCard = MiniCard;
|
|
9157
9267
|
exports.Navigation = Navigation;
|
|
9158
9268
|
exports.Overline = Overline;
|
|
9159
9269
|
exports.PageHeadingCinema = PageHeadingCinema;
|
|
@@ -9195,6 +9305,7 @@ exports.TitleWithCTA = TitleWithCTA;
|
|
|
9195
9305
|
exports.TypeTags = TypeTags;
|
|
9196
9306
|
exports.UpsellCard = UpsellCard;
|
|
9197
9307
|
exports.UpsellSection = UpsellSection;
|
|
9308
|
+
exports.breakpoints = breakpoints;
|
|
9198
9309
|
exports.devices = devices;
|
|
9199
9310
|
exports.zIndexes = zIndexes;
|
|
9200
9311
|
//# sourceMappingURL=chord.cjs.development.js.map
|