@royaloperahouse/harmonic 0.18.6 → 0.18.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -68,6 +68,7 @@ export interface ISignUpFormProps {
68
68
  export declare type SignUpFormComponentTitleProps = {
69
69
  title: string;
70
70
  isMobile?: boolean;
71
+ titleFontFamily?: 'Grey' | 'Victor' | undefined;
71
72
  };
72
73
  export declare type SignUpFormComponentMessageProps = {
73
74
  message: string;
@@ -80,4 +80,6 @@ export interface IUpsellSectionProps {
80
80
  theme?: ThemeType;
81
81
  /** Custom CSS classes */
82
82
  className?: string;
83
+ /** Sets Font Family by default Grey */
84
+ titleFontFamily?: 'Victor' | 'Grey' | undefined;
83
85
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@royaloperahouse/harmonic",
3
- "version": "0.18.6",
3
+ "version": "0.18.7",
4
4
  "author": "Royal Opera House",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/README.md DELETED
@@ -1,69 +0,0 @@
1
- # Royal Opera House - Harmonic
2
-
3
- Welcome to The Royal Opera House Harmonic library components `@royaloperahouse/harmonic`.
4
-
5
- This package is a library of UI components intended to be used in the ROH website.
6
-
7
-
8
- ## Install
9
-
10
- ```bash
11
- npm i --save @royaloperahouse/harmonic
12
- ```
13
- ```bash
14
- yarn add @royaloperahouse/harmonic
15
- ```
16
-
17
- ## Usage
18
-
19
- ```javascript
20
- import {
21
- Footer, GlobalStyles, ThemeProvider, ThemeType,
22
- } from '@royaloperahouse/harmonic';
23
-
24
- ```
25
- ## Sample
26
-
27
- ```javascript
28
-
29
- import {
30
- Footer, GlobalStyles, ThemeProvider, ThemeType,
31
- } from '@royaloperahouse/harmonic';
32
-
33
-
34
- const App = ({ children }: InnerProps): React.ReactElement => (
35
- <ErrorBoundary>
36
- <ThemeProvider theme={ThemeType.Core}>
37
- <GlobalStyles />
38
- <Wrapper>
39
- <Header />
40
- <GlobalStyle />
41
- <HealthBanner />
42
- <ErrorBoundary>
43
- <Content>
44
- {children}
45
- </Content>
46
- </ErrorBoundary>
47
- <LiveChat />
48
- </Wrapper>
49
- <Footer data={footerData} />
50
- </ThemeProvider>
51
- </ErrorBoundary>
52
- );
53
-
54
- ```
55
-
56
- ## Components
57
- (Complete)
58
- ControlledDropdown, ImageProportion, Typography (Display, Header, Subtitle,BodyCopy, Overline, ButtonText, Caption, NavigationText, TextLink)
59
-
60
- (WIP)
61
- Colors, Footer, Iconography, Navigation, Tab, Tabs, TabLink
62
-
63
- (TODO / Legacy)
64
- Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, Card, Cards, Carousel, CinemaBadge, ContactCard, devices, Editorial, GlobalStyles, Grid, GridItem, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, ImageWithCaption, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, TertiaryButton, TextOnly, Tickbox, TitleWithCTA, ThemeProvider, TypeTags, Quote
65
-
66
-
67
- ## Documentation
68
-
69
- [See Storybook as a reference] TODO: S3 deployment