@royaloperahouse/harmonic 0.17.0-c → 0.17.0-d

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.
@@ -4,7 +4,7 @@ export declare const AnchorTabbarWrapper: import("styled-components").StyledComp
4
4
  export declare const TabsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
5
5
  export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
6
  export declare const TabsList: import("styled-components").StyledComponent<"ul", any, IAnchorTabsListProps, never>;
7
- export declare const ArrowControls: import("styled-components").StyledComponent<({ onClickPrev, onClickNext, availablePrev, availableNext, showFullscreen, onClickFullscreen, isFullscreen, className, }: import("../../../types/buttonTypes").RotatorButtonsProps) => import("react").JSX.Element, any, IAnchorTabBarBorderProps, never>;
7
+ export declare const ArrowControls: import("styled-components").StyledComponent<({ onClickPrev, onClickNext, availablePrev, availableNext, showFullscreen, onClickFullscreen, isFullscreen, className, }: import("../../../types/buttonTypes").RotatorButtonsProps) => import("react").JSX.Element | null, any, IAnchorTabBarBorderProps, never>;
8
8
  export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {
9
9
  withShadow?: boolean | undefined;
10
10
  }, never>;
@@ -7980,7 +7980,7 @@ var HighlightsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject
7980
7980
  var hasMultipleImages = _ref3.hasMultipleImages;
7981
7981
  return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
7982
7982
  }, devices.mobile);
7983
- var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin-bottom: 8px;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n margin-left: 100px;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.mobile);
7983
+ var RotatorButtonsWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin-top: 8px;\n margin-bottom: 8px;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white) !important;\n }\n\n & {\n display: flex;\n margin-left: 100px;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.mobile);
7984
7984
  var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
7985
7985
 
7986
7986
  var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {