@royaloperahouse/chord 0.5.6 → 0.5.10
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 +15 -0
- package/dist/chord.cjs.development.js +160 -64
- 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 +160 -64
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/atoms/Icons/SvgIcons/Utility/Star.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +1 -0
- package/dist/components/molecules/ImageWithCaption/ImageWithCaption.style.d.ts +2 -1
- package/dist/components/organisms/Navigation/Navigation.style.d.ts +1 -0
- package/dist/types/image.d.ts +23 -0
- package/package.json +1 -1
|
@@ -57,6 +57,7 @@ export declare const IconLibrary: {
|
|
|
57
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>)>;
|
|
58
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>)>;
|
|
59
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>)>;
|
|
60
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>)>;
|
|
61
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>)>;
|
|
62
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>;
|
|
@@ -6,4 +6,5 @@ export declare const NavigationGridMobile: import("styled-components").StyledCom
|
|
|
6
6
|
export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
7
|
export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
8
|
export declare const NavContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export declare const NavContainerGridItem: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
|
|
9
10
|
export declare const NavTopContainer: 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
|
+
}
|