@royaloperahouse/chord 0.1.0

package/dist/styles/themes.d.ts

@@ -0,0 +1,2120 @@
+export declare const core: {
+    colors: {
+        primary: string;
+        primaryButton: string;
+        secondaryButton: string;
+        tertiaryButton: string;
+        black: string;
+        white: string;
+        darkgrey: string;
+        midgrey: string;
+        lightgrey: string;
+        error: string;
+        medium: string;
+        good: string;
+    };
+    fonts: {
+        desktop: {
+            sizes: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+                search: string;
+            };
+            letterSpacing: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                subtitles: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+            };
+            lineHeights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                peopleListing: string;
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            families: {
+                headers: string;
+                altHeaders: string;
+                subtitles: string;
+                body: string;
+                bodyItalics: string;
+                listing: string;
+                listingItalics: string;
+                buttons: string;
+                overline: string;
+                navigation: string;
+                peopleListingRole: string;
+            };
+            weights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                buttons: string;
+                overline: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+            };
+            transforms: {
+                headers: string;
+                overline: string;
+                subtitles: string;
+                body: string;
+            };
+        };
+        mobile: {
+            sizes: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            letterSpacing: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                subtitles: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+            };
+            lineHeights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            families: {
+                headers: string;
+                altHeaders: string;
+                subtitles: string;
+                body: string;
+                bodyItalics: string;
+                listing: string;
+                listingItalics: string;
+                buttons: string;
+                overline: string;
+                navigation: string;
+            };
+            weights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                buttons: string;
+                overline: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+            };
+            transforms: {
+                headers: string;
+                overline: string;
+                subtitles: string;
+                body: string;
+            };
+        };
+    };
+    spacing: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        15: string;
+        18: string;
+        20: string;
+        30: string;
+        35: string;
+        40: string;
+        45: string;
+        50: string;
+    };
+    grid: {
+        mobile: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+        tablet: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+        desktop: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+    };
+    buttons: {
+        paddingX: string;
+        paddingY: string;
+        paddingYIcon: string;
+        iconWidth: string;
+        iconHeight: string;
+        iconMargin: string;
+    };
+    footer: {
+        desktop: {
+            height: string;
+            paddingTop: string;
+            paddingBottom: string;
+            itemsGap: string;
+            mediaGap: string;
+            mediaIconWidth: string;
+            mediaIconHeight: string;
+            verticalSpacingLarge: string;
+            verticalSpacingSmall: string;
+        };
+        mobile: {
+            height: string;
+            paddingTop: string;
+            paddingBottom: string;
+            itemsGap: string;
+            mediaGap: string;
+            mediaIconWidth: string;
+            mediaIconHeight: string;
+            verticalSpacingLarge: string;
+            verticalSpacingSmall: string;
+        };
+    };
+};
+export declare const stream: {
+    colors: {
+        primary: string;
+        primaryButton: string;
+        secondaryButton: string;
+        tertiaryButton: string;
+        black: string;
+        white: string;
+        darkgrey: string;
+        midgrey: string;
+        lightgrey: string;
+        error: string;
+        medium: string;
+        good: string;
+    };
+    fonts: {
+        desktop: {
+            sizes: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+                search: string;
+            };
+            letterSpacing: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                subtitles: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+            };
+            lineHeights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                peopleListing: string;
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            families: {
+                headers: string;
+                altHeaders: string;
+                subtitles: string;
+                body: string;
+                bodyItalics: string;
+                listing: string;
+                listingItalics: string;
+                buttons: string;
+                overline: string;
+                navigation: string;
+                peopleListingRole: string;
+            };
+            weights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                buttons: string;
+                overline: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+            };
+            transforms: {
+                headers: string;
+                overline: string;
+                subtitles: string;
+                body: string;
+            };
+        };
+        mobile: {
+            sizes: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            letterSpacing: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                subtitles: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+            };
+            lineHeights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            families: {
+                headers: string;
+                altHeaders: string;
+                subtitles: string;
+                body: string;
+                bodyItalics: string;
+                listing: string;
+                listingItalics: string;
+                buttons: string;
+                overline: string;
+                navigation: string;
+            };
+            weights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                buttons: string;
+                overline: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+            };
+            transforms: {
+                headers: string;
+                overline: string;
+                subtitles: string;
+                body: string;
+            };
+        };
+    };
+    spacing: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        15: string;
+        18: string;
+        20: string;
+        30: string;
+        35: string;
+        40: string;
+        45: string;
+        50: string;
+    };
+    grid: {
+        mobile: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+        tablet: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+        desktop: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+    };
+    buttons: {
+        paddingX: string;
+        paddingY: string;
+        paddingYIcon: string;
+        iconWidth: string;
+        iconHeight: string;
+        iconMargin: string;
+    };
+    footer: {
+        desktop: {
+            height: string;
+            paddingTop: string;
+            paddingBottom: string;
+            itemsGap: string;
+            mediaGap: string;
+            mediaIconWidth: string;
+            mediaIconHeight: string;
+            verticalSpacingLarge: string;
+            verticalSpacingSmall: string;
+        };
+        mobile: {
+            height: string;
+            paddingTop: string;
+            paddingBottom: string;
+            itemsGap: string;
+            mediaGap: string;
+            mediaIconWidth: string;
+            mediaIconHeight: string;
+            verticalSpacingLarge: string;
+            verticalSpacingSmall: string;
+        };
+    };
+};
+export declare const cinema: {
+    colors: {
+        primary: string;
+        primaryButton: string;
+        secondaryButton: string;
+        tertiaryButton: string;
+        black: string;
+        white: string;
+        darkgrey: string;
+        midgrey: string;
+        lightgrey: string;
+        error: string;
+        medium: string;
+        good: string;
+    };
+    fonts: {
+        desktop: {
+            sizes: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+                search: string;
+            };
+            letterSpacing: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                subtitles: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+            };
+            lineHeights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                peopleListing: string;
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            families: {
+                headers: string;
+                altHeaders: string;
+                subtitles: string;
+                body: string;
+                bodyItalics: string;
+                listing: string;
+                listingItalics: string;
+                buttons: string;
+                overline: string;
+                navigation: string;
+                peopleListingRole: string;
+            };
+            weights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                buttons: string;
+                overline: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+            };
+            transforms: {
+                headers: string;
+                overline: string;
+                subtitles: string;
+                body: string;
+            };
+        };
+        mobile: {
+            sizes: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            letterSpacing: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                subtitles: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+            };
+            lineHeights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                altHeaders: {
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+                titleDescription: string;
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                listing: string;
+                buttons: string;
+                overline: {
+                    1: string;
+                    2: string;
+                };
+                navigation: string;
+            };
+            families: {
+                headers: string;
+                altHeaders: string;
+                subtitles: string;
+                body: string;
+                bodyItalics: string;
+                listing: string;
+                listingItalics: string;
+                buttons: string;
+                overline: string;
+                navigation: string;
+            };
+            weights: {
+                headers: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: string;
+                    5: string;
+                    6: string;
+                };
+                buttons: string;
+                overline: {
+                    1: string;
+                };
+                body: {
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+                subtitles: {
+                    1: string;
+                    2: string;
+                };
+            };
+            transforms: {
+                headers: string;
+                overline: string;
+                subtitles: string;
+                body: string;
+            };
+        };
+    };
+    spacing: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        15: string;
+        18: string;
+        20: string;
+        30: string;
+        35: string;
+        40: string;
+        45: string;
+        50: string;
+    };
+    grid: {
+        mobile: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+        tablet: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+        desktop: {
+            margin: string;
+            outerMargin: string;
+            gap: string;
+        };
+    };
+    buttons: {
+        paddingX: string;
+        paddingY: string;
+        paddingYIcon: string;
+        iconWidth: string;
+        iconHeight: string;
+        iconMargin: string;
+    };
+    footer: {
+        desktop: {
+            height: string;
+            paddingTop: string;
+            paddingBottom: string;
+            itemsGap: string;
+            mediaGap: string;
+            mediaIconWidth: string;
+            mediaIconHeight: string;
+            verticalSpacingLarge: string;
+            verticalSpacingSmall: string;
+        };
+        mobile: {
+            height: string;
+            paddingTop: string;
+            paddingBottom: string;
+            itemsGap: string;
+            mediaGap: string;
+            mediaIconWidth: string;
+            mediaIconHeight: string;
+            verticalSpacingLarge: string;
+            verticalSpacingSmall: string;
+        };
+    };
+};
+export declare const themes: {
+    core: {
+        colors: {
+            primary: string;
+            primaryButton: string;
+            secondaryButton: string;
+            tertiaryButton: string;
+            black: string;
+            white: string;
+            darkgrey: string;
+            midgrey: string;
+            lightgrey: string;
+            error: string;
+            medium: string;
+            good: string;
+        };
+        fonts: {
+            desktop: {
+                sizes: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                    search: string;
+                };
+                letterSpacing: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    subtitles: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                };
+                lineHeights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    peopleListing: string;
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                families: {
+                    headers: string;
+                    altHeaders: string;
+                    subtitles: string;
+                    body: string;
+                    bodyItalics: string;
+                    listing: string;
+                    listingItalics: string;
+                    buttons: string;
+                    overline: string;
+                    navigation: string;
+                    peopleListingRole: string;
+                };
+                weights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    buttons: string;
+                    overline: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                };
+                transforms: {
+                    headers: string;
+                    overline: string;
+                    subtitles: string;
+                    body: string;
+                };
+            };
+            mobile: {
+                sizes: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                letterSpacing: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    subtitles: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                };
+                lineHeights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                families: {
+                    headers: string;
+                    altHeaders: string;
+                    subtitles: string;
+                    body: string;
+                    bodyItalics: string;
+                    listing: string;
+                    listingItalics: string;
+                    buttons: string;
+                    overline: string;
+                    navigation: string;
+                };
+                weights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    buttons: string;
+                    overline: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                };
+                transforms: {
+                    headers: string;
+                    overline: string;
+                    subtitles: string;
+                    body: string;
+                };
+            };
+        };
+        spacing: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            12: string;
+            15: string;
+            18: string;
+            20: string;
+            30: string;
+            35: string;
+            40: string;
+            45: string;
+            50: string;
+        };
+        grid: {
+            mobile: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+            tablet: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+            desktop: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+        };
+        buttons: {
+            paddingX: string;
+            paddingY: string;
+            paddingYIcon: string;
+            iconWidth: string;
+            iconHeight: string;
+            iconMargin: string;
+        };
+        footer: {
+            desktop: {
+                height: string;
+                paddingTop: string;
+                paddingBottom: string;
+                itemsGap: string;
+                mediaGap: string;
+                mediaIconWidth: string;
+                mediaIconHeight: string;
+                verticalSpacingLarge: string;
+                verticalSpacingSmall: string;
+            };
+            mobile: {
+                height: string;
+                paddingTop: string;
+                paddingBottom: string;
+                itemsGap: string;
+                mediaGap: string;
+                mediaIconWidth: string;
+                mediaIconHeight: string;
+                verticalSpacingLarge: string;
+                verticalSpacingSmall: string;
+            };
+        };
+    };
+    stream: {
+        colors: {
+            primary: string;
+            primaryButton: string;
+            secondaryButton: string;
+            tertiaryButton: string;
+            black: string;
+            white: string;
+            darkgrey: string;
+            midgrey: string;
+            lightgrey: string;
+            error: string;
+            medium: string;
+            good: string;
+        };
+        fonts: {
+            desktop: {
+                sizes: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                    search: string;
+                };
+                letterSpacing: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    subtitles: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                };
+                lineHeights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    peopleListing: string;
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                families: {
+                    headers: string;
+                    altHeaders: string;
+                    subtitles: string;
+                    body: string;
+                    bodyItalics: string;
+                    listing: string;
+                    listingItalics: string;
+                    buttons: string;
+                    overline: string;
+                    navigation: string;
+                    peopleListingRole: string;
+                };
+                weights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    buttons: string;
+                    overline: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                };
+                transforms: {
+                    headers: string;
+                    overline: string;
+                    subtitles: string;
+                    body: string;
+                };
+            };
+            mobile: {
+                sizes: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                letterSpacing: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    subtitles: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                };
+                lineHeights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                families: {
+                    headers: string;
+                    altHeaders: string;
+                    subtitles: string;
+                    body: string;
+                    bodyItalics: string;
+                    listing: string;
+                    listingItalics: string;
+                    buttons: string;
+                    overline: string;
+                    navigation: string;
+                };
+                weights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    buttons: string;
+                    overline: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                };
+                transforms: {
+                    headers: string;
+                    overline: string;
+                    subtitles: string;
+                    body: string;
+                };
+            };
+        };
+        spacing: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            12: string;
+            15: string;
+            18: string;
+            20: string;
+            30: string;
+            35: string;
+            40: string;
+            45: string;
+            50: string;
+        };
+        grid: {
+            mobile: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+            tablet: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+            desktop: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+        };
+        buttons: {
+            paddingX: string;
+            paddingY: string;
+            paddingYIcon: string;
+            iconWidth: string;
+            iconHeight: string;
+            iconMargin: string;
+        };
+        footer: {
+            desktop: {
+                height: string;
+                paddingTop: string;
+                paddingBottom: string;
+                itemsGap: string;
+                mediaGap: string;
+                mediaIconWidth: string;
+                mediaIconHeight: string;
+                verticalSpacingLarge: string;
+                verticalSpacingSmall: string;
+            };
+            mobile: {
+                height: string;
+                paddingTop: string;
+                paddingBottom: string;
+                itemsGap: string;
+                mediaGap: string;
+                mediaIconWidth: string;
+                mediaIconHeight: string;
+                verticalSpacingLarge: string;
+                verticalSpacingSmall: string;
+            };
+        };
+    };
+    cinema: {
+        colors: {
+            primary: string;
+            primaryButton: string;
+            secondaryButton: string;
+            tertiaryButton: string;
+            black: string;
+            white: string;
+            darkgrey: string;
+            midgrey: string;
+            lightgrey: string;
+            error: string;
+            medium: string;
+            good: string;
+        };
+        fonts: {
+            desktop: {
+                sizes: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                    search: string;
+                };
+                letterSpacing: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    subtitles: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                };
+                lineHeights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    peopleListing: string;
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                families: {
+                    headers: string;
+                    altHeaders: string;
+                    subtitles: string;
+                    body: string;
+                    bodyItalics: string;
+                    listing: string;
+                    listingItalics: string;
+                    buttons: string;
+                    overline: string;
+                    navigation: string;
+                    peopleListingRole: string;
+                };
+                weights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    buttons: string;
+                    overline: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                };
+                transforms: {
+                    headers: string;
+                    overline: string;
+                    subtitles: string;
+                    body: string;
+                };
+            };
+            mobile: {
+                sizes: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                letterSpacing: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    subtitles: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                };
+                lineHeights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    altHeaders: {
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                    titleDescription: string;
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    listing: string;
+                    buttons: string;
+                    overline: {
+                        1: string;
+                        2: string;
+                    };
+                    navigation: string;
+                };
+                families: {
+                    headers: string;
+                    altHeaders: string;
+                    subtitles: string;
+                    body: string;
+                    bodyItalics: string;
+                    listing: string;
+                    listingItalics: string;
+                    buttons: string;
+                    overline: string;
+                    navigation: string;
+                };
+                weights: {
+                    headers: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                    };
+                    buttons: string;
+                    overline: {
+                        1: string;
+                    };
+                    body: {
+                        1: string;
+                        2: string;
+                        3: string;
+                    };
+                    subtitles: {
+                        1: string;
+                        2: string;
+                    };
+                };
+                transforms: {
+                    headers: string;
+                    overline: string;
+                    subtitles: string;
+                    body: string;
+                };
+            };
+        };
+        spacing: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            12: string;
+            15: string;
+            18: string;
+            20: string;
+            30: string;
+            35: string;
+            40: string;
+            45: string;
+            50: string;
+        };
+        grid: {
+            mobile: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+            tablet: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+            desktop: {
+                margin: string;
+                outerMargin: string;
+                gap: string;
+            };
+        };
+        buttons: {
+            paddingX: string;
+            paddingY: string;
+            paddingYIcon: string;
+            iconWidth: string;
+            iconHeight: string;
+            iconMargin: string;
+        };
+        footer: {
+            desktop: {
+                height: string;
+                paddingTop: string;
+                paddingBottom: string;
+                itemsGap: string;
+                mediaGap: string;
+                mediaIconWidth: string;
+                mediaIconHeight: string;
+                verticalSpacingLarge: string;
+                verticalSpacingSmall: string;
+            };
+            mobile: {
+                height: string;
+                paddingTop: string;
+                paddingBottom: string;
+                itemsGap: string;
+                mediaGap: string;
+                mediaIconWidth: string;
+                mediaIconHeight: string;
+                verticalSpacingLarge: string;
+                verticalSpacingSmall: string;
+            };
+        };
+    };
+};