@royaloperahouse/harmonic 0.1.1-d → 0.1.2

package/dist/helpers/devices.d.ts

@@ -1,3 +1,9 @@
 export declare const useIOS: () => boolean;
 export declare const isMobile: () => boolean;
 export declare const useMobile: () => boolean;
+export declare const useViewport: () => {
+    width: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};

package/dist/styles/themes.d.ts

@@ -461,6 +461,10 @@ export declare const core: {
             verticalSpacingLarge: string;
             verticalSpacingSmall: string;
         };
+        tablet: {
+            paddingTop: string;
+            paddingBottom: string;
+        };
         mobile: {
             height: string;
             paddingTop: string;
@@ -928,6 +932,10 @@ export declare const stream: {
             verticalSpacingLarge: string;
             verticalSpacingSmall: string;
         };
+        tablet: {
+            paddingTop: string;
+            paddingBottom: string;
+        };
         mobile: {
             height: string;
             paddingTop: string;
@@ -1395,6 +1403,10 @@ export declare const cinema: {
             verticalSpacingLarge: string;
             verticalSpacingSmall: string;
         };
+        tablet: {
+            paddingTop: string;
+            paddingBottom: string;
+        };
         mobile: {
             height: string;
             paddingTop: string;
@@ -1862,6 +1874,10 @@ export declare const schools: {
             verticalSpacingLarge: string;
             verticalSpacingSmall: string;
         };
+        tablet: {
+            paddingTop: string;
+            paddingBottom: string;
+        };
         mobile: {
             height: string;
             paddingTop: string;
@@ -2330,6 +2346,10 @@ export declare const themes: {
                 verticalSpacingLarge: string;
                 verticalSpacingSmall: string;
             };
+            tablet: {
+                paddingTop: string;
+                paddingBottom: string;
+            };
             mobile: {
                 height: string;
                 paddingTop: string;
@@ -2797,6 +2817,10 @@ export declare const themes: {
                 verticalSpacingLarge: string;
                 verticalSpacingSmall: string;
             };
+            tablet: {
+                paddingTop: string;
+                paddingBottom: string;
+            };
             mobile: {
                 height: string;
                 paddingTop: string;
@@ -3264,6 +3288,10 @@ export declare const themes: {
                 verticalSpacingLarge: string;
                 verticalSpacingSmall: string;
             };
+            tablet: {
+                paddingTop: string;
+                paddingBottom: string;
+            };
             mobile: {
                 height: string;
                 paddingTop: string;
@@ -3740,6 +3768,10 @@ export declare const themes: {
                 verticalSpacingLarge: string;
                 verticalSpacingSmall: string;
             };
+            tablet: {
+                paddingTop: string;
+                paddingBottom: string;
+            };
             mobile: {
                 height: string;
                 paddingTop: string;

package/dist/types/footer.d.ts

@@ -39,3 +39,9 @@ export interface IContactNewsletterProps {
     socialMediaLinks: SocialMediaLink[];
     contact: CommonLink;
 }
+export interface PolicyLinksProps {
+    items: PolicyLink[];
+}
+export interface SocialLinksProps {
+    items: SocialMediaLink[];
+}

package/dist/types/image.d.ts

@@ -1,24 +1,24 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { StyledProps } from 'styled-components';
 export declare enum AspectRatio {
     '1:1' = "1 / 1",
     '3:4' = "3 / 4",
     '4:3' = "4 / 3",
-    '3:2' = "3 / 2",
+    '8:3' = "8 / 3",
     '16:9' = "16 / 9"
 }
 export declare enum AspectRatioLegacy {
     '1 / 1' = "100",
     '3 / 4' = "133",
     '4 / 3' = "75",
-    '3 / 2' = "66.67",
+    '8 / 3' = "37.5",
     '16 / 9' = "56.25"
 }
 export declare enum AspectRatioWidth {
     '1 / 1' = "1",
     '3 / 4' = "0.75",
     '4 / 3' = "1.33",
-    '3 / 2' = "1.5",
+    '8 / 3' = "2.67",
     '16 / 9' = "1.78"
 }
 export interface IImageAspectRatioWrapperProps {
@@ -26,6 +26,10 @@ export interface IImageAspectRatioWrapperProps {
      * Aspect ratio of the contained image
      */
     aspectRatio?: AspectRatio;
+    /**
+     * Alternative text describing the image content for accessibility purposes.
+     */
+    alt?: string;
 }
 export interface IImageWithCaptionProps {
     /**
@@ -54,3 +58,9 @@ export interface IImageWithCaptionWrapperProps extends StyledProps<{
      */
     height: number;
 }
+export interface ImageAspectRatioWrapperProps extends IImageAspectRatioWrapperProps {
+    /**
+     * Image elements
+     */
+    children: ReactNode;
+}

package/dist/types/types.d.ts

@@ -344,6 +344,10 @@ export interface ISponsorLogoProps {
      * Color for the background of the logo
      */
     colorBackground?: string;
+    /**
+     * Alternative text for the logo (used for accessibility)
+     */
+    alt?: string;
 }
 export interface ISponsorshipProps {
     /**

package/dist/types/typography.d.ts

@@ -13,11 +13,6 @@ export interface IGenericTypographyProps {
 export interface IHarmonicHeaderProps extends IGenericTypographyProps {
     hierarchy: 'h1' | 'h2' | 'h3';
 }
-export interface IAltHeaderHarmonicProps extends IGenericTypographyProps {
-    text1: string;
-    text2?: string;
-    text3?: string;
-}
 export declare type TypographyLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export declare type AltHeaderLevel = 3 | 4 | 5 | 6;
 export declare type BodyLevel = 1 | 2 | 3;
@@ -40,7 +35,7 @@ export interface ITypographyWrapperProps extends StyledProps<IStyledTypographyPr
 }
 interface IGenericTypography {
     /**
-     * text or html block to wrap in styled tag.
+     * Text or HTML content to wrap in a styled tag.
      */
     children: ReactNode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/harmonic",
-  "version": "0.1.1-d",
+  "version": "0.1.2",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",
@@ -143,4 +143,4 @@
       "npx prettier src --write --uncommitted"
     ]
   }
-}
+}