@manamerge/mana-atomic-ui 0.0.75 → 0.0.76

package/dist/types/src/themes/Manamerge.d.ts

@@ -0,0 +1,1374 @@
+export declare const manamergeTheme: {
+    link: {
+        "Link-light": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            hover: {
+                color: string;
+            };
+            focus: {
+                outline: string;
+            };
+            disabled: {
+                color: string;
+            };
+        };
+        "Link-regular": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            hover: {
+                color: string;
+            };
+            focus: {
+                outline: string;
+            };
+            disabled: {
+                color: string;
+            };
+        };
+        "Link-medium": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            hover: {
+                color: string;
+            };
+            focus: {
+                outline: string;
+            };
+            disabled: {
+                color: string;
+            };
+        };
+        "Link-bold": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            hover: {
+                color: string;
+            };
+            focus: {
+                outline: string;
+            };
+            disabled: {
+                color: string;
+            };
+        };
+        "Link-heavy": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            hover: {
+                color: string;
+            };
+            focus: {
+                outline: string;
+            };
+            disabled: {
+                color: string;
+            };
+        };
+    };
+    heading: {
+        "Heading-h1": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h2": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h3": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h4": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h5": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h6": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+    };
+    button: {
+        "Button-primary": {
+            textTransform: string;
+            height: string;
+            width: string;
+            maxWidth: string;
+            maxHeight: string;
+            borderRadius: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+            letterSpacing: string;
+            padding: string;
+            fontSize: string;
+            color: string;
+            textAlign: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            cursor: string;
+            shadow: string;
+            transition: string;
+            border: string;
+            overflow: string;
+            position: string;
+            default: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            hover: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            active: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            disabled: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+        };
+        "Button-secondary": {
+            textTransform: string;
+            height: string;
+            width: string;
+            maxWidth: string;
+            maxHeight: string;
+            borderRadius: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+            letterSpacing: string;
+            padding: string;
+            fontSize: string;
+            color: string;
+            textAlign: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            cursor: string;
+            shadow: string;
+            transition: string;
+            border: string;
+            overflow: string;
+            position: string;
+            default: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            hover: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            active: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            disabled: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+        };
+    };
+    textStyles: {
+        "Text-light": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            margin: string;
+        };
+        "Text-regular": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            margin: string;
+        };
+        "Text-medium": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            margin: string;
+        };
+        "Text-bold": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            margin: string;
+        };
+        "Text-heavy": {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            color: string;
+            margin: string;
+        };
+    };
+    breakpoints: {
+        tinyMobileUp: number;
+        smallMobileUp: number;
+        mobileUp: number;
+        mobileLandscapeUp: number;
+        largeMobileUp: number;
+        tabletPortraitUp: number;
+        tabletLandscapeUp: number;
+        desktopUp: number;
+        largeDesktopUp: number;
+        superLargeDesktopUp: number;
+    };
+    icon: {
+        "Icon-small": {
+            size: string;
+            color: string;
+            stroke: string;
+            hover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+        "Icon-medium": {
+            size: string;
+            color: string;
+            stroke: string;
+            hover: {
+                stroke: string;
+                color: string;
+            };
+        };
+        "Icon-large": {
+            size: string;
+            color: string;
+            stroke: string;
+            hover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+    };
+    headingStyles: {
+        "Heading-h1": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h2": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h3": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h4": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h5": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+        "Heading-h6": {
+            mobile: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            tablet: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+            desktop: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                color: string;
+                margin: string;
+            };
+        };
+    };
+    header: {
+        backgroundColor1: string;
+        backgroundColor2: string;
+        bannerColor: string;
+        atomIconTop: {
+            variant: string;
+            stroke: string;
+            fill: string;
+            hover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+        atomIconDot: {
+            variant: string;
+            size: string;
+            fill: string;
+            stroke: string;
+            hover: {
+                stroke: string;
+            };
+        };
+        atomHeading: {
+            variant: string;
+        };
+        atomTextTitle: {
+            variant: string;
+        };
+        atomButtonLeft: {
+            variant: string;
+        };
+        atomButtonRight: {
+            variant: string;
+        };
+        atomTextLeft: {
+            variant: string;
+        };
+        atomTextRight: {
+            variant: string;
+        };
+        atomIconLeft: {
+            variant: string;
+        };
+        atomIconRight: {
+            variant: string;
+        };
+    };
+    navigation: {
+        background: string;
+        atomIcon: {
+            variant: string;
+            color: string;
+            focus: {
+                outline: string;
+                outlineOffset: string;
+                boxShadow: string;
+                color: string;
+            };
+            hover: {
+                color: string;
+                transition: string;
+            };
+        };
+        atomLink: {
+            variant: string;
+            color: string;
+            fontWeight: string;
+            currentPath: {
+                color: string;
+                fontWeight: string;
+            };
+            focus: {
+                color: string;
+                boxShadow: string;
+                transform: string;
+            };
+            hover: {
+                color: string;
+                transition: string;
+            };
+        };
+    };
+    footer: {
+        background: string;
+        padding: string;
+        gap: string;
+        text: {
+            variant: string;
+            color: string;
+            hover: {
+                color: string;
+            };
+        };
+        links: {
+            variant: string;
+        };
+        icons: {
+            variant: string;
+        };
+    };
+    cardTeaser: {
+        background: string;
+        gradientBackground: string;
+        borderRadius: string;
+        maxWidth: string;
+        text: {
+            variant: string;
+            color: string;
+            margin: string;
+        };
+        icon: {
+            variant: string;
+        };
+        button: {
+            variant: string;
+        };
+        imageContainer: {
+            responsive: {
+                tinyMobileUp: {
+                    right: string;
+                    top: string;
+                    padding: string;
+                };
+                largeMobileUp: {
+                    right: string;
+                    top: string;
+                    padding: string;
+                };
+                desktopUp: {
+                    padding: string;
+                };
+            };
+        };
+        image: {
+            borderRadius: string;
+        };
+        list: {
+            padding: string;
+            margin: string;
+        };
+        leftCardContainer: {
+            responsive: {
+                tinyMobileUp: {
+                    padding: string;
+                    width: string;
+                };
+                desktopUp: {
+                    padding: string;
+                };
+            };
+        };
+        listItem: {
+            responsive: {
+                tinyMobileUp: {
+                    gap: string;
+                };
+                mobileUp: {
+                    gap: string;
+                };
+            };
+        };
+        separator: {
+            padding: string;
+            border: string;
+        };
+        headingTitle: {
+            variant: string;
+            color: string;
+        };
+        headingCompanyDate: {
+            variant: string;
+            color: string;
+            textTransform: string;
+        };
+    };
+    breakerTape: {
+        icon: {
+            variant: string;
+            fill: string;
+            stroke: string;
+            hover: {
+                stroke: string;
+                fill: string;
+            };
+        };
+        text: {
+            variant: string;
+            color: string;
+        };
+        tapeContent: {
+            alignItems: string;
+            gap: string;
+            slowness: string;
+        };
+        tapeContainer: {
+            width: string;
+            transform: string;
+            background: string;
+            padding: string;
+            margin: string;
+        };
+    };
+    cardSimpleRender: {
+        flexDirection: string;
+        justifyContent: string;
+        gap: string;
+        background: string;
+        gradientBackground: string;
+        border: string;
+        borderRadius: string;
+        padding: string;
+        height: string;
+        maxWidth: string;
+        hover: {
+            border: string;
+            boxShadow: string;
+            transition: string;
+        };
+        atomIcon: {
+            variant: string;
+        };
+        atomHeading: {
+            variant: string;
+        };
+        atomText: {
+            variant: string;
+        };
+    };
+    cardBanner: {
+        flexDirection: string;
+        justifyContent: string;
+        background: string;
+        border: string;
+        borderRadius: string;
+        padding: string;
+        atomHeading: {
+            variant: string;
+        };
+        atomText: {
+            variant: string;
+        };
+        atomButton: {
+            variant: string;
+        };
+        atomTextButton: {
+            variant: string;
+        };
+        atomIcon: {
+            variant: string;
+        };
+    };
+    media: {
+        tinyMobileUp: string;
+        smallMobileUp: string;
+        mobileUp: string;
+        mobileLandscapeUp: string;
+        largeMobileUp: string;
+        tabletPortraitUp: string;
+        tabletLandscapeUp: string;
+        desktopUp: string;
+        largeDesktopUp: string;
+        superLargeDesktopUp: string;
+    };
+    colors: {
+        light: string;
+        white: string;
+        grey: string;
+        accent: string;
+        active: string;
+        affirmative: string;
+        affirmativeDark: string;
+        affirmativeAlternate: string;
+        cta: string;
+        dark: string;
+        separator: string;
+        disabledBg: string;
+        disabledText: string;
+        divider: string;
+        error: string;
+        errorHoverBack: string;
+        hover: string;
+        lightBack: string;
+        navigateText: string;
+        notice: string;
+        outline: string;
+        primary: string;
+        primaryDark: string;
+        primaryDarker: string;
+        readMore: string;
+        secondary: string;
+        secondaryLighter: string;
+        socialIcon: string;
+        socialIconSecondary: string;
+        text: string;
+        textAccent: string;
+        textLight: string;
+        border: string;
+        signedUp: string;
+        borderError: string;
+        borderHover: string;
+    };
+    pages: {
+        vod: {
+            top: {
+                text: string;
+                desktop: string;
+                tablet: string;
+                mobile: string;
+            };
+            main: {
+                background: string;
+                text: string;
+                columns: number;
+                gap: {
+                    mobile: string;
+                    tablet: string;
+                    desktop: string;
+                };
+            };
+        };
+        meetups: {};
+    };
+    components: {
+        meetupCard: {
+            backgroundColor: string;
+            typeColor: string;
+            dateColor: string;
+            titleColor: string;
+            descriptionColor: string;
+            buttonVariant: string;
+            reversedButtons: boolean;
+            fullTextColor: string;
+            fullBackground: string;
+        };
+        textArea: {
+            default: string;
+            active: string;
+            hover: string;
+            disabledText: string;
+        };
+        qnAList: {
+            buttonVariant: string;
+            titleColor: string;
+            textColor: string;
+            disabledBackground: string;
+        };
+        qnACard: {
+            voteButtonIcon: boolean;
+            background: string;
+            textColor: string;
+            footerFlexDirection: string;
+            buttonVariant: string;
+            scrollbar: {
+                width: string;
+            };
+            scrollbarThumb: {
+                background: string;
+            };
+            scrollbarTrack: {
+                boxShadow: string;
+                borderRadius: string;
+            };
+        };
+        toolTip: {
+            textColor: string;
+            toolTipTextColor: string;
+            toolTipBackgroundColor: string;
+            textTransform: string;
+        };
+        formLabel: {
+            labelColor: string;
+            requiredStarColor: string;
+        };
+        selectBox: {
+            textColor: string;
+            selectedTextColor: string;
+            disabledText: string;
+            backgroundColor: string;
+            hover: string;
+            width: string;
+            height: string;
+            topOpen: string;
+            topClosed: string;
+            right: string;
+            selectBoxIconArrow: string;
+            selectBoxIconArrowLight: string;
+            borderColor: string;
+            errorBorderColor: string;
+        };
+        modal: {
+            top: {
+                text: string;
+                background: string;
+                titleColor: string;
+                mobileAlignCenter: boolean;
+            };
+            bottom: {
+                text: string;
+                background: string;
+            };
+            greyText: string;
+            selectedItem: string;
+            topBarColor: string;
+            closeButtonMargin: string;
+            closeButtonColor: {
+                desktop: string;
+                mobile: string;
+            };
+            categoryVariant: string;
+        };
+        notificationToast: {
+            background: string;
+            footerLinkColor: string;
+            closeButtonColor: {
+                desktop: string;
+                mobile: string;
+            };
+        };
+        modalPlayer: {
+            closeButtonColor: {
+                desktop: string;
+                mobile: string;
+            };
+        };
+        modalSpeaker: {
+            nameHeadingVariant: string;
+            isJobTitleHeading: boolean;
+            aboutMeHeadingVariant: string;
+            textVariant: string;
+            avatarSize: string;
+            socialIconSpacing: string;
+            hasMoreSpace: boolean;
+            socialIconColor: string;
+            jobCompanySeperateLines: boolean;
+        };
+        modalQuestion: {
+            padding: string;
+            margin: string;
+            buttonFullWidth: boolean;
+            questionLength: number;
+        };
+        modalQuestionSent: {
+            padding: string;
+            margin: string;
+            buttonFullWidth: boolean;
+        };
+        modalShareHug: {
+            padding: string;
+            margin: string;
+            headingMargin: string;
+            paddingModal: string;
+        };
+        modalVodDetail: {
+            topTitle: boolean;
+            title: {
+                textColor: string;
+                background: string;
+                categoryColor: string;
+                centered: boolean;
+                hasMoreSpace: boolean;
+            };
+            description: {
+                headingVariant: string;
+                textVariant: string;
+            };
+            speakers: {
+                headingVariant: string;
+                textColor: string;
+                background: string;
+                jobTitleColor: string;
+                jobTitleSpacing: boolean;
+                socialIconColor: string;
+                horizontalRulerColor: string;
+                isJobTitleHeading: boolean;
+                avatarSize: string;
+                direction: string;
+                mobileAlignCenter: boolean;
+                mobileAvatarFullWidth: boolean;
+            };
+        };
+        vodTop: {
+            titleHeadingVariant: string;
+            isLight: boolean;
+            showCategories: boolean;
+            showViewAllVideos: boolean;
+            hasMoreSpace: boolean;
+        };
+        vodOverview: {
+            categoryVariant: string;
+            useCheckboxes: boolean;
+            titleHeadingVariant: string;
+            showCategories: boolean;
+            showFilter: boolean;
+            marginLeftWhenMobile: string;
+        };
+        vodDetail: {
+            topTitleColor: string;
+            dateTimeColor: string;
+        };
+        partnerOverview: {
+            showFilter: boolean;
+            showPromoOverview: boolean;
+            promoOverviewColor: string;
+        };
+        videoThumb: {
+            hoverEffect: string;
+            titleColor: string;
+        };
+        LiveThumb: {
+            textColor: string;
+        };
+        schedule: {
+            background: string;
+            textColor: string;
+            trackTitleColor: string;
+            timeLineTextColor: string;
+            rowDividerColor: string;
+            dayColor: string;
+            dayActiveColor: string;
+            dayBorderColor: string;
+            trackColor: string;
+            trackActiveColor: string;
+        };
+        sessionCard: {
+            background: string;
+            backgroundHover: string;
+            categoryVariant: string;
+            categoryTextColor: string;
+            dateColor: string;
+            titleColor: string;
+            speakerColor: string;
+            progressBarBackground: string;
+            progressBar: string;
+            heading: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            processingTextColor: string;
+        };
+        navigation: {
+            textColor: string;
+            backgroundColor: string;
+            navLink: string;
+            profileDropdown: {
+                textColor: string;
+                backgroundColor: string;
+                backgroundColorHover: string;
+            };
+        };
+        faqToggle: {
+            textColor: string;
+        };
+        filter: {
+            textColor: string;
+            background: string;
+        };
+        subMenu: {
+            textColor: string;
+            backgroundColor: string;
+            navLink: string;
+        };
+        trackFilter: {
+            textColor: string;
+            navLink: string;
+        };
+        scheduleSubMenu: {
+            backgroundColor: string;
+        };
+        sidePanel: {
+            textColor: string;
+            background: string;
+            width: string;
+            backdropFilter: string;
+        };
+        dateTime: {
+            useSuffixedDay: boolean;
+        };
+        meetupSignups: {
+            textColor: string;
+            textColorLastPic: string;
+            pictureBackground: string;
+            backgroundColor: string;
+        };
+        sessionQnA: {
+            textColor: string;
+            background: string;
+        };
+    };
+    socialIcons: {
+        lightgrey: {
+            linkedin: string;
+            facebook: string;
+            github: string;
+            instagram: string;
+            twitter: string;
+            website: string;
+            youtube: string;
+        };
+        white: {
+            linkedin: string;
+            facebook: string;
+            github: string;
+            instagram: string;
+            twitter: string;
+            website: string;
+        };
+    };
+    fonts: {
+        default: string;
+    };
+    borderRadius: {
+        button: string;
+        input: string;
+        countdown: string;
+    };
+    checkbox: {
+        dark: {
+            width: string;
+            height: string;
+            top: string;
+            left: string;
+            borderRadius: string;
+            text: string;
+            default: {
+                check: string;
+                border: string;
+                background: string;
+            };
+            hover: {
+                check: string;
+                border: string;
+            };
+            checked: {
+                text: string;
+                check: string;
+                border: string;
+                background: string;
+            };
+            checkedhover: {
+                check: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            disabled: {
+                check: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+        };
+        light: {
+            width: string;
+            height: string;
+            top: string;
+            left: string;
+            borderRadius: string;
+            text: string;
+            default: {
+                check: string;
+                border: string;
+                background: string;
+            };
+            hover: {
+                check: string;
+                border: string;
+            };
+            checked: {
+                check: string;
+                border: string;
+                background: string;
+            };
+            checkedhover: {
+                check: string;
+                border: string;
+                background: string;
+            };
+            disabled: {
+                check: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+        };
+    };
+    combination: {
+        light: {};
+        dark: {};
+        pulldown: {};
+        selected: {
+            background: string;
+            text: string;
+        };
+        error: {
+            text: string;
+            background: string;
+        };
+        success: {};
+        header: {
+            text: string;
+            background: string;
+            orientation: string;
+        };
+        shade: {};
+        hover: {};
+        recommended: {};
+    };
+    sponsorMeeting: {
+        descriptionBackground: string;
+        descriptionText: string;
+    };
+    menu: {
+        light: {
+            background: string;
+            text: string;
+        };
+        dark: {
+            background: string;
+            text: string;
+        };
+        mobile: {
+            background: string;
+            text: string;
+            textActive: string;
+        };
+    };
+    background: {
+        default: string;
+    };
+    category: {
+        textLight: string;
+        textDark: string;
+        light: string;
+        dark: string;
+        hover: string;
+        active: string;
+        gap: string;
+    };
+    rowBackground: {
+        default: {
+            text: string;
+            desktop: string;
+            tablet: string;
+            mobile: string;
+        };
+        light: {
+            text: string;
+            desktop: string;
+            tablet: string;
+            mobile: string;
+        };
+        image1: {
+            text: string;
+            desktop: string;
+            tablet: string;
+            mobile: string;
+        };
+    };
+    images: {
+        navBarLogoDark: string;
+        footerLogo: {};
+    };
+    ratingPopup: {
+        lowRating: string;
+        mediumRating: string;
+        highRating: string;
+        backgroundHover: string;
+        ratingText: string;
+    };
+    icons: {
+        arrowDown: string;
+        navigationBack: string;
+        navigationForward: string;
+        close: string;
+        delete: string;
+        calendar: string;
+        addToCalendar: string;
+        remove: string;
+        plus: string;
+        added: string;
+        info: string;
+        sectionLogoIcon: string;
+        defaultAvatar: string;
+        notificationArrow: string;
+    };
+    iconColors: {
+        dark: string;
+        noColor: string;
+    };
+    hero: {};
+    pagination: {
+        buttonVariant: string;
+        iconRight: string;
+        iconLeft: string;
+    };
+    meetup: {
+        buttonVariant: string;
+    };
+    player_cta: {};
+    profile: {
+        card: {};
+    };
+    notifications: {
+        toast: {
+            buttonVariant: string;
+        };
+        textColor: string;
+        descriptionFontSize: string;
+        background: string;
+    };
+    chat: {
+        pickerInline: boolean;
+        inputChat: {
+            background: string;
+            border: string;
+        };
+        chatList: {
+            scrollbar: {
+                width: string;
+            };
+            scrollbarThumb: {
+                background: string;
+            };
+            scrollbarTrack: {
+                boxShadow: string;
+                borderRadius: string;
+            };
+        };
+    };
+    partners: {};
+    maxWidth: string;
+    navigationFontSize: string;
+    vodRowMaxHight: string;
+    inputField: {
+        height: string;
+    };
+};
+export default manamergeTheme;