@royaloperahouse/chord 0.5.5 → 0.5.9

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.
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { IconSVGProps } from '../../../../../types/iconTypes';
3
+ declare const _default: ({ color }: IconSVGProps) => React.ReactElement;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { IconSVGProps } from '../../../../../types/iconTypes';
3
+ declare const _default: ({ color }: IconSVGProps) => React.ReactElement;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { IconSVGProps } from '../../../../../types/iconTypes';
3
+ declare const _default: ({ color }: IconSVGProps) => React.ReactElement;
4
+ export default _default;
@@ -24,6 +24,8 @@ export declare const IconLibrary: {
24
24
  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>)>;
25
25
  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>)>;
26
26
  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>)>;
27
+ 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>)>;
28
+ FavouriteFull: ({ 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>)>;
27
29
  Filter: ({ 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>)>;
28
30
  FindAScreening: ({ 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>)>;
29
31
  Forward10: ({ 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>)>;
@@ -55,6 +57,7 @@ export declare const IconLibrary: {
55
57
  Settings: ({ 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>)>;
56
58
  Shift: ({ 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>)>;
57
59
  Space: ({ 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>)>;
60
+ Star: ({ 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>)>;
58
61
  Subscribe: ({ 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>)>;
59
62
  Subtitles: ({ 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>)>;
60
63
  Tick: ({ 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>)>;
@@ -1,2 +1,3 @@
1
- export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ import { IImageWithCaptionWrapperProps } from '../../../types/image';
2
+ export declare const Wrapper: import("styled-components").StyledComponent<"div", any, IImageWithCaptionWrapperProps, never>;
2
3
  export declare const CaptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,10 +1,23 @@
1
1
  import { ReactElement } from 'react';
2
+ import { StyledProps } from 'styled-components';
2
3
  export declare enum AspectRatio {
3
4
  '1:1' = "1 / 1",
4
5
  '3:4' = "3 / 4",
5
6
  '4:3' = "4 / 3",
6
7
  '16:9' = "16 / 9"
7
8
  }
9
+ export declare enum AspectRatioLegacy {
10
+ '1 / 1' = "100",
11
+ '3 / 4' = "133",
12
+ '4 / 3' = "75",
13
+ '16 / 9' = "56.25"
14
+ }
15
+ export declare enum AspectRatioWidth {
16
+ '1 / 1' = "1",
17
+ '3 / 4' = "0.75",
18
+ '4 / 3' = "1.33",
19
+ '16 / 9' = "1.78"
20
+ }
8
21
  export interface IImageAspectRatioWrapperProps {
9
22
  /**
10
23
  * Aspect ratio of the contained image
@@ -25,3 +38,13 @@ export interface IImageWithCaptionProps {
25
38
  */
26
39
  children: ReactElement<HTMLImageElement>;
27
40
  }
41
+ export interface IImageWithCaptionWrapperProps extends StyledProps<any> {
42
+ /**
43
+ * Aspect ratio of the contained image
44
+ */
45
+ aspectRatio?: AspectRatio;
46
+ /**
47
+ * Height of the wrapper
48
+ */
49
+ height: number;
50
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@royaloperahouse/chord",
3
- "version": "0.5.5",
3
+ "version": "0.5.9",
4
4
  "author": "Royal Opera House",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",