@universityofmaryland/web-components-library 1.6.15 → 1.7.0-beta.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as UmdElements from '@universityofmaryland/web-elements-library';
 declare const LoadUmdComponents: () => void;
 export declare const Components: {
     AlertPage: {
@@ -167,876 +168,12 @@ export declare const Components: {
     };
 };
 export declare const Elements: {
-    Accordion: (props: {
-        headline?: HTMLElement | null;
-    } & {
-        text?: HTMLElement | null;
-    } & {
-        isThemeLight?: boolean;
-        isThemeDark?: boolean;
-        isStateOpen: boolean;
-    }) => {
-        element: HTMLDivElement;
-        styles: string;
-        events: {
-            SetOpen: (props: {
-                hasAnimation?: boolean;
-            }) => void;
-            SetClosed: (props: {
-                hasAnimation?: boolean;
-            }) => void;
-        };
-    };
-    BannerPromo: (props: {
-        headline?: HTMLElement | null;
-        text?: HTMLElement | null;
-        actions?: HTMLElement | null;
-        isThemeDark?: boolean;
-        includeSeal?: boolean;
-    }) => {
-        element: HTMLDivElement;
-        styles: string;
-    };
-    CallToAction: {
-        CreateElement: ({ cta, type, size, isThemeDark, isThemeGold, styleProps, }: {
-            cta?: HTMLElement | null;
-            type?: string;
-            size?: string | null;
-            isThemeDark?: boolean;
-            isThemeGold?: boolean;
-            styleProps?: string | null;
-        }) => HTMLElement;
-        Styles: string;
-    };
-    ScrollTop: {
-        CreateElement: (props: {
-            isFixed?: boolean;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                load: () => void;
-            };
-        };
-        Styles: string;
-    };
-    SocialSharing: (props: {
-        isFixed?: boolean;
-        includeFacebook?: boolean;
-        includeTwitter?: boolean;
-        includeEmail?: boolean;
-        includePrint?: boolean;
-        title?: string | null;
-        url?: string | null;
-    }) => {
-        element: HTMLDivElement;
-        events: {
-            load: () => void;
-        };
-        styles: string;
-    };
-    Stat: {
-        CreateElement: (props: {
-            stat?: HTMLElement | null;
-        } & {
-            isThemeDark?: boolean;
-            displayType?: string | null;
-            size?: string | null;
-            hasLine?: boolean;
-            text?: HTMLElement | null;
-            subText?: HTMLElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    StickyColumns: {
-        CreateElement: (element: {
-            stickyColumn?: HTMLElement | null;
-            staticColumn?: HTMLElement | null;
-            isStickyLast?: boolean | null;
-            topPosition?: string | null;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                SetPosition: ({ value }: {
-                    value: string | null;
-                }) => void;
-            };
-        };
-        Styles: string;
-    };
-    AlertPage: (props: {
-        daysToHide?: string;
-    } & import("./elements/alert/elements/text").TypeAlertTextProps & {
-        isThemeLight?: boolean;
-        isThemeDark?: boolean;
-        isShowIcon?: boolean;
-    }) => {
-        element: HTMLDivElement;
-        styles: string;
-    };
-    AlertSite: (props: {
-        daysToHide?: string;
-    } & import("./elements/alert/elements/text").TypeAlertTextProps & {
-        isShowIcon?: boolean;
-    }) => {
-        element: HTMLDivElement;
-        styles: string;
-    };
-    CardBlock: (props: {
-        id?: string;
-        headline: HTMLElement | null;
-        eyebrow?: HTMLElement | null;
-        text?: HTMLElement | null;
-        date?: HTMLElement | null;
-        actions?: HTMLElement | null;
-        image?: HTMLImageElement | HTMLAnchorElement | null;
-        isAligned?: boolean;
-        isBordered?: boolean;
-        isThemeDark?: boolean;
-        isTransparent?: boolean;
-    }) => {
-        element: HTMLDivElement;
-        styles: string;
-    };
-    STYLES_BLOCK_CARD_ELEMENT: string;
-    CardList: (props: {
-        headline: HTMLElement | null;
-        eyebrow?: HTMLElement | null;
-        text?: HTMLElement | null;
-        date?: HTMLElement | null;
-        actions?: HTMLElement | null;
-        image?: HTMLImageElement | HTMLAnchorElement | null;
-        isThemeDark?: boolean;
-        isAligned?: boolean;
-    }) => {
-        element: HTMLDivElement;
-        styles: string;
-    };
-    STYLES_LIST_CARD_ELEMENT: string;
-    CardIconBlock: {
-        CreateElement: (props: {
-            headline: HTMLElement | null;
-            text?: HTMLElement | null;
-            image?: HTMLImageElement | null;
-            isThemeDark?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    CardOverlay: {
-        CreateElement: (props: import("./elements/card-overlay/elements/icon-cta").TypeCardOverlayCtaIcon & {
-            headline: HTMLElement | null;
-            eyebrow?: HTMLElement | null;
-            text?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-            isThemeLight?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    CardOverlayImage: {
-        CreateElement: (props: import("./elements/card-overlay/elements/icon-cta").TypeCardOverlayCtaIcon & {
-            image: HTMLImageElement | HTMLAnchorElement | null;
-            headline: HTMLElement | null;
-            text: HTMLElement | null;
-            eyebrow?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isQuote?: boolean;
-        }) => HTMLDivElement | null;
-        Styles: string;
-    };
-    Carousel: {
-        CreateElement: (props: {
-            slide: HTMLElement;
-            shadowRef?: HTMLElement;
-            blocks: HTMLElement[];
-            isThemeDark?: boolean;
-            gridGap?: string | null;
-            hasLeftButton?: boolean;
-            hasRightButton?: boolean;
-            mobileHint?: boolean;
-            hint?: boolean;
-            mobileSize?: number | null;
-            tabletSize?: number | null;
-            desktopSize?: number | null;
-            mobileCount?: number | null;
-            tabletCount?: number | null;
-            desktopCount?: number | null;
-            maxCount?: number | null;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                resize: () => void;
-                load: () => void;
-            };
-        };
-        Styles: string;
-    };
-    CarouselCards: {
-        CreateElement: (props: {
-            headline?: HTMLElement | null;
-            text?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            slide: HTMLElement;
-            shadowRef?: HTMLElement;
-            cards: HTMLElement[];
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                SetEventReize: () => void;
-                Load: () => void;
-            };
-        };
-        Styles: string;
-    };
-    CarouselImageStandard: {
-        CreateElement: (props: {
-            images: HTMLImageElement[];
-            headlines?: HTMLElement[] | null;
-            texts?: HTMLElement[] | null;
-        } & {
-            isFullScreenOption?: boolean;
-        } & {
-            isThemeDark?: boolean;
-        }) => {
-            element: HTMLDivElement;
-            overlay: HTMLDivElement | null;
-            events: {
-                SetEventReize: () => void;
-            };
-        };
-        Styles: string;
-    };
-    CarouselImageMultiple: {
-        CreateElement: (props: {
-            images: HTMLImageElement[];
-            isThemeDark?: boolean;
-            isFullScreenOption?: boolean;
-        }) => {
-            element: HTMLDivElement;
-            overlay: HTMLDivElement | null;
-            events: {
-                SetEventReize: () => void;
-            };
-        };
-        Styles: string;
-    };
-    CarouselThumbnail: {
-        CreateElement: (props: {
-            blocks: HTMLElement[];
-            isThemeDark?: boolean;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                SetEventReize: () => void;
-                Load: () => void;
-            };
-        };
-        Styles: string;
-    };
-    EventBlock: {
-        CreateElement: (props: {
-            headline: HTMLElement | null;
-            eventDetails: HTMLElement;
-            image: HTMLImageElement | HTMLAnchorElement | null;
-            text?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    EventElements: {
-        Meta: {
-            CreateElement: (info: import("./elements/event/elements/meta").TypeMetaDisplay) => HTMLDivElement;
-            Styles: string;
-        };
-        Sign: {
-            CreateElement: (props: {
-                startMonth: string | HTMLElement;
-                startDay: string | HTMLElement;
-                endDay?: string | HTMLElement;
-                endMonth?: string | HTMLElement;
-                isThemeDark?: boolean;
-                isLargeSize?: boolean;
-            }) => HTMLDivElement;
-            Styles: string;
-        };
-    };
-    EventFeature: {
-        CreateElement: (element: {
-            headline: HTMLElement | null;
-            image: HTMLImageElement | null;
-            eventDetails: HTMLElement;
-            dateSign: HTMLElement;
-            text?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    EventList: {
-        CreateElement: (props: {
-            headline: HTMLElement | null;
-            image: HTMLImageElement | HTMLAnchorElement | null;
-            dateSign: HTMLElement;
-            eventDetails: HTMLElement;
-            text?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    EventLockupDate: {
-        CreateElement: (props: {
-            headline: HTMLElement | null;
-            dateSign?: HTMLElement | null;
-            isThemeDark?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    EventPromo: {
-        CreateElement: (props: {
-            image: HTMLImageElement | null;
-            headline: HTMLElement | null;
-            eventDetails: HTMLElement;
-            dateSign: HTMLElement;
-            text?: HTMLElement | null;
-            actions?: HTMLElement | null;
-        }) => HTMLDivElement | null;
-        Styles: string;
-    };
-    FeedsEvents: {
-        CreateElement: (props: import("./elements/feeds/events").TypeEventFeedRequirements) => HTMLDivElement;
-        Styles: string;
-    };
-    FeedsNews: {
-        CreateElement: (props: import("./elements/feeds/news").TypeNewsFeedRequirements) => HTMLDivElement;
-        Styles: string;
-    };
-    FeedsSlides: {
-        CreateElement: ({ token, type, categories, isThemeDark, }: {
-            token: string;
-            type?: string | null;
-            categories?: string | null;
-            isThemeDark?: boolean;
-        }) => Promise<any>;
-        Styles: string;
-    };
-    HeroBrandVideo: {
-        CreateElement: (props: {
-            video: HTMLVideoElement;
-            headline?: HTMLElement | null;
-            text?: HTMLElement | null;
-            isAnimationOnLoad?: boolean;
-        }) => {
-            element: HTMLElement;
-            events: {
-                load: () => void;
-            };
-        };
-        Styles: string;
-    };
-    HeroDefault: {
-        CreateElement: (element: {
-            isTextCenter?: boolean;
-            eyebrow?: HTMLElement | null;
-            headline: HTMLElement | null;
-            richText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        } & import("./elements/hero/elements/image").TypeImageContainerProps & {
-            isInterior: boolean;
-            includesAnimation?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    HeroElements: {
-        Image: {
-            CreateElement: (element: import("./elements/hero/elements/image").TypeImageContainerProps) => HTMLDivElement | null;
-            Styles: string;
-            Elements: {
-                container: string;
-            };
-        };
-        Text: {
-            CreateElement: (element: import("./elements/hero/elements/text").TypeTextContainerProps) => HTMLDivElement;
-            Styles: string;
-            Elements: {
-                container: string;
-                wrapper: string;
-                eyebrow: string;
-                headline: string;
-                richText: string;
-                actions: string;
-            };
-        };
-    };
-    HeroExpand: {
-        CreateElement: (props: {
-            eyebrow?: HTMLElement | null;
-            headline?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            additional?: HTMLSlotElement | null;
-        } & {
-            image?: HTMLImageElement;
-            video?: HTMLVideoElement;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                SetPosition: ({ value }: {
-                    value: string | null;
-                }) => void;
-            };
-        };
-        Styles: string;
-    };
-    HeroMinimal: {
-        CreateElement: (element: {
-            isTextCenter?: boolean;
-            eyebrow?: HTMLElement | null;
-            headline: HTMLElement | null;
-            richText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        } & import("./elements/hero/elements/image").TypeImageContainerProps & {
-            isThemeLight?: boolean;
-            isThemeMaryland?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    HeroOverlay: {
-        CreateElement: (element: {
-            isTextCenter?: boolean;
-            eyebrow?: HTMLElement | null;
-            headline: HTMLElement | null;
-            richText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        } & import("./elements/hero/elements/image").TypeImageContainerProps & {
-            includesAnimation?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    HeroLogo: {
-        CreateElement: (element: {
-            isTextCenter?: boolean;
-            eyebrow?: HTMLElement | null;
-            headline: HTMLElement | null;
-            richText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        } & import("./elements/hero/elements/image").TypeImageContainerProps) => HTMLDivElement;
-        Styles: string;
-    };
-    HeroStacked: {
-        CreateElement: (element: {
-            isTextCenter?: boolean;
-            eyebrow?: HTMLElement | null;
-            headline: HTMLElement | null;
-            richText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        } & import("./elements/hero/elements/image").TypeImageContainerProps & {
-            isTextCenter: boolean;
-            isWithLock: boolean;
-            isInterior: boolean;
-            includesAnimation?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    LayoutImageExpand: {
-        CreateElement: (props: {
-            content: HTMLElement;
-            image: HTMLImageElement;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    LogoBlock: {
-        CreateElement: (element: import("./elements/logo/block").TypeLogoRequirements) => HTMLDivElement | null;
-        Styles: string;
-    };
-    MediaInline: (props: import("./elements/media/inline").TypeMediaInlineRequirements) => {
-        element: HTMLDivElement;
-        styles: string;
-    };
-    MediaWithCaption: (props: import("./elements/media/inline/with-caption").TypeMediaInlineRequirements) => {
-        element: HTMLDivElement;
-        events: {
-            load: () => void;
-        };
-        styles: string;
-    };
-    MediaWrapped: (props: import("./elements/media/inline/wrapped").TypeMediaInlineWrappedRequirements) => {
-        element: HTMLDivElement;
-        events: {
-            load: () => void;
-        };
-        styles: string;
-    };
-    NavigationElements: {
-        Drawer: {
-            CreateElement: (props: import("./elements/navigation/elements/drawer").TypeNavDrawerRequirements) => {
-                element: HTMLDivElement;
-                events: {
-                    eventOpen: () => void;
-                };
-            } | null;
-            Styles: string;
-        };
-        MenuButton: {
-            CreateElement: (props: import("./elements/navigation/elements/menu-button").TypeMenuDisplayButtonRequirements) => HTMLButtonElement;
-            Styles: string;
-        };
-        Item: {
-            CreateElement: (props: import("./elements/navigation/elements/item").TypeNavItemRequirements) => HTMLDivElement;
-            Styles: string;
-        };
-        Slider: {
-            CreateElement: (props: import("./elements/navigation/elements/slider").TypeNavSliderRequirements) => {
-                container: HTMLDivElement;
-                events: {
-                    resize: () => void;
-                };
-            };
-            Styles: string;
-            Elements: {
-                slider: string;
-            };
-        };
-        Sticky: {
-            CreateElement: ({ content, component, }: {
-                content: HTMLElement;
-                component: HTMLElement;
-            }) => HTMLDivElement;
-            Styles: string;
-        };
-    };
-    NavigationHeader: {
-        CreateElement: (props: {
-            logo?: HTMLElement | null;
-            eventOpen?: () => void;
-        } & {
-            searchUrl: string | null;
-        } & {
-            ctaUrl: string | null;
-            ctaText: string | null;
-        } & {
-            utilityRow?: HTMLElement | null;
-            navItems?: HTMLElement[];
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                sticky: ({ isSticky }: {
-                    isSticky: boolean;
-                }) => void;
-            };
-        };
-        Styles: string;
-    };
-    NavigationUtility: (props: {
-        alertUrl?: string | null;
-        giftUrl?: string;
-        isAdmissionsFeed: boolean;
-        isAlertOff?: boolean;
-        isEventsFeed: boolean;
-        isGiftsFeed: boolean;
-        isLockFull?: boolean;
-        isNewsFeed: boolean;
-        isSchoolsFeed: boolean;
-        isSearch: boolean;
-        isSearchDomain?: boolean;
-    } & import("./elements/navigation/utility/alert").TypeAlertProps) => {
-        element: HTMLDivElement;
-        styles: string;
-        events: {
-            showAlert: () => Promise<void>;
-            hideAlert: () => void;
-        };
-    };
-    PathwayDefault: {
-        CreateElement: (props: import("./elements/pathway/elements/text").TypePathwayTextContainer & {
-            isImageScaled: boolean;
-        } & {
-            image: HTMLElement | null;
-            video: HTMLElement | null;
-            eventSign?: HTMLElement | null;
-        } & {
-            isImageRight: boolean;
-            includesAnimation?: boolean;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                loadAnimation: () => void;
-            };
-        };
-        Styles: string;
-    };
-    PathwayElements: {
-        Image: {
-            CreateElement: (element: import("./elements/pathway/elements/image").TypePathwayImageContainer | import("./elements/pathway/elements/image").TypePathwayHeroImageContainer) => HTMLDivElement | null;
-            Styles: string;
-            Elements: {
-                container: string;
-            };
-        };
-        Text: {
-            CreateElement: ({ headline, eventDetails, eyebrow, text, action, stats, isThemeDark, isThemeMaryland, }: import("./elements/pathway/elements/text").TypePathwayTextContainer) => HTMLDivElement;
-            Styles: string;
-            Elements: {
-                container: string;
-                wrapper: string;
-                headline: string;
-                eyebrow: string;
-                text: string;
-                action: string;
-            };
-        };
-    };
-    PathwayHero: {
-        CreateElement: (element: import("./elements/pathway/elements/text").TypePathwayTextContainer & {
-            image: HTMLElement | null;
-            video: HTMLElement | null;
-            eventSign?: HTMLElement | null;
-        } & {
-            isImageRight: boolean;
-            includesAnimation?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    PathwayHighlight: {
-        CreateElement: (element: import("./elements/pathway/elements/text").TypePathwayTextContainer & {
-            quote: HTMLElement | null;
-            attribution: HTMLElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    PathwayOverlay: {
-        CreateElement: (element: import("./elements/pathway/elements/text").TypePathwayTextContainer & {
-            isImageScaled: boolean;
-        } & {
-            image: HTMLElement | null;
-            video: HTMLElement | null;
-            eventSign?: HTMLElement | null;
-        } & {
-            isImageRight: boolean;
-            includesAnimation?: boolean;
-            isThemeLight?: boolean;
-            isThemeMaryland?: boolean;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                loadAnimation: () => void;
-            };
-        };
-        Styles: string;
-    };
-    PathwaySticky: {
-        CreateElement: (props: import("./elements/pathway/elements/text").TypePathwayTextContainer & {
-            isImageScaled: boolean;
-        } & {
-            image: HTMLElement | null;
-            video: HTMLElement | null;
-            eventSign?: HTMLElement | null;
-        } & {
-            isImageRight: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    PersonBlock: {
-        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
-            name: HTMLElement | null;
-            job?: HTMLElement | null;
-            association?: HTMLElement | null;
-            pronouns?: HTMLElement | null;
-            subText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            displayType?: string;
-            isThemeDark?: boolean;
-        } & {
-            image?: HTMLImageElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    PersonBio: {
-        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
-            name: HTMLElement | null;
-            job?: HTMLElement | null;
-            association?: HTMLElement | null;
-            pronouns?: HTMLElement | null;
-            subText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            displayType?: string;
-            isThemeDark?: boolean;
-        } & {
-            image?: HTMLImageElement | null;
-            description?: HTMLElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    PersonBioFull: {
-        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
-            name: HTMLElement | null;
-            job?: HTMLElement | null;
-            association?: HTMLElement | null;
-            pronouns?: HTMLElement | null;
-            subText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            displayType?: string;
-            isThemeDark?: boolean;
-        } & {
-            image?: HTMLImageElement | null;
-            description?: HTMLElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    PersonHero: {
-        CreateElement: (props: {
-            name: HTMLElement | null;
-            job?: HTMLElement | null;
-            subText?: HTMLElement | null;
-        } & import("./elements/person/elements/contact").TypeContactProps & {
-            image?: HTMLImageElement | null;
-            association?: HTMLElement | null;
-            pronouns?: HTMLElement | null;
-        } & {
-            isThemeDark?: boolean;
-            breadcrumbMobile?: HTMLElement | null;
-            breadcrumbDesktop?: HTMLElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    PersonList: {
-        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
-            name: HTMLElement | null;
-            job?: HTMLElement | null;
-            association?: HTMLElement | null;
-            pronouns?: HTMLElement | null;
-            subText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            displayType?: string;
-            isThemeDark?: boolean;
-        } & {
-            image?: HTMLImageElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    PersonTabular: {
-        CreateElement: (props: import("./elements/person/elements/contact").TypeContactProps & {
-            name: HTMLElement | null;
-            job?: HTMLElement | null;
-            association?: HTMLElement | null;
-            pronouns?: HTMLElement | null;
-            subText?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            displayType?: string;
-            isThemeDark?: boolean;
-        } & {
-            image?: HTMLImageElement | null;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    QuoteElements: {
-        Image: {
-            CreateElement: ({ image }: import("./elements/quote/elements/image").TypeQuoteImageContainer) => HTMLDivElement;
-            Styles: string;
-            Elements: {
-                container: string;
-            };
-        };
-        Text: {
-            CreateElement: ({ quote, attribution, attributionSubText, action, isThemeDark, isThemeMaryland, isSizeLarge, }: import("./elements/quote/elements/text").TypeQuoteTextContainer & {
-                isSizeLarge?: boolean;
-            }) => HTMLDivElement;
-            Styles: string;
-            Elements: {
-                container: string;
-                quoteWrapper: string;
-            };
-        };
-    };
-    QuoteFeatured: {
-        CreateElement: (props: import("./elements/quote/elements/text").TypeQuoteTextContainer & {
-            isThemeDark?: boolean;
-            isThemeMaryland?: boolean;
-            isSizeLarge: boolean;
-            image: HTMLElement | null;
-        } & {
-            isTransparent: boolean;
-            isThemeDark?: boolean;
-            isThemeMaryland?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    QuoteInline: {
-        CreateElement: (props: import("./elements/quote/inline").TypeInlineInline) => HTMLDivElement;
-        Styles: string;
-    };
-    QuoteStatement: {
-        CreateElement: (element: {
-            isThemeDark?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    SectionIntro: {
-        CreateElement: (element: {
-            headline?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            text?: HTMLElement | null;
-            hasSeparator?: boolean;
-            isThemeDark?: boolean;
-            includesAnimation?: boolean;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                loadAnimation: () => void;
-            };
-        };
-        Styles: string;
-    };
-    SectionIntroWide: {
-        CreateElement: (element: {
-            headline?: HTMLElement | null;
-            actions?: HTMLElement | null;
-            isThemeDark?: boolean;
-        }) => HTMLDivElement;
-        Styles: string;
-    };
-    SliderEvents: {
-        CreateElement: (props: {
-            dataSlider: HTMLDivElement;
-        } & {
-            headline?: HTMLElement | null;
-            actions?: HTMLElement | null;
-        } & {
-            isThemeDark?: boolean;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                SetDateElementsSizes: () => void;
-            };
-        };
-        Styles: string;
-    };
-    Tabs: {
-        CreateElement: (props: {
-            tabsContainer: HTMLElement;
-            isThemeDark?: boolean;
-            shadowContent?: HTMLSlotElement;
-            topPosition?: string | null;
-        }) => {
-            element: HTMLDivElement;
-            events: {
-                resize: () => void;
-                load: () => void;
-            };
-        };
-        Styles: string;
-    };
-    TabsElements: {
-        DomStrcuture: {
-            ModifyElement: ({ markup, }: {
-                markup: Element | HTMLElement | HTMLSlotElement;
-            }) => HTMLDivElement;
-        };
-    };
+    TypeEventFeedRequirements: any;
+    TypeNewsFeedRequirements: any;
+    Components: typeof UmdElements.Components;
+    Feeds: typeof UmdElements.Feeds;
+    Layout: typeof UmdElements.Layout;
+    Macros: typeof UmdElements.Macros;
 };
 export declare const Utilties: {
     Accessibility: {