@royaloperahouse/chord 2.2.9 → 2.2.10-a-chord-development

package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.d.ts

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

package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IAuxiliaryButtonProps } from '../../../../types';
+declare const AuxiliaryButtonWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../../types/buttonTypes").IButtonProps>, any, IAuxiliaryButtonProps, never>;
+export default AuxiliaryButtonWrapper;

package/dist/components/atoms/Icons/SvgIcons/12px/Expand.svg.d.ts

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

package/dist/components/atoms/Icons/SvgIcons/Utility/Remove.svg.d.ts

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

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

@@ -22,6 +22,7 @@ export declare const IconLibrary: {
     EditMyList: ({ color }: 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>)>;
     Email: ({ color }: 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>)>;
     Expand: ({ color }: 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>)>;
+    Expand12px: ({ color }: 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>)>;
     ExternalLink: ({ color }: 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>)>;
     Facebook: ({ color }: 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>)>;
     Favourite: ({ color }: 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>)>;
@@ -51,6 +52,7 @@ export declare const IconLibrary: {
     Refresh: ({ color }: 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>)>;
     Reminder: ({ color }: 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>)>;
     Remove: ({ color }: 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>)>;
+    Remove12px: ({ color }: 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>)>;
     Restart: ({ color }: 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>)>;
     Search: ({ color }: 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>)>;
     Seat: ({ color }: 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/index.d.ts

@@ -1,6 +1,6 @@
 import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, Progress, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TextLogo, TextArea, TextField, TextLink, Tickbox, Tickbox2, Timer, TypeTags, VideoControls } from './atoms';
 import { AnchorTabBar, Footer, LiveChat, Navigation, StickyBar, TitleWithCTA, UpsellSection } from './organisms';
-import { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SearchBar, SectionTitle, Select, Select2, Tabs, TextOnly, UpsellCard, Quote } from './molecules';
+import { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SearchBar, SectionTitle, Select, Select2, Table, Tabs, TextOnly, UpsellCard, Quote } from './molecules';
 import ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Tabs, TextArea, TextField, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, };

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

@@ -12,11 +12,13 @@ export declare const ContentContainer: import("styled-components").StyledCompone
 export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleContainerMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HighlightTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubtitleContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, {
     isVisible: boolean;
     isGridCard: boolean;
 }, never>;
+export declare const ExtraActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LabelElements: import("styled-components").StyledComponent<"div", any, {
     bgColor?: Colors | undefined;
 }, never>;

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

@@ -4,4 +4,4 @@ import PageHeadingImpact from './Impact';
 import PageHeadingPanel from './Panel';
 import PageHeadingStream from './Stream';
 import PageHeadingCompact from './Compact/Compact';
-export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };
+export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact, };

package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts

@@ -3,3 +3,4 @@ export declare const CreditListingWrapper: import("styled-components").StyledCom
 export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CreditWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CreditBodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1,16 @@
+import { ThemeType } from '../../../types/types';
+export declare const TableHeader: import("styled-components").StyledComponent<"th", any, {}, never>;
+export declare const TableCell: import("styled-components").StyledComponent<"td", any, {
+    columns: number;
+}, never>;
+export declare const LineContainer: import("styled-components").StyledComponent<"div", any, {
+    lineColor: ThemeType;
+}, never>;
+export declare const Pagination: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PageNumber: import("styled-components").StyledComponent<"button", any, {
+    active?: string | undefined;
+}, never>;
+export declare const Next: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ScrollButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableContainer: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, TabLink, Tabs, TextArea, TextField, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote } from './components';
+import { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, CinemaBadge, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote } from './components';
 import { devices, breakpoints } from './styles/viewports';
 import zIndexes from './styles/zIndexes';
 import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeType, EditorialLink } from './types';
 import { MiniCard } from './components/molecules';
+import { BrandingStyle } from './types/impactHeader';
 import { ModalWindow } from './components/organisms';
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, Header, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, ITimerProps, IntegratedTimerProps, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, zIndexes, };
+import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, BrandingStyle, breakpoints, ButtonType, Card, Cards, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, Header, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, ITimerProps, IntegratedTimerProps, LiveChat, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextLink, TextOnly, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, zIndexes, };

package/dist/styles/themes.d.ts

@@ -13,6 +13,7 @@ export declare const core: {
         primaryButton: string;
         secondaryButton: string;
         tertiaryButton: string;
+        auxiliaryButton: string;
         primaryButtonReverseBg: string;
         primaryButtonReverse: string;
         core: string;
@@ -477,10 +478,11 @@ export declare const stream: {
     colors: {
         primary: string;
         primaryButton: string;
-        secondaryButton: string;
-        tertiaryButton: string;
         primaryButtonReverseBg: string;
         primaryButtonReverse: string;
+        secondaryButton: string;
+        tertiaryButton: string;
+        auxiliaryButton: string;
         core: string;
         stream: string;
         cinema: string;
@@ -943,10 +945,11 @@ export declare const cinema: {
     colors: {
         primary: string;
         primaryButton: string;
-        secondaryButton: string;
-        tertiaryButton: string;
         primaryButtonReverseBg: string;
         primaryButtonReverse: string;
+        secondaryButton: string;
+        tertiaryButton: string;
+        auxiliaryButton: string;
         core: string;
         stream: string;
         cinema: string;
@@ -1409,10 +1412,11 @@ export declare const schools: {
     colors: {
         primary: string;
         primaryButton: string;
-        secondaryButton: string;
-        tertiaryButton: string;
         primaryButtonReverseBg: string;
         primaryButtonReverse: string;
+        secondaryButton: string;
+        tertiaryButton: string;
+        auxiliaryButton: string;
         core: string;
         stream: string;
         cinema: string;
@@ -1878,6 +1882,7 @@ export declare const themes: {
             primaryButton: string;
             secondaryButton: string;
             tertiaryButton: string;
+            auxiliaryButton: string;
             primaryButtonReverseBg: string;
             primaryButtonReverse: string;
             core: string;
@@ -2342,10 +2347,11 @@ export declare const themes: {
         colors: {
             primary: string;
             primaryButton: string;
-            secondaryButton: string;
-            tertiaryButton: string;
             primaryButtonReverseBg: string;
             primaryButtonReverse: string;
+            secondaryButton: string;
+            tertiaryButton: string;
+            auxiliaryButton: string;
             core: string;
             stream: string;
             cinema: string;
@@ -2808,10 +2814,11 @@ export declare const themes: {
         colors: {
             primary: string;
             primaryButton: string;
-            secondaryButton: string;
-            tertiaryButton: string;
             primaryButtonReverseBg: string;
             primaryButtonReverse: string;
+            secondaryButton: string;
+            tertiaryButton: string;
+            auxiliaryButton: string;
             core: string;
             stream: string;
             cinema: string;
@@ -3283,10 +3290,11 @@ export declare const themes: {
         colors: {
             primary: string;
             primaryButton: string;
-            secondaryButton: string;
-            tertiaryButton: string;
             primaryButtonReverseBg: string;
             primaryButtonReverse: string;
+            secondaryButton: string;
+            tertiaryButton: string;
+            auxiliaryButton: string;
             core: string;
             stream: string;
             cinema: string;

package/dist/types/buttonTypes.d.ts

@@ -20,6 +20,10 @@ export interface IButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
      * Direction of the icon used in the button
      */
     iconDirection?: DirectionType;
+    /**
+     * ClassName for the icon to be used in the button
+     */
+    iconClassName?: string;
     /**
      * Color of text and icon
      */
@@ -31,6 +35,16 @@ export interface IPrimaryButtonProps extends IButtonProps {
      */
     bgColor?: Colors;
 }
+export interface IAuxiliaryButtonProps extends IButtonProps {
+    /**
+     * Button background color
+     */
+    bgColor?: Colors;
+    /**
+     * Function to be called when a button is clicked
+     */
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
+}
 export interface ITertiaryButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Color of text and icon

package/dist/types/card.d.ts

@@ -1,5 +1,5 @@
 import { StyledProps } from 'styled-components';
-import { Colors, IconNameType } from '.';
+import { Colors, EditorialLink, IconNameType } from '.';
 import { PromoLinks } from './editorial';
 import { DirectionType } from './iconTypes';
 export interface CardLabelProps {
@@ -33,6 +33,10 @@ export interface ICardProps {
      * Text placed in the Card component
      */
     text?: string;
+    /**
+     * Highlighted small text
+     */
+    highlightText?: string;
     /**
      * List of Type Tags to display.
      */
@@ -89,6 +93,10 @@ export interface ICardProps {
      * Defines if it is Card in the Grid or in the Carousel
      */
     isGridCard?: boolean;
+    /**
+     * Renders an auxiliary button when passed
+     */
+    auxiliaryCTA?: EditorialLink;
 }
 export interface ICardContentContainerProps extends StyledProps<any> {
     /**

package/dist/types/formTypes.d.ts

@@ -54,7 +54,7 @@ export interface ITextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
      * `password` type adds `Show/Hide` button over the input element.
      * Any other types don't change the view of the element, just change
      * accessibility stuff
-     */
+    */
     type?: ITextFieldType;
     /**
      * A style prop that allows us to change what colours to
@@ -262,17 +262,8 @@ export interface IStepperProps {
     step?: number;
     /** An error message to be shown below the stepper.
      *
-     * Default: `undefined`
      */
     error?: string;
-    /**
-     * A style prop that allows us to change what colours to
-     * use for light or dark mode (e.g. text color, border color, etc...)
-     * based on the background color.
-     *
-     * Defaults to `false`.
-     */
-    darkMode?: boolean;
     /**
      * Set disapled state
      */
@@ -281,6 +272,18 @@ export interface IStepperProps {
      * Minimum value allowed in the stepper
      */
     min?: number;
+    /**
+     * A style prop that allows us to change what colours to
+     * use for light or dark mode (e.g. text color, border color, etc...)
+     * based on the background color.
+     *
+     * Defaults to `false`.
+     * Specify whether or not the containing element has a dark background.
+     * This property affects the border colours for focused and error states.
+     *
+     * Default: `false`
+     */
+    darkMode?: boolean;
     /**
      * Maximum value allowed in the stepper
      */

package/dist/types/index.d.ts

@@ -5,10 +5,10 @@ import { CarouselType } from './carousel';
 import { IconNameType } from './iconTypes';
 import { AspectRatio } from './image';
 import { TickboxMode } from './tickbox';
-import { ButtonType } from './buttonTypes';
+import { ButtonType, IAuxiliaryButtonProps } from './buttonTypes';
 import { EditorialLink } from './editorial';
 import { IPageHeadingCompactProps } from './impactHeader';
 import { IntegratedTimerProps, ITimerProps } from './timer';
 import { ICreditListing } from './creditListing';
 import { ModalWindowProps } from './modalWindow';
-export { AspectRatio, ButtonType, CarouselType, Colors, ICreditListing, EditorialLink, FooterData, IconNameType, IPageHeadingCompactProps, INavigationProps, INavTopProps, IntegratedTimerProps, ITimerProps, ModalWindowProps, TickboxMode, ThemeType, };
+export { AspectRatio, ButtonType, CarouselType, Colors, EditorialLink, FooterData, IconNameType, IAuxiliaryButtonProps, ICreditListing, IPageHeadingCompactProps, INavigationProps, INavTopProps, IntegratedTimerProps, ITimerProps, ModalWindowProps, TickboxMode, ThemeType, };

package/dist/types/passwordStrength.d.ts

@@ -19,10 +19,10 @@ export interface IPasswordStrengthProps {
      */
     sectionsColor?: Colors;
     /**
-     * Color of active sections
-     *
-     * Default: Colors.Black
-     */
+    * Color of active sections
+    *
+    * Default: Colors.Black
+    */
     activeSectionsColor?: Colors;
     /**
      * Text
@@ -40,12 +40,12 @@ export interface IPasswordStrengthProps {
      * Strength label text
      *
      * Default: ""
-     */
+    */
     strengthLabel?: string;
     /**
      * Strength label text
      *
      * Default: Colors.Black
-     */
+    */
     strengthLabelColor?: Colors;
 }

package/dist/types/tableTypes.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { ThemeType } from './types';
+export interface ContentProps {
+    content: string | ReactNode;
+}
+export interface CellProps {
+    cell: ReactNode;
+    cellIndex: number;
+    columns: number;
+}
+export interface RowProps {
+    row: any[];
+    rowIndex: number;
+    columns: number;
+    lineColor: ThemeType;
+}
+export interface ITableProps {
+    /**
+     * Number of columns in table
+     */
+    columns: number;
+    /**
+     * Headings array
+     */
+    headings?: string[];
+    /**
+     * Table content
+     */
+    children: ReactNode;
+    /**
+     * Line divider color
+     */
+    lineColors?: ThemeType;
+    /**
+     * Rows in table per page for pagination
+     */
+    rowsPerPage: number;
+    /**
+     * Pagination
+     */
+    pagination?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/chord",
-  "version": "2.2.9",
+  "version": "2.2.10-a-chord-development",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",
@@ -118,4 +118,4 @@
     "react-scrolllock": "^5.0.1",
     "react-select": "^5.8.0"
   }
-}
+}