@royaloperahouse/harmonic 0.2.3-f → 0.2.3-h

package/dist/helpers/theme.d.ts

@@ -1,2 +1,2 @@
 import { ThemeType } from '../types';
-export declare const themeToColor: (theme: ThemeType) => "primary-red" | "primary-black" | "secondary-blue";
+export declare const themeToColor: (theme: ThemeType) => "primary-red" | "primary-black" | "base-black";

package/dist/index.d.ts

@@ -6,5 +6,5 @@ import { MiniCard } from './components/molecules';
 import { ModalWindow } from './components/organisms';
 import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
 import HarmonicThemeProvider from './styles/HarmonicThemeProvider';
-import { HarmonicSizes } from './types/typography';
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSizes, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, SignUpForm, };
+import { HarmonicSize } from './types/typography';
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, 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, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, SignUpForm, };

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ThemeType } from '../../types';
 import './theme/fonts.css';
+import './theme/typography.css';
 interface HarmonicThemeProviderProps {
     theme: ThemeType;
     children: React.ReactNode;

package/dist/types/editorial.d.ts

@@ -3,7 +3,7 @@ import { StyledProps } from 'styled-components';
 import { ButtonType } from './buttonTypes';
 import { DirectionType, IconNameType } from './iconTypes';
 import { Colors, IVideoWithControlsSettings, ThemeColor } from './types';
-import { HarmonicSizes, HeaderHierarchy, TypographyLevel } from './typography';
+import { HarmonicSize, HeaderHierarchy, TypographyLevel } from './typography';
 export interface IEditorialProps {
     /**
      * Text placed in the editorial component
@@ -91,7 +91,7 @@ export declare type EditorialLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
     buttonType?: ButtonType;
 };
 export declare type PromoLinks = [EditorialLink, EditorialLink?];
-export declare type PromoTitleSize = Exclude<HarmonicSizes, 'small'>;
+export declare type PromoTitleSize = Exclude<HarmonicSize, 'small'>;
 export declare type PromoTitleHierarchy = Exclude<HeaderHierarchy, 'H1'>;
 export interface IPromoWithTitleProps {
     /**

package/dist/types/information.d.ts

@@ -1,7 +1,7 @@
 import { DirectionType, IconNameType } from './iconTypes';
 import { LinkTarget } from './types';
 import type { ThemeChildProps } from './types';
-import type { HarmonicSizes } from './typography';
+import type { HarmonicSize } from './typography';
 export declare const InformationCtaVariants: {
     readonly Primary: "Primary";
     readonly Secondary: "Secondary";
@@ -45,7 +45,7 @@ export interface IInformationTitleProps {
     /**
      * The size of the title text
      */
-    textSize: HarmonicSizes;
+    textSize: HarmonicSize;
 }
 export interface IInformationProps extends ThemeProps {
     /**

package/dist/types/signUpForm.d.ts

@@ -56,6 +56,10 @@ export interface ISignUpFormProps {
     submitHandler: (data: SignUpRequestBody) => Promise<{
         success: boolean;
     }>;
+    /**
+     * Class Name
+     */
+    className?: string;
 }
 export declare type SignUpFormComponentTitleProps = {
     title: string;
@@ -76,5 +80,6 @@ export declare type SignUpFormComponentFormProps = Pick<ISignUpFormProps, 'ctaPr
     setIsSuccess: Dispatch<SetStateAction<boolean>>;
     formValues: FormValues;
     setFormValues: Dispatch<SetStateAction<FormValues>>;
+    className?: string;
 };
 export {};

package/dist/types/typography.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { StyledProps } from 'styled-components';
-export declare const HarmonicSizes: {
+export declare const HarmonicSize: {
     readonly Small: "small";
     readonly Medium: "medium";
     readonly Large: "large";
 };
-export declare type HarmonicSizes = (typeof HarmonicSizes)[keyof typeof HarmonicSizes];
+export declare type HarmonicSize = (typeof HarmonicSize)[keyof typeof HarmonicSize];
 export declare const HeaderHierarchy: {
     readonly H1: "h1";
     readonly H2: "h2";
@@ -15,7 +15,7 @@ export declare type HeaderHierarchy = (typeof HeaderHierarchy)[keyof typeof Head
 export declare type HarmonicColors = 'primary' | 'black' | 'white' | 'red' | 'grey' | 'inherit';
 export interface IGenericTypographyProps<T extends HTMLElement = HTMLParagraphElement> extends React.HTMLAttributes<T> {
     children?: ReactNode;
-    size?: HarmonicSizes;
+    size?: HarmonicSize;
     serif?: boolean;
     color?: HarmonicColors;
     em?: boolean;

package/package.json

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