@royaloperahouse/harmonic 0.13.0-a → 0.13.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, MinimalCarousel, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls } from './components';
+import { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, MinimalCarousel, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls } from './components';
 import BodyContent from './components/molecules/BodyContent';
 import Quote from './components/molecules/Quote';
 import { devices, breakpoints } from './styles/viewports';
@@ -11,4 +11,4 @@ import HarmonicThemeProvider, { useHarmonicTheme } from './styles/HarmonicThemeP
 import { HarmonicSize } from './types/typography';
 import { HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './components/Typography';
 export { useHarmonicTheme };
-export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyContent, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };
+export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyContent, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, SignUpForm, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };

package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ThemeType } from '../../types';
 import './theme/fonts.css';
-import './theme/typography.css';
 export declare const DEFAULT_THEME = ThemeType.Core;
 interface HarmonicThemeProviderProps {
     theme: ThemeType;

package/dist/types/impactHeader.d.ts

@@ -1,5 +1,5 @@
-import { ImgHTMLAttributes, ReactNode } from 'react';
-import { EditorialLink, ThemeColor } from '../types';
+import { ReactNode } from 'react';
+import { EditorialLink } from '../types';
 import { HeaderHierarchy, TypographyLevel } from './typography';
 export interface CustomSponsorImageData {
     /**
@@ -190,21 +190,3 @@ export interface IPageHeadingPromoProps {
     /** Custom CSS classes */
     className?: string;
 }
-export interface IPageHeadingHighlightProps {
-    /**
-     * Image to display in the right hand panel, aspect ratio 4:3
-     */
-    image: ImgHTMLAttributes<HTMLImageElement>;
-    /**
-     * Optional change to background color
-     */
-    background?: ThemeColor;
-    /**
-     * The component(s) to be wrapped in the page header
-     */
-    children: ReactNode;
-    /**
-     * Custom CSS classes
-     */
-    className?: string;
-}

package/dist/types/navigation.d.ts

@@ -203,10 +203,6 @@ export interface INavigationProps {
      * Additional CSS class names to apply to the navigation component.
      */
     className?: string;
-    /**
-     * Defines which tag the button should skip to. Default: 'main-content'.
-     */
-    skipToId?: string;
 }
 export interface ISearchBarProps {
     /**

package/dist/types/types.d.ts

@@ -147,10 +147,6 @@ export interface ITabProps {
      * Additional CSS class names to apply to the navigation component.
      */
     className?: string;
-    /**
-     * The unique ID to assign to the link element.
-     */
-    tabLinkId?: string;
     /**
      * Defines the ARIA role of the element for accessibility purposes.
      */
@@ -218,11 +214,7 @@ export interface IDropdownProps {
      */
     ariaLabel?: string;
     /**
-     * The unique ID to assign to the link element inside the tab.
-     */
-    tabLinkId?: string;
-    /**
-     * Defines if it is needed to trim the text of the Tab and add 3 dots in the end
+     *  Defines if it is needed to trim the text of the Tab and add 3 dots in the end
      */
     trimTabText?: boolean;
 }
@@ -346,10 +338,10 @@ export declare type ListingRole = {
     dataROH?: string;
 };
 export interface IPeopleListing {
-    /** List of roles to be displayed */
+    /**
+     * List of roles to be displayed
+     */
     roles: ListingRole[];
-    /** Custom CSS classes */
-    className?: string;
 }
 export interface IPagination {
     /**
@@ -425,62 +417,6 @@ export declare type IHotFilterProps = {
     selectedIndex?: number;
     onSelect?: (index: number) => void;
 };
-export declare type ICastFilterItem = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-label' | 'role'> & {
-    /**
-     * Name of the cast member shown below the image circle. Required.
-     */
-    name: string;
-    /**
-     * Image source for the image to be shown. Optional but if not included an unaesthetic placeholder will show.
-     */
-    image?: string;
-    onClick?: () => void;
-};
-export declare type ICastFiltersProps = {
-    /**
-     * Array of cast to filter by.
-     */
-    cast: ICastFilterItem[];
-    /**
-     * A classname is required for the HarmonicThemeProvider to provide styles properly.
-     * If it is not provided here it will default to 'cast-filters'.
-     */
-    className?: string;
-    /**
-     * Indices of currently selected cast in the `cast` array.
-     */
-    selectedIndices?: number[];
-    /**
-     * Text shown at the top of the component, e.g. 'Filter by cast'. If this is not provided
-     * the component will render without any.
-     */
-    headingText?: string;
-    /**
-     * Override the text of the primary CTA. Default is 'Apply'.
-     */
-    ctaText?: string;
-    /**
-     * Override the text of the text link. Default is 'Clear'.
-     */
-    textLinkText?: string;
-    /**
-     * Default image to show in cases where a cast member image prop is missing.
-     * If this is undefined then a light grey background will be displayed instead.
-     */
-    placeholderImage?: string;
-    /**
-     * Handle selecting individual cast filters.
-     */
-    onSelect?: (index: number) => void;
-    /**
-     * Handle clicking the primary CTA.
-     */
-    onApply?: (indices: number[]) => void;
-    /**
-     * Handle clicking the text link.
-     */
-    onClear?: () => void;
-};
 export interface ISponsorshipProps {
     /**
      * Source URL for Sponsorship IFRAME.
@@ -722,9 +658,3 @@ export declare enum LinkTarget {
      */
     Blank = "_blank"
 }
-export interface ISkipToMainProps {
-    /**
-     * Defines which tag the button should skip to.
-     */
-    skipToId?: string;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/harmonic",
-  "version": "0.13.0-a",
+  "version": "0.13.1",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",

package/dist/components/molecules/CastFilter/CastFilters.d.ts

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

package/dist/components/molecules/CastFilter/CastFilters.style.d.ts

@@ -1,14 +0,0 @@
-export declare const CastFiltersComponentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CastFiltersWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CastWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ActionButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PersonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PersonToggle: import("styled-components").StyledComponent<"div", any, {
-    isSelected: boolean;
-}, never>;
-export declare const PersonImage: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const MissingImage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PersonName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Decal: import("styled-components").StyledComponent<"div", any, {
-    isSelected: boolean;
-}, never>;

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

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

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

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

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

@@ -1,9 +0,0 @@
-import { ThemeColor } from '../../../../types';
-export declare const HighlightPanelGrid: import("styled-components").StyledComponent<"div", any, {
-    $background: ThemeColor;
-}, never>;
-export declare const LeftPanel: import("styled-components").StyledComponent<"div", any, {
-    hasImage: boolean;
-}, never>;
-export declare const RightPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { ISkipToMainProps } from '../../../types/types';
-declare const SkipToMain: ({ skipToId }: ISkipToMainProps) => React.JSX.Element | null;
-export default SkipToMain;
-/** TODO:
- * - make robust with SSR - might be solved with moving logic to FE. ✅
- * - hiding thing when element not found - might be solved with copying Tab element. ✅
- * - fix columns ✅
- * - fix top-bottom margin ✅
- * - remove !important ✅
- * - add types file ✅
- * - mobile solution ✅
- * - implement in Nav ✅
- * - consider: Make other Tab props available? ✅
- * - is Classname needed as a prop after all? ✅
- * - J's comment about id vs element ✅
- * - documentation ✅
- * - SkiptoMain storybook ✅
- * - Navigation storybook ✅
- * - Fix desktop margin
- * - Check if mobile works
- * - Tests
- */

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

@@ -1,7 +0,0 @@
-interface FocusableTabProps {
-    $hide?: boolean;
-}
-export declare const SkiptoMainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, }: import("../../../types/types").ITabProps) => import("react").JSX.Element, any, FocusableTabProps, never>;
-export declare const HiddenBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

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

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