@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.
- package/CHANGELOG.md +13 -0
- package/dist/chord.cjs.development.js +145 -22
- 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 +145 -22
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Icons/SvgIcons/Actions/Favourite.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/Actions/FavouriteFull.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/Utility/Star.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +3 -0
- package/dist/components/molecules/ImageWithCaption/ImageWithCaption.style.d.ts +2 -1
- package/dist/types/image.d.ts +23 -0
- package/package.json +1 -1
|
@@ -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
|
-
|
|
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>;
|
package/dist/types/image.d.ts
CHANGED
|
@@ -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
|
+
}
|