@blateral/b.kit 1.21.3 → 2.0.0-beta.2

package/lib/components/sections/TeaserWide.d.ts

@@ -1,37 +1,66 @@
 import React from 'react';
 import { HeadlineTag } from "../typography/Heading";
 import { ImageProps } from "../blocks/Image";
+import { VideoAspectRatios } from "../blocks/VideoBlock";
 export declare const TeaserWideComponent: React.FC<{
+    /** Switch text and image columns */
     isMirrored?: boolean | undefined;
+    /** Superior title that stands above main title */
     superTitle?: string | undefined;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag | undefined;
+    /** Main title text */
     title?: string | undefined;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag | undefined;
-    image?: (Omit<ImageProps, "coverSpace"> & {
-        description?: string | undefined;
-    }) | undefined;
-    intro?: string | undefined;
+    /** Images for different screen sizes */
+    image?: Omit<ImageProps, "coverSpace"> | undefined;
+    /**
+     * Use video instead of an image. Until video is loaded images defined in the image prop are used.
+     * Multiple video urls can be used to loaded different file formats
+     */
+    video?: {
+        urls: string[];
+        aspectRatios?: VideoAspectRatios | undefined;
+    } | undefined;
+    /** Main richtext */
     text?: string | undefined;
-    subText?: string | undefined;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
+    /** Function to inject custom primary button */
     primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject custom secondary button */
     secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    bgMode?: "full" | "inverted" | undefined;
 }>;
 declare const _default: React.FC<{
+    /** Switch text and image columns */
     isMirrored?: boolean | undefined;
+    /** Superior title that stands above main title */
     superTitle?: string | undefined;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag | undefined;
+    /** Main title text */
     title?: string | undefined;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag | undefined;
-    image?: (Omit<ImageProps, "coverSpace"> & {
-        description?: string | undefined;
-    }) | undefined;
-    intro?: string | undefined;
+    /** Images for different screen sizes */
+    image?: Omit<ImageProps, "coverSpace"> | undefined;
+    /**
+     * Use video instead of an image. Until video is loaded images defined in the image prop are used.
+     * Multiple video urls can be used to loaded different file formats
+     */
+    video?: {
+        urls: string[];
+        aspectRatios?: VideoAspectRatios | undefined;
+    } | undefined;
+    /** Main richtext */
     text?: string | undefined;
-    subText?: string | undefined;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
+    /** Function to inject custom primary button */
     primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject custom secondary button */
     secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    bgMode?: "full" | "inverted" | undefined;
 } & {
     theme?: {
         colors?: {
@@ -52,12 +81,44 @@ declare const _default: React.FC<{
                 medium?: string | undefined;
                 dark?: string | undefined;
             } | undefined;
-            tertiary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
             error?: string | undefined;
+            new?: {
+                text?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    error?: string | undefined;
+                    heading?: string | undefined;
+                    headingInverted?: string | undefined;
+                    copy?: string | undefined;
+                    copyInverted?: string | undefined;
+                } | undefined;
+                sectionBg?: {
+                    light?: string | undefined;
+                    medium?: string | undefined;
+                    dark?: string | undefined;
+                } | undefined;
+                elementBg?: {
+                    light?: string | undefined;
+                    lightHover?: string | undefined;
+                    medium?: string | undefined;
+                    mediumHover?: string | undefined;
+                    dark?: string | undefined;
+                    darkHover?: string | undefined;
+                } | undefined;
+                primary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    hover?: string | undefined;
+                    invertedHover?: string | undefined;
+                } | undefined;
+                secondary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    hover?: string | undefined;
+                    invertedHover?: string | undefined;
+                } | undefined;
+                error?: string | undefined;
+            } | undefined;
         } | undefined;
         fonts?: {
             base?: {
@@ -262,47 +323,6 @@ declare const _default: React.FC<{
                     colorGradient?: string | undefined;
                     colorGradientInverted?: string | undefined;
                 } | undefined;
-                label?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
                 callout?: {
                     small?: {
                         family?: string | undefined;
@@ -346,7 +366,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -361,12 +381,41 @@ declare const _default: React.FC<{
                 } | undefined;
                 edgeRadius?: (string | null) | undefined;
                 imageTextGradient?: string | undefined;
+                imagePlaceholderBg?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                } | undefined;
                 newsDateFormat?: string | undefined;
                 newsTimeFormat?: string | undefined;
                 newsLocaleKey?: ("de" | "en") | undefined;
                 datepickerLocaleKey?: ("de" | "en") | undefined;
                 datepickerDateFormat?: string | undefined;
             } | undefined;
+            navigation?: {
+                navBar?: {
+                    isTopNavVisible?: boolean | undefined;
+                    topNavHeight?: {
+                        mobile?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                        desktop?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                    } | undefined;
+                    height?: {
+                        mobile?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                        desktop?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | undefined;
     } | undefined;
 }>;

package/lib/components/sections/TeaserWide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeaserWide.d.ts","sourceRoot":"","sources":["../../../src/components/sections/TeaserWide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAC5D,OAAc,EAAE,UAAU,EAAE,wBAAgC;AAoL5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;2DA7Fc,MAAM,SAAS;6DACb,MAAM,SAAS;;EA4FlB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC9C,wBAAwC"}
+{"version":3,"file":"TeaserWide.d.ts","sourceRoot":"","sources":["../../../src/components/sections/TeaserWide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAC5D,OAAc,EAAE,UAAU,EAAE,wBAAgC;AAO5D,OAAmB,EAAE,iBAAiB,EAAE,6BAAqC;AAmT7E,eAAO,MAAM,mBAAmB;IA3I5B,oCAAoC;;IAGpC,kDAAkD;;IAGlD,gDAAgD;;IAGhD,sBAAsB;;IAGtB,+CAA+C;;IAG/C,wCAAwC;;IAGxC;;;OAGG;;cAEO,MAAM,EAAE;;;IAIlB,oBAAoB;;IAGpB,yBAAyB;;IAGzB,+CAA+C;2DACL,MAAM,SAAS;IAEzD,iDAAiD;6DACL,MAAM,SAAS;EAsGlB,CAAC;;IA3I1C,oCAAoC;;IAGpC,kDAAkD;;IAGlD,gDAAgD;;IAGhD,sBAAsB;;IAGtB,+CAA+C;;IAG/C,wCAAwC;;IAGxC;;;OAGG;;;;;IAMH,oBAAoB;;IAGpB,yBAAyB;;IAGzB,+CAA+C;;IAG/C,iDAAiD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGrD,wBAAwC"}

package/lib/components/sections/Timeline.d.ts

@@ -34,12 +34,44 @@ declare const _default: React.FC<{
                 medium?: string | undefined;
                 dark?: string | undefined;
             } | undefined;
-            tertiary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
             error?: string | undefined;
+            new?: {
+                text?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    error?: string | undefined;
+                    heading?: string | undefined;
+                    headingInverted?: string | undefined;
+                    copy?: string | undefined;
+                    copyInverted?: string | undefined;
+                } | undefined;
+                sectionBg?: {
+                    light?: string | undefined;
+                    medium?: string | undefined;
+                    dark?: string | undefined;
+                } | undefined;
+                elementBg?: {
+                    light?: string | undefined;
+                    lightHover?: string | undefined;
+                    medium?: string | undefined;
+                    mediumHover?: string | undefined;
+                    dark?: string | undefined;
+                    darkHover?: string | undefined;
+                } | undefined;
+                primary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    hover?: string | undefined;
+                    invertedHover?: string | undefined;
+                } | undefined;
+                secondary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    hover?: string | undefined;
+                    invertedHover?: string | undefined;
+                } | undefined;
+                error?: string | undefined;
+            } | undefined;
         } | undefined;
         fonts?: {
             base?: {
@@ -244,47 +276,6 @@ declare const _default: React.FC<{
                     colorGradient?: string | undefined;
                     colorGradientInverted?: string | undefined;
                 } | undefined;
-                label?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
                 callout?: {
                     small?: {
                         family?: string | undefined;
@@ -328,7 +319,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -343,12 +334,41 @@ declare const _default: React.FC<{
                 } | undefined;
                 edgeRadius?: (string | null) | undefined;
                 imageTextGradient?: string | undefined;
+                imagePlaceholderBg?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                } | undefined;
                 newsDateFormat?: string | undefined;
                 newsTimeFormat?: string | undefined;
                 newsLocaleKey?: ("de" | "en") | undefined;
                 datepickerLocaleKey?: ("de" | "en") | undefined;
                 datepickerDateFormat?: string | undefined;
             } | undefined;
+            navigation?: {
+                navBar?: {
+                    isTopNavVisible?: boolean | undefined;
+                    topNavHeight?: {
+                        mobile?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                        desktop?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                    } | undefined;
+                    height?: {
+                        mobile?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                        desktop?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | undefined;
     } | undefined;
 }>;

package/lib/components/sections/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Timeline.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAgNf,eAAO,MAAM,iBAAiB;;;;;;;EAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1C,wBAAsC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Timeline.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAiNf,eAAO,MAAM,iBAAiB;;;;;;;EAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1C,wBAAsC"}

package/lib/components/sections/Video.d.ts

@@ -4,13 +4,13 @@ export declare const VideoComponent: React.FC<{
     bgImage: ImageProps;
     embedId: string;
     playIcon?: React.ReactChild | undefined;
-    bgMode?: "full" | "inverted" | undefined;
+    bgMode?: "full" | "inverted" | "splitted" | undefined;
 }>;
 declare const _default: React.FC<{
     bgImage: ImageProps;
     embedId: string;
     playIcon?: React.ReactChild | undefined;
-    bgMode?: "full" | "inverted" | undefined;
+    bgMode?: "full" | "inverted" | "splitted" | undefined;
 } & {
     theme?: {
         colors?: {
@@ -31,12 +31,44 @@ declare const _default: React.FC<{
                 medium?: string | undefined;
                 dark?: string | undefined;
             } | undefined;
-            tertiary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
             error?: string | undefined;
+            new?: {
+                text?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    error?: string | undefined;
+                    heading?: string | undefined;
+                    headingInverted?: string | undefined;
+                    copy?: string | undefined;
+                    copyInverted?: string | undefined;
+                } | undefined;
+                sectionBg?: {
+                    light?: string | undefined;
+                    medium?: string | undefined;
+                    dark?: string | undefined;
+                } | undefined;
+                elementBg?: {
+                    light?: string | undefined;
+                    lightHover?: string | undefined;
+                    medium?: string | undefined;
+                    mediumHover?: string | undefined;
+                    dark?: string | undefined;
+                    darkHover?: string | undefined;
+                } | undefined;
+                primary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    hover?: string | undefined;
+                    invertedHover?: string | undefined;
+                } | undefined;
+                secondary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                    hover?: string | undefined;
+                    invertedHover?: string | undefined;
+                } | undefined;
+                error?: string | undefined;
+            } | undefined;
         } | undefined;
         fonts?: {
             base?: {
@@ -241,47 +273,6 @@ declare const _default: React.FC<{
                     colorGradient?: string | undefined;
                     colorGradientInverted?: string | undefined;
                 } | undefined;
-                label?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
                 callout?: {
                     small?: {
                         family?: string | undefined;
@@ -325,7 +316,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -340,12 +331,41 @@ declare const _default: React.FC<{
                 } | undefined;
                 edgeRadius?: (string | null) | undefined;
                 imageTextGradient?: string | undefined;
+                imagePlaceholderBg?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                } | undefined;
                 newsDateFormat?: string | undefined;
                 newsTimeFormat?: string | undefined;
                 newsLocaleKey?: ("de" | "en") | undefined;
                 datepickerLocaleKey?: ("de" | "en") | undefined;
                 datepickerDateFormat?: string | undefined;
             } | undefined;
+            navigation?: {
+                navBar?: {
+                    isTopNavVisible?: boolean | undefined;
+                    topNavHeight?: {
+                        mobile?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                        desktop?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                    } | undefined;
+                    height?: {
+                        mobile?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                        desktop?: {
+                            small?: number | undefined;
+                            large?: number | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
         } | undefined;
     } | undefined;
 }>;

package/lib/components/sections/Video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,wBAAgC;AAsCrD,eAAO,MAAM,cAAc;aAjCd,UAAU;aACV,MAAM;;;EAgCgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACpC,wBAAmC"}
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,wBAAgC;AAoCrD,eAAO,MAAM,cAAc;aA/Bd,UAAU;aACV,MAAM;;;EA8BgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACpC,wBAAmC"}