@universityofmaryland/web-components-library 1.1.0 → 1.2.0-beta-1

package/dist/index.d.ts

@@ -72,6 +72,9 @@ export declare const Components: {
     Hero: {
         Load: () => void;
     };
+    HeroBrandVideo: {
+        Load: () => void;
+    };
     HeroLogo: {
         Load: () => void;
     };
@@ -142,20 +145,20 @@ export declare const Components: {
 export declare const Elements: {
     Accordion: {
         CreateElement: (props: {
-            headline?: HTMLElement | null | undefined;
+            headline?: HTMLElement | null;
         } & {
-            body?: HTMLElement | null | undefined;
+            body?: HTMLElement | null;
         } & {
-            theme?: string | null | undefined;
-            shouldBeOpen?: boolean | undefined;
+            theme?: string | null;
+            shouldBeOpen?: boolean;
         }) => {
             element: HTMLDivElement;
             events: {
                 SetOpen: (props: {
-                    hasAnimation?: boolean | undefined;
+                    hasAnimation?: boolean;
                 }) => void;
                 SetClosed: (props: {
-                    hasAnimation?: boolean | undefined;
+                    hasAnimation?: boolean;
                 }) => void;
             };
         };
@@ -163,83 +166,83 @@ export declare const Elements: {
     };
     AlertPage: {
         CreateElement: (props: {
-            daysToHide?: string | undefined;
+            daysToHide?: string;
         } & import("./elements/alert/elements/text").TypeAlertTextProps & {
-            isShowIcon?: boolean | undefined;
-            theme?: string | null | undefined;
+            isShowIcon?: boolean;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     AlertSite: {
         CreateElement: (props: {
-            daysToHide?: string | undefined;
+            daysToHide?: string;
         } & import("./elements/alert/elements/text").TypeAlertTextProps & {
-            isShowIcon?: boolean | undefined;
+            isShowIcon?: boolean;
         }) => HTMLDivElement;
         Styles: string;
     };
     BannerPromo: {
         CreateElement: (props: {
-            headline?: HTMLElement | null | undefined;
-            text?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
-            includeSeal?: boolean | undefined;
+            headline?: HTMLElement | null;
+            text?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
+            includeSeal?: boolean;
         }) => HTMLDivElement;
         Styles: string;
     };
     CallToAction: {
         CreateElement: ({ cta, type, size, theme, styleProps, }: {
-            cta?: HTMLElement | null | undefined;
-            type?: string | undefined;
-            size?: string | null | undefined;
-            theme?: string | null | undefined;
-            styleProps?: string | null | undefined;
+            cta?: HTMLElement | null;
+            type?: string;
+            size?: string | null;
+            theme?: string | null;
+            styleProps?: string | null;
         }) => HTMLElement;
         Styles: string;
     };
     CardBlock: {
         CreateElement: (props: {
             headline: HTMLElement | null;
-            eyebrow?: HTMLElement | null | undefined;
-            text?: HTMLElement | null | undefined;
-            date?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            image?: HTMLImageElement | null | undefined;
-            isAligned?: boolean | undefined;
-            isBordered?: boolean | undefined;
-            theme?: string | null | undefined;
+            eyebrow?: HTMLElement | null;
+            text?: HTMLElement | null;
+            date?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            image?: HTMLImageElement | null;
+            isAligned?: boolean;
+            isBordered?: boolean;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     CardList: {
         CreateElement: (props: {
             headline: HTMLElement | null;
-            eyebrow?: HTMLElement | null | undefined;
-            text?: HTMLElement | null | undefined;
-            date?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            image?: HTMLImageElement | null | undefined;
-            theme?: string | null | undefined;
+            eyebrow?: HTMLElement | null;
+            text?: HTMLElement | null;
+            date?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            image?: HTMLImageElement | null;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     CardIconBlock: {
         CreateElement: (props: {
             headline: HTMLElement | null;
-            text?: HTMLElement | null | undefined;
-            image?: HTMLImageElement | null | undefined;
-            theme?: string | null | undefined;
+            text?: HTMLElement | null;
+            image?: HTMLImageElement | null;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     CardOverlay: {
         CreateElement: (props: import("./elements/card-overlay/elements/icon-cta").TypeCardOverlayCtaIcon & {
             headline: HTMLElement | null;
-            eyebrow?: HTMLElement | null | undefined;
-            text?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | undefined;
+            eyebrow?: HTMLElement | null;
+            text?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string;
         }) => HTMLDivElement;
         Styles: string;
     };
@@ -248,29 +251,29 @@ export declare const Elements: {
             image: HTMLImageElement | null;
             headline: HTMLElement | null;
             text: HTMLElement | null;
-            eyebrow?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            eyebrow?: HTMLElement | null;
+            actions?: HTMLElement | null;
         }) => HTMLDivElement | null;
         Styles: string;
     };
     Carousel: {
         CreateElement: (props: {
             slide: HTMLElement;
-            shadowRef?: HTMLElement | undefined;
+            shadowRef?: HTMLElement;
             blocks: HTMLElement[];
-            theme?: string | null | undefined;
-            gridGap?: string | null | undefined;
-            hasLeftButton?: boolean | undefined;
-            hasRightButton?: boolean | undefined;
-            mobileHint?: boolean | undefined;
-            hint?: boolean | undefined;
-            mobileSize?: number | null | undefined;
-            tabletSize?: number | null | undefined;
-            desktopSize?: number | null | undefined;
-            mobileCount?: number | null | undefined;
-            tabletCount?: number | null | undefined;
-            desktopCount?: number | null | undefined;
-            maxCount?: number | null | undefined;
+            theme?: string | null;
+            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: {
@@ -282,11 +285,11 @@ export declare const Elements: {
     };
     CarouselCards: {
         CreateElement: (props: {
-            headline?: HTMLElement | null | undefined;
-            text?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            headline?: HTMLElement | null;
+            text?: HTMLElement | null;
+            actions?: HTMLElement | null;
             slide: HTMLElement;
-            shadowRef?: HTMLElement | undefined;
+            shadowRef?: HTMLElement;
             cards: HTMLElement[];
         }) => {
             element: HTMLDivElement;
@@ -300,12 +303,12 @@ export declare const Elements: {
     CarouselImageStandard: {
         CreateElement: (props: {
             images: HTMLImageElement[];
-            headlines?: HTMLElement[] | null | undefined;
-            texts?: HTMLElement[] | null | undefined;
+            headlines?: HTMLElement[] | null;
+            texts?: HTMLElement[] | null;
         } & {
-            isFullScreenOption?: boolean | undefined;
+            isFullScreenOption?: boolean;
         } & {
-            theme?: string | null | undefined;
+            theme?: string | null;
         }) => {
             element: HTMLDivElement;
             overlay: HTMLDivElement | null;
@@ -318,8 +321,8 @@ export declare const Elements: {
     CarouselImageMultiple: {
         CreateElement: (props: {
             images: HTMLImageElement[];
-            theme?: string | null | undefined;
-            isFullScreenOption?: boolean | undefined;
+            theme?: string | null;
+            isFullScreenOption?: boolean;
         }) => {
             element: HTMLDivElement;
             overlay: HTMLDivElement | null;
@@ -332,7 +335,7 @@ export declare const Elements: {
     CarouselPeople: {
         CreateElement: (props: {
             people: HTMLElement[];
-            theme?: string | null | undefined;
+            theme?: string | null;
         }) => {
             element: HTMLDivElement;
             events: {
@@ -347,9 +350,9 @@ export declare const Elements: {
             headline: HTMLElement | null;
             eventDetails: HTMLElement;
             image: HTMLImageElement | null;
-            text?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
+            text?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
@@ -362,10 +365,10 @@ export declare const Elements: {
             CreateElement: (props: {
                 startMonth: string | HTMLElement;
                 startDay: string | HTMLElement;
-                endDay?: string | HTMLElement | undefined;
-                endMonth?: string | HTMLElement | undefined;
-                theme?: string | null | undefined;
-                isLargeSize?: boolean | undefined;
+                endDay?: string | HTMLElement;
+                endMonth?: string | HTMLElement;
+                theme?: string | null;
+                isLargeSize?: boolean;
             }) => HTMLDivElement;
             Styles: string;
         };
@@ -376,9 +379,9 @@ export declare const Elements: {
             image: HTMLImageElement | null;
             eventDetails: HTMLElement;
             dateSign: HTMLElement;
-            text?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | undefined;
+            text?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string;
         }) => HTMLDivElement;
         Styles: string;
     };
@@ -388,17 +391,17 @@ export declare const Elements: {
             image: HTMLImageElement | null;
             dateSign: HTMLElement;
             eventDetails: HTMLElement;
-            text?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
+            text?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     EventLockupDate: {
         CreateElement: (props: {
             headline: HTMLElement | null;
-            dateSign?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
+            dateSign?: HTMLElement | null;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
@@ -408,8 +411,8 @@ export declare const Elements: {
             headline: HTMLElement | null;
             eventDetails: HTMLElement;
             dateSign: HTMLElement;
-            text?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            text?: HTMLElement | null;
+            actions?: HTMLElement | null;
         }) => HTMLDivElement | null;
         Styles: string;
     };
@@ -424,9 +427,9 @@ export declare const Elements: {
     FeedsSlides: {
         CreateElement: ({ token, type, categories, theme, }: {
             token: string;
-            type?: string | null | undefined;
-            categories?: string | null | undefined;
-            theme?: string | null | undefined;
+            type?: string | null;
+            categories?: string | null;
+            theme?: string | null;
         }) => Promise<any>;
         Styles: string;
     };
@@ -463,23 +466,36 @@ export declare const Elements: {
     };
     NavigationHeader: {
         CreateElement: (props: {
-            logo?: HTMLElement | null | undefined;
-            eventOpen?: (() => void) | undefined;
+            logo?: HTMLElement | null;
+            eventOpen?: () => void;
         } & {
             searchUrl: string | null;
         } & {
-            navRow?: HTMLElement | null | undefined;
+            navRow?: HTMLElement | null;
         }) => HTMLDivElement;
         Styles: string;
     };
+    HeroBrandVideo: {
+        CreateElement: (props: {
+            video: HTMLVideoElement;
+            headline?: HTMLElement | null;
+            text?: HTMLElement | null;
+        }) => {
+            element: HTMLElement;
+            events: {
+                load: () => void;
+            };
+        };
+        Styles: string;
+    };
     HeroDefault: {
         CreateElement: (element: {
-            theme?: string | null | undefined;
-            isTextCenter?: boolean | undefined;
-            eyebrow?: HTMLElement | null | undefined;
+            theme?: string | null;
+            isTextCenter?: boolean;
+            eyebrow?: HTMLElement | null;
             headline: HTMLElement | null;
-            richText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            richText?: HTMLElement | null;
+            actions?: HTMLElement | null;
         } & import("./elements/hero/elements/image").TypeImageContainerProps & {
             isInterior: boolean;
         }) => HTMLDivElement;
@@ -494,14 +510,7 @@ export declare const Elements: {
             };
         };
         Text: {
-            CreateElement: (element: {
-                theme?: string | null | undefined;
-                isTextCenter?: boolean | undefined;
-                eyebrow?: HTMLElement | null | undefined;
-                headline: HTMLElement | null;
-                richText?: HTMLElement | null | undefined;
-                actions?: HTMLElement | null | undefined;
-            }) => HTMLDivElement;
+            CreateElement: (element: import("./elements/hero/elements/text").TypeTextContainerProps) => HTMLDivElement;
             Styles: string;
             Elements: {
                 container: string;
@@ -515,45 +524,45 @@ export declare const Elements: {
     };
     HeroMinimal: {
         CreateElement: (element: {
-            theme?: string | null | undefined;
-            isTextCenter?: boolean | undefined;
-            eyebrow?: HTMLElement | null | undefined;
+            theme?: string | null;
+            isTextCenter?: boolean;
+            eyebrow?: HTMLElement | null;
             headline: HTMLElement | null;
-            richText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            richText?: HTMLElement | null;
+            actions?: HTMLElement | null;
         } & import("./elements/hero/elements/image").TypeImageContainerProps) => HTMLDivElement;
         Styles: string;
     };
     HeroOverlay: {
         CreateElement: (element: {
-            theme?: string | null | undefined;
-            isTextCenter?: boolean | undefined;
-            eyebrow?: HTMLElement | null | undefined;
+            theme?: string | null;
+            isTextCenter?: boolean;
+            eyebrow?: HTMLElement | null;
             headline: HTMLElement | null;
-            richText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            richText?: HTMLElement | null;
+            actions?: HTMLElement | null;
         } & import("./elements/hero/elements/image").TypeImageContainerProps) => HTMLDivElement;
         Styles: string;
     };
     HeroLogo: {
         CreateElement: (element: {
-            theme?: string | null | undefined;
-            isTextCenter?: boolean | undefined;
-            eyebrow?: HTMLElement | null | undefined;
+            theme?: string | null;
+            isTextCenter?: boolean;
+            eyebrow?: HTMLElement | null;
             headline: HTMLElement | null;
-            richText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            richText?: HTMLElement | null;
+            actions?: HTMLElement | null;
         } & import("./elements/hero/elements/image").TypeImageContainerProps) => HTMLDivElement;
         Styles: string;
     };
     HeroStacked: {
         CreateElement: (element: {
-            theme?: string | null | undefined;
-            isTextCenter?: boolean | undefined;
-            eyebrow?: HTMLElement | null | undefined;
+            theme?: string | null;
+            isTextCenter?: boolean;
+            eyebrow?: HTMLElement | null;
             headline: HTMLElement | null;
-            richText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            richText?: HTMLElement | null;
+            actions?: HTMLElement | null;
         } & import("./elements/hero/elements/image").TypeImageContainerProps & {
             isTextCenter: boolean;
             isWithLock: boolean;
@@ -582,7 +591,7 @@ export declare const Elements: {
             isImageScaled: boolean;
         } & {
             image: HTMLElement | null;
-            eventSign?: HTMLElement | null | undefined;
+            eventSign?: HTMLElement | null;
         } & {
             isImageRight: boolean;
         }) => HTMLDivElement;
@@ -590,10 +599,7 @@ export declare const Elements: {
     };
     PathwayElements: {
         Image: {
-            CreateElement: (element: {
-                image: HTMLElement | null;
-                eventSign?: HTMLElement | null | undefined;
-            } | import("./elements/pathway/elements/image").TypePathwayImageContainer) => HTMLDivElement | null;
+            CreateElement: (element: import("./elements/pathway/elements/image").TypePathwayImageContainer | import("./elements/pathway/elements/image").TypePathwayHeroImageContainer) => HTMLDivElement | null;
             Styles: string;
             Elements: {
                 container: string;
@@ -615,7 +621,7 @@ export declare const Elements: {
     PathwayHero: {
         CreateElement: (element: import("./elements/pathway/elements/text").TypePathwayTextContainer & {
             image: HTMLElement | null;
-            eventSign?: HTMLElement | null | undefined;
+            eventSign?: HTMLElement | null;
         } & {
             isImageRight: boolean;
         }) => HTMLDivElement;
@@ -633,7 +639,7 @@ export declare const Elements: {
             isImageScaled: boolean;
         } & {
             image: HTMLElement | null;
-            eventSign?: HTMLElement | null | undefined;
+            eventSign?: HTMLElement | null;
         } & {
             isImageRight: boolean;
         }) => HTMLDivElement;
@@ -641,108 +647,108 @@ export declare const Elements: {
     };
     PersonBlock: {
         CreateElement: (props: {
-            phone?: HTMLElement | null | undefined;
-            email?: HTMLElement | null | undefined;
-            linkendIn?: HTMLElement | null | undefined;
-            address?: HTMLElement | null | undefined;
-            additionalContact?: HTMLElement | null | undefined;
+            phone?: HTMLElement | null;
+            email?: HTMLElement | null;
+            linkendIn?: HTMLElement | null;
+            address?: HTMLElement | null;
+            additionalContact?: HTMLElement | null;
         } & {
             name: HTMLElement | null;
-            job?: HTMLElement | null | undefined;
-            association?: HTMLElement | null | undefined;
-            pronouns?: HTMLElement | null | undefined;
-            subText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
-            displayType?: string | undefined;
+            job?: HTMLElement | null;
+            association?: HTMLElement | null;
+            pronouns?: HTMLElement | null;
+            subText?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
+            displayType?: string;
         } & {
-            image?: HTMLImageElement | null | undefined;
+            image?: HTMLImageElement | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     PersonBio: {
         CreateElement: (props: {
-            phone?: HTMLElement | null | undefined;
-            email?: HTMLElement | null | undefined;
-            linkendIn?: HTMLElement | null | undefined;
-            address?: HTMLElement | null | undefined;
-            additionalContact?: HTMLElement | null | undefined;
+            phone?: HTMLElement | null;
+            email?: HTMLElement | null;
+            linkendIn?: HTMLElement | null;
+            address?: HTMLElement | null;
+            additionalContact?: HTMLElement | null;
         } & {
             name: HTMLElement | null;
-            job?: HTMLElement | null | undefined;
-            association?: HTMLElement | null | undefined;
-            pronouns?: HTMLElement | null | undefined;
-            subText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
-            displayType?: string | undefined;
+            job?: HTMLElement | null;
+            association?: HTMLElement | null;
+            pronouns?: HTMLElement | null;
+            subText?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
+            displayType?: string;
         } & {
-            image?: HTMLImageElement | null | undefined;
-            description?: HTMLElement | null | undefined;
+            image?: HTMLImageElement | null;
+            description?: HTMLElement | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     PersonBioFull: {
         CreateElement: (props: {
-            phone?: HTMLElement | null | undefined;
-            email?: HTMLElement | null | undefined;
-            linkendIn?: HTMLElement | null | undefined;
-            address?: HTMLElement | null | undefined;
-            additionalContact?: HTMLElement | null | undefined;
+            phone?: HTMLElement | null;
+            email?: HTMLElement | null;
+            linkendIn?: HTMLElement | null;
+            address?: HTMLElement | null;
+            additionalContact?: HTMLElement | null;
         } & {
             name: HTMLElement | null;
-            job?: HTMLElement | null | undefined;
-            association?: HTMLElement | null | undefined;
-            pronouns?: HTMLElement | null | undefined;
-            subText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
-            displayType?: string | undefined;
+            job?: HTMLElement | null;
+            association?: HTMLElement | null;
+            pronouns?: HTMLElement | null;
+            subText?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
+            displayType?: string;
         } & {
-            image?: HTMLImageElement | null | undefined;
-            description?: HTMLElement | null | undefined;
+            image?: HTMLImageElement | null;
+            description?: HTMLElement | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     PersonList: {
         CreateElement: (props: {
-            phone?: HTMLElement | null | undefined;
-            email?: HTMLElement | null | undefined;
-            linkendIn?: HTMLElement | null | undefined;
-            address?: HTMLElement | null | undefined;
-            additionalContact?: HTMLElement | null | undefined;
+            phone?: HTMLElement | null;
+            email?: HTMLElement | null;
+            linkendIn?: HTMLElement | null;
+            address?: HTMLElement | null;
+            additionalContact?: HTMLElement | null;
         } & {
             name: HTMLElement | null;
-            job?: HTMLElement | null | undefined;
-            association?: HTMLElement | null | undefined;
-            pronouns?: HTMLElement | null | undefined;
-            subText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
-            displayType?: string | undefined;
+            job?: HTMLElement | null;
+            association?: HTMLElement | null;
+            pronouns?: HTMLElement | null;
+            subText?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
+            displayType?: string;
         } & {
-            image?: HTMLImageElement | null | undefined;
+            image?: HTMLImageElement | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     PersonTabular: {
         CreateElement: (props: {
-            phone?: HTMLElement | null | undefined;
-            email?: HTMLElement | null | undefined;
-            linkendIn?: HTMLElement | null | undefined;
-            address?: HTMLElement | null | undefined;
-            additionalContact?: HTMLElement | null | undefined;
+            phone?: HTMLElement | null;
+            email?: HTMLElement | null;
+            linkendIn?: HTMLElement | null;
+            address?: HTMLElement | null;
+            additionalContact?: HTMLElement | null;
         } & {
             name: HTMLElement | null;
-            job?: HTMLElement | null | undefined;
-            association?: HTMLElement | null | undefined;
-            pronouns?: HTMLElement | null | undefined;
-            subText?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
-            displayType?: string | undefined;
+            job?: HTMLElement | null;
+            association?: HTMLElement | null;
+            pronouns?: HTMLElement | null;
+            subText?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
+            displayType?: string;
         } & {
-            image?: HTMLImageElement | null | undefined;
+            image?: HTMLImageElement | null;
         }) => HTMLDivElement;
         Styles: string;
     };
@@ -756,7 +762,7 @@ export declare const Elements: {
         };
         Text: {
             CreateElement: ({ quote, attribution, attributionSubText, action, theme, isSizeLarge, }: import("./elements/quote/elements/text").TypeQuoteTextContainer & {
-                isSizeLarge?: boolean | undefined;
+                isSizeLarge?: boolean;
             }) => HTMLDivElement;
             Styles: string;
             Elements: {
@@ -785,7 +791,7 @@ export declare const Elements: {
     };
     ScrollTop: {
         CreateElement: (props: {
-            isFixed?: boolean | undefined;
+            isFixed?: boolean;
         }) => {
             element: HTMLDivElement;
             events: {
@@ -796,19 +802,19 @@ export declare const Elements: {
     };
     SectionIntro: {
         CreateElement: (element: {
-            headline?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            text?: HTMLElement | null | undefined;
-            hasSeparator?: boolean | undefined;
-            theme?: string | null | undefined;
+            headline?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            text?: HTMLElement | null;
+            hasSeparator?: boolean;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     SectionIntroWide: {
         CreateElement: (element: {
-            headline?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
-            theme?: string | null | undefined;
+            headline?: HTMLElement | null;
+            actions?: HTMLElement | null;
+            theme?: string | null;
         }) => HTMLDivElement;
         Styles: string;
     };
@@ -816,8 +822,8 @@ export declare const Elements: {
         CreateElement: (props: {
             dataSlider: HTMLDivElement;
         } & {
-            headline?: HTMLElement | null | undefined;
-            actions?: HTMLElement | null | undefined;
+            headline?: HTMLElement | null;
+            actions?: HTMLElement | null;
         } & {
             theme: string;
         }) => {
@@ -830,13 +836,13 @@ export declare const Elements: {
     };
     SocialSharing: {
         CreateElement: (props: {
-            isFixed?: boolean | undefined;
-            includeFacebook?: boolean | undefined;
-            includeTwitter?: boolean | undefined;
-            includeEmail?: boolean | undefined;
-            includePrint?: boolean | undefined;
-            title?: string | null | undefined;
-            url?: string | null | undefined;
+            isFixed?: boolean;
+            includeFacebook?: boolean;
+            includeTwitter?: boolean;
+            includeEmail?: boolean;
+            includePrint?: boolean;
+            title?: string | null;
+            url?: string | null;
         }) => {
             element: HTMLDivElement;
             events: {
@@ -847,30 +853,30 @@ export declare const Elements: {
     };
     Stat: {
         CreateElement: (props: {
-            stat?: HTMLElement | null | undefined;
+            stat?: HTMLElement | null;
         } & {
-            theme?: string | null | undefined;
-            type?: string | null | undefined;
-            size?: string | null | undefined;
-            hasLine?: boolean | undefined;
-            text?: HTMLElement | null | undefined;
-            subText?: HTMLElement | null | undefined;
+            theme?: string | null;
+            displayType?: string | null;
+            size?: string | null;
+            hasLine?: boolean;
+            text?: HTMLElement | null;
+            subText?: HTMLElement | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     StickyColumns: {
         CreateElement: (element: {
-            stickyColumn?: HTMLElement | null | undefined;
-            staticColumn?: HTMLElement | null | undefined;
-            isStickyLast?: boolean | null | undefined;
+            stickyColumn?: HTMLElement | null;
+            staticColumn?: HTMLElement | null;
+            isStickyLast?: boolean | null;
         }) => HTMLDivElement;
         Styles: string;
     };
     Tabs: {
         CreateElement: (props: {
             tabsContainer: HTMLElement;
-            theme?: string | undefined;
-            shadowContent?: HTMLSlotElement | undefined;
+            theme?: string;
+            shadowContent?: HTMLSlotElement;
         }) => {
             element: HTMLDivElement;
             events: {