@royaloperahouse/harmonic 0.1.10-a → 0.2.0

package/dist/components/molecules/Card/Card.style.d.ts

@@ -5,7 +5,7 @@ export declare const CardContainer: import("styled-components").StyledComponent<
     isCardClickable: boolean;
 }, never>;
 export declare const HoverContainer: import("styled-components").StyledComponent<"div", any, {
-    lineColor?: Colors | undefined;
+    lineColor?: "primary" | "primary-red" | "primary-black" | "base-white" | "base-black" | "base-dark-grey" | "base-mid-grey" | "base-light-grey" | "base-transparent" | "state-error" | "state-medium" | "state-good" | "state-focused" | "state-disabled" | "rbo-red-hovered" | "rbo-red-pressed" | "rbo-black-hovered" | "rbo-black-pressed" | "black-hovered" | "black-pressed" | "white-hovered" | "white-pressed" | "secondary-yellow" | "secondary-pink" | "secondary-orange" | "secondary-blue" | undefined;
 }, never>;
 export declare const ProgressContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, ICardContentContainerProps, never>;

package/dist/components/molecules/Information/Information.style.d.ts

@@ -1,13 +1,4 @@
-import { IInformationBackgroundColour, IInformationCtaVariant } from '../../../types/information';
-export declare const InfoContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InfoTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, {
-    variant: IInformationCtaVariant;
-    infoThemed: boolean;
-}, never>;
-export declare const InfoWrapper: import("styled-components").StyledComponent<"div", any, {
-    background: IInformationBackgroundColour;
-}, never>;
-export declare const InfoBodyWrapper: import("styled-components").StyledComponent<"div", any, {
-    background: IInformationBackgroundColour;
-}, never>;
+export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, Pick<import("../../../types/information").IInformationCTAProps, "theme" | "variant">, never>;
+export declare const InfoBodyWrapper: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;

package/dist/components/molecules/Information/utils.d.ts

@@ -0,0 +1,11 @@
+import type { InformationCtaVariant } from '../../../types/information';
+import { ThemeType } from '../../../types/types';
+export declare const COLORS: {
+    readonly default: "var(--information-panel-button-color)";
+    readonly background: "var(--information-panel-button-bg-color)";
+    readonly hover: "var(--information-panel-button-hover-color)";
+    readonly pressed: "var(--information-panel-button-pressed-color)";
+};
+export declare const getTextColor: (variant: InformationCtaVariant | undefined, theme: ThemeType, colorValue: string) => string;
+export declare const getBackgroundColor: (variant: InformationCtaVariant | undefined, colorValue: string) => string;
+export declare const getBorderColor: (variant: InformationCtaVariant | undefined, colorValue: string) => string;

package/dist/components/molecules/PageHeading/Promo/Promo.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IPageHeadingPromoProps } from '../../../../types/impactHeader';
+import { ThemeChildProps } from '../../../../types/types';
+declare const PageHeadingPromo: React.FC<IPageHeadingPromoProps & ThemeChildProps>;
+export default PageHeadingPromo;

package/dist/components/molecules/PageHeading/Promo/Promo.style.d.ts

@@ -0,0 +1,28 @@
+import { ThemeType } from '../../../../types';
+declare type ThemeProps = {
+    theme: ThemeType;
+};
+declare type TitleWrapperProps = ThemeProps & {
+    isButtonPresent: boolean;
+};
+declare type MainButtonProps = {
+    isAdditionalButtonPresent: boolean;
+};
+declare type ContentSectionProps = ThemeProps & {
+    showBlock: boolean;
+};
+declare type AdditionalContentProps = {
+    isBadgePresent: boolean;
+};
+export declare const Wrapper: import("styled-components").StyledComponent<"section", any, {}, never>;
+export declare const ImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SponsorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ImageButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentSection: import("styled-components").StyledComponent<"div", any, ContentSectionProps, never>;
+export declare const BadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AdditionalContentWrapper: import("styled-components").StyledComponent<"div", any, AdditionalContentProps, never>;
+export declare const MainButtonWrapper: import("styled-components").StyledComponent<"div", any, MainButtonProps, never>;
+export declare const AdditionalButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, TitleWrapperProps, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/components/molecules/PageHeading/Promo/components/Badge.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ThemeType } from '../../../../../types';
+import { PageHeadingPromoBadge } from '../../../../../types/impactHeader';
+declare type Props = {
+    theme?: ThemeType;
+    badge?: PageHeadingPromoBadge;
+    isMobile: boolean;
+};
+declare const Badge: React.FC<Props>;
+export default Badge;

package/dist/components/molecules/PageHeading/Promo/components/Button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { EditorialLink, ThemeType } from '../../../../../types';
+import { PageHeadingPromoAdditionalLink } from '../../../../../types/impactHeader';
+declare type Props = {
+    link: PageHeadingPromoAdditionalLink | EditorialLink;
+    theme?: ThemeType;
+    isMobile?: boolean;
+};
+declare const Button: React.FC<Props>;
+export default Button;

package/dist/components/molecules/PageHeading/Promo/components/Image.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PageHeadingPromoImageProps } from '../../../../../types/impactHeader';
+declare const Image: React.FC<PageHeadingPromoImageProps>;
+export default Image;

package/dist/components/molecules/PageHeading/Promo/index.d.ts

@@ -0,0 +1,2 @@
+import PageHeadingPromo from './Promo';
+export default PageHeadingPromo;

package/dist/components/molecules/PageHeading/index.d.ts

@@ -3,5 +3,6 @@ import PageHeadingCinema from './Cinema';
 import PageHeadingImpact from './Impact';
 import PageHeadingPanel from './Panel';
 import PageHeadingStream from './Stream';
+import PageHeadingPromo from './Promo';
 import PageHeadingCompact from './Compact/Compact';
-export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };
+export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, PageHeadingPromo, };

package/dist/components/molecules/Swipe/Swipe.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface SwipeRef {
+    nextSlide: () => void;
+    prevSlide: () => void;
+}
+declare const Swipe: React.ForwardRefExoticComponent<{
+    children: React.ReactNode[];
+    infinite?: boolean | undefined;
+    slidesOffsetBefore?: number | undefined;
+    onIndexChange?: ((index: number) => void) | undefined;
+    onActiveChange?: ((value: boolean) => void) | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<SwipeRef>>;
+export default Swipe;

package/dist/components/molecules/Swipe/Swipe.style.d.ts

@@ -0,0 +1,8 @@
+export declare const SWIPE_SLIDE_CLASS_NAME = "swipe-slide";
+declare type SwipeTrackProps = {
+    translateX: number;
+    transitioning: boolean;
+};
+export declare const SwipeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SwipeTrack: import("styled-components").StyledComponent<"div", any, SwipeTrackProps, never>;
+export {};

package/dist/components/molecules/Swipe/helper.d.ts

@@ -0,0 +1,2 @@
+export declare const getVisibleIndexes: (currentIndex: number, slideWidths: number[], containerWidth: number, slidesLength: number) => number[];
+export declare const getMovedSlides: (delta: number, slideWidths: number[]) => number;

package/dist/components/molecules/Swipe/index.d.ts

@@ -0,0 +1,2 @@
+import Swipe, { SwipeRef } from './Swipe';
+export { Swipe, SwipeRef };

package/dist/components/molecules/index.d.ts

@@ -7,7 +7,7 @@ import ContactCard from './ContactCard';
 import ContentSummary from './ContentSummary';
 import Editorial from './Editorial';
 import Information from './Information';
-import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact } from './PageHeading';
+import { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact, PageHeadingPromo } from './PageHeading';
 import Pagination from './Pagination';
 import { PeopleListing, CreditListing } from './PeopleListing';
 import PolicyLinks from './PolicyLinks';
@@ -33,4 +33,4 @@ import PasswordStrength from './PasswordStrength';
 import Table from './Table';
 import VideoWithControls from './VideoWithControls';
 import SignUpForm from './SignUpForm';
-export { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, SignUpForm, };
+export { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, SignUpForm, };

package/dist/components/organisms/Carousels/Carousel/Carousel.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { ICarouselProps } from '../../../../types/carousel';
+declare const Carousel: FunctionComponent<ICarouselProps>;
+export default Carousel;

package/dist/components/organisms/Carousels/Carousel/Carousel.style.d.ts

@@ -0,0 +1,11 @@
+import { ICarouselWrapperProps } from '../../../../types/carousel';
+export declare const ImageCarouselWrapper: import("styled-components").StyledComponent<"div", any, ICarouselWrapperProps, never>;
+export declare const CardsCarouselWrapper: import("styled-components").StyledComponent<"div", any, ICarouselWrapperProps, never>;
+export declare const TitleButtonsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CarouselInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {
+    isDescriptionPresent: boolean;
+}, never>;
+export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleGridItem: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;
+export declare const SwipeGridWrapper: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;

package/dist/components/organisms/Carousels/Carousel/helper.d.ts

@@ -0,0 +1,26 @@
+import { CarouselType } from '../../../../types';
+export declare const GRID_VALUES: {
+    desktop: {
+        gapsNumber: number;
+        columnsNumber: number;
+        gapsNumberOffset: number;
+        columnsNumberOffset: number;
+        largeCard: {
+            gapsPerSlide: number;
+            columnsPerSlide: number;
+        };
+        smallCard: {
+            gapsPerSlide: number;
+            columnsPerSlide: number;
+        };
+    };
+    mobile: {
+        columnsNumber: number;
+        gapsNumber: number;
+        columnsPerSlide: number;
+        gapsPerSlide: number;
+    };
+};
+export declare const getCardSlideDesktopStyles: (type: CarouselType, isActive?: boolean | undefined) => string;
+export declare const getCardSlideMobileStyles: () => string;
+export declare const getImageSlideStyles: (imageHeight: number) => string;

package/dist/components/organisms/Carousels/Carousel/index.d.ts

@@ -0,0 +1,2 @@
+import Carousel from './Carousel';
+export default Carousel;

package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsCarousel.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IHighlightsCarouselProps } from '../../../../types/carousel';
+declare const HighlightsCarousel: FunctionComponent<IHighlightsCarouselProps>;
+export default HighlightsCarousel;

package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsCarousel.style.d.ts

@@ -0,0 +1,21 @@
+declare type StyledProps = {
+    isCurrentSlide: boolean;
+};
+export declare const HighlightsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CarouselTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoLogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoTextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CarouselWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RotatorButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RotatorButtonsWrapperMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HtmlBodyText: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const FirstButtonComponentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AdditionalInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoSubtitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VideoWithControlsWrapper: import("styled-components").StyledComponent<"div", any, StyledProps, never>;
+export {};

package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsCinema.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IHighlightsCinemaCarouselProps } from '../../../../types/carousel';
+declare const HighlightsCinema: FunctionComponent<IHighlightsCinemaCarouselProps>;
+export default HighlightsCinema;

package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsCore.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IHighlightsCoreCarouselProps } from '../../../../types/carousel';
+declare const HighlightsCore: FunctionComponent<IHighlightsCoreCarouselProps>;
+export default HighlightsCore;

package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsStream.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IHighlightsStreamCarouselProps } from '../../../../types/carousel';
+declare const HighlightsStream: FunctionComponent<IHighlightsStreamCarouselProps>;
+export default HighlightsStream;

package/dist/components/organisms/Carousels/HighlightsCarousel/components/Buttons.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { HighlightsCarouselSlide } from '../../../../../types/carousel';
+declare type Props = Pick<HighlightsCarouselSlide, 'links' | 'auxiliaryCTA'>;
+declare const Buttons: FunctionComponent<Props>;
+export default Buttons;

package/dist/components/organisms/Carousels/HighlightsCarousel/components/InfoSection.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactElement } from 'react';
+import { HighlightsCarouselSlide } from '../../../../../types/carousel';
+import { ILogosProps } from '../../../../../types/types';
+declare type Props = {
+    logo?: ReactElement<ILogosProps> | null;
+    slide: HighlightsCarouselSlide;
+    currentSlideIndex: number;
+};
+declare const InfoSection: FunctionComponent<Props>;
+export default InfoSection;

package/dist/components/organisms/Carousels/HighlightsCarousel/components/SwipeCarousel.d.ts

@@ -0,0 +1,12 @@
+import React, { FunctionComponent } from 'react';
+import { HighlightsCarouselSlideImage, HighlightsCarouselSlideVideo } from '../../../../../types/carousel';
+import { SwipeRef } from '../../../../molecules/Swipe';
+declare type Props = {
+    slidesMedia: (HighlightsCarouselSlideImage | HighlightsCarouselSlideVideo)[];
+    currentSlide: number;
+    setCurrentSlide: React.Dispatch<React.SetStateAction<number>>;
+    carouselRef: React.RefObject<SwipeRef>;
+    hasMultipleSlides: boolean;
+};
+declare const SwipeCarousel: FunctionComponent<Props>;
+export default SwipeCarousel;