@royaloperahouse/chord 1.18.0 → 1.18.1-dev-chord-development
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.
- package/CHANGELOG.md +37 -3
- package/dist/chord.cjs.development.js +88 -19
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +88 -19
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Basket/Basket.d.ts +1 -1
- package/dist/components/atoms/Basket/helpers.d.ts +3 -0
- package/dist/components/atoms/VideoControls/VideoControls.style.d.ts +1 -1
- package/dist/components/molecules/PageHeading/index.d.ts +1 -1
- package/dist/types/navigation.d.ts +9 -1
- package/package.json +1 -1
- package/README.GIT +0 -67
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IBasketProps } from '../../../types/navigation';
|
|
2
|
-
declare const Basket: ({ text, link, selected, numItems, onClick, colorPrimary }: IBasketProps) => JSX.Element;
|
|
2
|
+
declare const Basket: ({ text, link, selected, numItems, onClick, colorPrimary, expiryDate, }: IBasketProps) => JSX.Element;
|
|
3
3
|
export default Basket;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
declare type withDeviceVolume = {
|
|
2
|
-
volumeHidden
|
|
2
|
+
volumeHidden?: boolean;
|
|
3
3
|
};
|
|
4
4
|
declare const VideoPlayButton: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
5
5
|
declare const VideoControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -5,4 +5,4 @@ import PageHeadingImpact from './Impact';
|
|
|
5
5
|
import PageHeadingPanel from './Panel';
|
|
6
6
|
import PageHeadingStream from './Stream';
|
|
7
7
|
import PageHeadingCompact from './Compact/Compact';
|
|
8
|
-
export { PageHeadingCinema, PageHeadingCore, PageHeadingHighlight, PageHeadingImpact, PageHeadingStream, PageHeadingCompact,
|
|
8
|
+
export { PageHeadingCinema, PageHeadingCore, PageHeadingHighlight, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact, };
|
|
@@ -20,7 +20,7 @@ export interface IAccountProps {
|
|
|
20
20
|
*/
|
|
21
21
|
iconName?: IconNameType;
|
|
22
22
|
/**
|
|
23
|
-
* The
|
|
23
|
+
* The link of the title
|
|
24
24
|
*/
|
|
25
25
|
titleLink?: string;
|
|
26
26
|
/**
|
|
@@ -53,6 +53,14 @@ export interface IBasketProps {
|
|
|
53
53
|
* The primary color
|
|
54
54
|
*/
|
|
55
55
|
colorPrimary?: string;
|
|
56
|
+
/**
|
|
57
|
+
* The time when basket items are released
|
|
58
|
+
*/
|
|
59
|
+
expiryDate?: string;
|
|
60
|
+
/**
|
|
61
|
+
* For changing the color of the basket icon & text (when not in hover state)
|
|
62
|
+
*/
|
|
63
|
+
isActive?: boolean;
|
|
56
64
|
}
|
|
57
65
|
export interface ISearchProps {
|
|
58
66
|
/**
|
package/package.json
CHANGED
package/README.GIT
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
# Royal Opera House - chord
|
|
2
|
-
|
|
3
|
-
Welcome to the Royal Opera House library components `@royaloperahouse/chord`.
|
|
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/chord
|
|
12
|
-
```
|
|
13
|
-
```bash
|
|
14
|
-
yarn add @royaloperahouse/chord
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
## Usage
|
|
18
|
-
|
|
19
|
-
```javascript
|
|
20
|
-
import {
|
|
21
|
-
Footer, GlobalStyles, ThemeProvider, ThemeType,
|
|
22
|
-
} from '@royaloperahouse/chord';
|
|
23
|
-
|
|
24
|
-
```
|
|
25
|
-
## Sample
|
|
26
|
-
|
|
27
|
-
```javascript
|
|
28
|
-
|
|
29
|
-
import {
|
|
30
|
-
Footer, GlobalStyles, ThemeProvider, ThemeType,
|
|
31
|
-
} from '@royaloperahouse/chord';
|
|
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
|
-
|
|
58
|
-
Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, BodyText, Card, Cards, Carousel, CinemaBadge, ContactCard, ControlledDropdown, devices, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, ImageWithCaption, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, TertiaryButton, TextLink, TextOnly, Tickbox, TitleWithCTA, ThemeProvider, TypeTags, Quote
|
|
59
|
-
|
|
60
|
-
## Types
|
|
61
|
-
|
|
62
|
-
AspectRatio, CarouselType, Colors, FooterData, INavigationProps, INavTopProps, TickboxMode, ThemeType
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
## Documentation
|
|
66
|
-
|
|
67
|
-
See Storybook as a reference
|