@royaloperahouse/harmonic 0.7.1 → 0.8.0

package/dist/components/Typography/Typography.d.ts

@@ -3,7 +3,7 @@ import { IGenericTypographyProps, IHarmonicHeaderProps } from '../../types/typog
 export declare const DisplayHeader: ({ children, size, em, color, serif, className }: IGenericTypographyProps) => React.JSX.Element;
 export declare const HarmonicHeader: ({ children, size, em, color, serif, hierarchy: Tag, className, }: IHarmonicHeaderProps) => React.JSX.Element;
 export declare const HarmonicSubtitle: ({ children, size, color, className }: IGenericTypographyProps) => React.JSX.Element;
-export declare const BodyCopyHarmonic: ({ children, size, color, className, ...props }: IGenericTypographyProps) => React.JSX.Element;
+export declare const BodyCopyHarmonic: ({ children, size, color, className, bold, ...props }: IGenericTypographyProps) => React.JSX.Element;
 export declare const HarmonicOverline: ({ children, size, color, className, ...props }: IGenericTypographyProps) => React.JSX.Element;
 export declare const ButtonText: ({ children, color, className }: IGenericTypographyProps) => React.JSX.Element;
 export declare const Caption: ({ children, color, className }: IGenericTypographyProps) => React.JSX.Element;

package/dist/components/atoms/Icons/SvgIcons/Arrows/ArrowPagination.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Arrows/LastPageArrow.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/index.d.ts

@@ -1,6 +1,7 @@
 export declare const IconLibrary: {
     AddToMyList: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Arrow: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    ArrowPagination: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     AudioDescription: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Back10: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     BalletAndDance: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
@@ -36,6 +37,7 @@ export declare const IconLibrary: {
     Home: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Info: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Instagram: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    LastPageArrow: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     List: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     ListView: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     LiveStream: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IContentSummaryProps } from '../../../types/editorial';
-declare const ContentSummary: ({ title, subtitle, bodyText, link, image, largeTitle, showImage, truncate, fullyClickable, baseSemanticLevel, }: IContentSummaryProps) => React.JSX.Element;
+declare const ContentSummary: ({ title, subtitle, bodyText, link, image, largeTitle, showImage, truncate, fullyClickable, headerSemanticLevel, className, }: IContentSummaryProps) => React.JSX.Element;
 export default ContentSummary;

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

@@ -7,11 +7,10 @@ interface ContentSummaryProps {
 interface Clickable {
     clickable?: boolean;
 }
-export declare const BodyTextRelative: import("styled-components").StyledComponent<({ level, children, tag }: import("../../../types/typography").IBodyTextProps) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyTextRelative: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
 export declare const ContentSummaryWrapper: import("styled-components").StyledComponent<"article", any, Clickable, never>;
 export declare const ContentSummaryImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentSummaryTextWrapper: import("styled-components").StyledComponent<"div", any, ContentSummaryProps, never>;
-export declare const ContentSummaryTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BodyTextLimit: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentSummaryBodyTextWrapper: import("styled-components").StyledComponent<"div", any, BodyTextProps, never>;
 export {};

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

@@ -3,7 +3,8 @@ export interface PageData {
     currentPage: number;
     pageCount: number;
     baseUrl: string;
+    className?: string;
 }
 export declare const reducePages: (pages: number[], currentPage: number) => number[];
-declare const Pagination: ({ pageCount, currentPage, baseUrl }: PageData) => React.ReactElement;
+declare const Pagination: ({ pageCount, currentPage, baseUrl, className }: PageData) => React.ReactElement;
 export default Pagination;

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

@@ -1,8 +1,9 @@
 export declare const MorePages: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PaginationLink: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const PageNumberWrapper: import("styled-components").StyledComponent<"ol", any, {}, never>;
-export declare const PageNumber: import("styled-components").StyledComponent<"a", any, {
-    active?: string | undefined;
-}, never>;
-export declare const NextPage: import("styled-components").StyledComponent<"a", any, {
-    active?: string | undefined;
+export declare const LastPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const PreviousPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {
+    active?: boolean | undefined;
 }, never>;
+export declare const PageNav: import("styled-components").StyledComponent<"a", any, {}, never>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ISearchBarProps } from '../../../types/navigation';
-declare const SearchBar: ({ onClick, onClose, className, inputRef }: ISearchBarProps) => React.JSX.Element;
+declare const SearchBar: ({ onClick, onClose, className, inputRef, trapFocus }: ISearchBarProps) => React.JSX.Element;
 export default SearchBar;

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

@@ -279,7 +279,7 @@ export declare const processSlideLinks: (links: EditorialLink[]) => {
     onTransitionEnd?: ((event: import("react").TransitionEvent<HTMLAnchorElement>) => void) | undefined;
     onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLAnchorElement>) => void) | undefined;
     text: string;
-    iconName?: "AddToMyList" | "Arrow" | "AudioDescription" | "Back10" | "BalletAndDance" | "Basket" | "BasketFull" | "BritishSignLanguage" | "BookTickets" | "CarouselArrow" | "ChooseDates" | "Cinema" | "Clips" | "Clock" | "Close" | "ClosedCaptions" | "Confirm" | "CreditCard" | "Delete" | "Detract" | "DropdownArrow" | "EditMyList" | "Email" | "Expand" | "Expand12px" | "ExternalLink" | "Facebook" | "Favourite" | "FavouriteFull" | "Filter" | "FindAScreening" | "Forward10" | "FullScreen" | "GridView" | "Home" | "Info" | "Instagram" | "List" | "ListView" | "LiveStream" | "Location" | "Menu" | "Minimise" | "Muted" | "NavLogoMobile" | "NavLogoNoCrest" | "NavLogoWithCrest" | "OnMyList" | "OpenCaptions" | "OperaAndMusic" | "Pause" | "PDF" | "Phone" | "Play" | "Print" | "Refresh" | "RelaxedPerformance" | "Reminder" | "Remove" | "Remove12px" | "Restart" | "Search" | "Seat" | "Secure" | "Settings" | "Shift" | "Space" | "Standing" | "Star" | "Subscribe" | "Subtitles" | "Tick" | "Tickets" | "Tiktok" | "Trailer" | "Twitter" | "User" | "UserSignedIn" | "Volume" | "Watch" | "Wheelchair" | "X" | "Youtube" | undefined;
+    iconName?: "AddToMyList" | "Arrow" | "ArrowPagination" | "AudioDescription" | "Back10" | "BalletAndDance" | "Basket" | "BasketFull" | "BritishSignLanguage" | "BookTickets" | "CarouselArrow" | "ChooseDates" | "Cinema" | "Clips" | "Clock" | "Close" | "ClosedCaptions" | "Confirm" | "CreditCard" | "Delete" | "Detract" | "DropdownArrow" | "EditMyList" | "Email" | "Expand" | "Expand12px" | "ExternalLink" | "Facebook" | "Favourite" | "FavouriteFull" | "Filter" | "FindAScreening" | "Forward10" | "FullScreen" | "GridView" | "Home" | "Info" | "Instagram" | "LastPageArrow" | "List" | "ListView" | "LiveStream" | "Location" | "Menu" | "Minimise" | "Muted" | "NavLogoMobile" | "NavLogoNoCrest" | "NavLogoWithCrest" | "OnMyList" | "OpenCaptions" | "OperaAndMusic" | "Pause" | "PDF" | "Phone" | "Play" | "Print" | "Refresh" | "RelaxedPerformance" | "Reminder" | "Remove" | "Remove12px" | "Restart" | "Search" | "Seat" | "Secure" | "Settings" | "Shift" | "Space" | "Standing" | "Star" | "Subscribe" | "Subtitles" | "Tick" | "Tickets" | "Tiktok" | "Trailer" | "Twitter" | "User" | "UserSignedIn" | "Volume" | "Watch" | "Wheelchair" | "X" | "Youtube" | undefined;
     iconDirection?: "left" | "right" | "up" | "down" | "reverse" | undefined;
     textColor?: "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;
     backgroundColor?: "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;