npm - @blateral/b.kit - Versions diffs - 1.21.3 → 2.0.0-beta.10.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (347) hide show

package/lib/components/sections/footer/skeletons/FooterArticle.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+declare const FooterArticle: FC<{
+    isInverted?: boolean;
+    title?: string;
+    text?: string;
+    action?: (props: {
+        isInverted?: boolean;
+    }) => React.ReactNode;
+    className?: string;
+}>;
+export default FooterArticle;
+//# sourceMappingURL=FooterArticle.d.ts.map

package/lib/components/sections/footer/skeletons/FooterArticle.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FooterArticle.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/footer/skeletons/FooterArticle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYlC,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAcA,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/sections/footer/skeletons/FooterBottomGrid.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BottomLink } from '../Footer';
+declare const _default: {
+    View: React.FC<{
+        className?: string | undefined;
+        children?: React.ReactNode;
+    }>;
+    LinkList: React.FC<{
+        isInverted?: boolean | undefined;
+        links?: BottomLink[] | undefined;
+        brandIcon?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+        className?: string | undefined;
+    }>;
+};
+export default _default;
+//# sourceMappingURL=FooterBottomGrid.d.ts.map

package/lib/components/sections/footer/skeletons/FooterBottomGrid.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"FooterBottomGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/footer/skeletons/FooterBottomGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;AAsFvC,wBAGE"}

package/lib/components/sections/footer/skeletons/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { default as FooterArticle } from './FooterArticle';
+export { default as FooterBottomGrid } from './FooterBottomGrid';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/sections/footer/skeletons/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/footer/skeletons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/sections/header/Header.d.ts CHANGED Viewed

@@ -1,403 +1,88 @@
 import React from 'react';
 import { CalloutTag } from "../../typography/Callout";
-interface HeaderImageProps {
-    small: string;
-    medium?: string;
-    semilarge?: string;
-    large?: string;
-    xlarge?: string;
-    webp?: {
-        small: string;
-        medium?: string;
-        semilarge?: string;
-        large?: string;
-        xlarge?: string;
-    };
-}
+import { ImageProps } from "../../blocks/Image";
+export declare type HeaderSize = 'full' | 'small';
+export declare type HeaderImage = Omit<ImageProps, 'ratios' | 'coverSpace'> & {
+    zoomPoint?: [number, number];
+    zoom?: number;
+};
+export declare type HeaderFocus = [
+    'left' | 'center' | 'right',
+    'top' | 'center' | 'bottom'
+];
 export declare const HeaderComponent: React.FC<{
-    size?: "small" | "full" | undefined;
-    /** Optional explicit CSS height value */
-    height?: string | undefined;
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
+    /** Header image height size (full=100vh, small=80vh) */
+    size?: HeaderSize | undefined;
+    /** Focus point of header image / video  */
+    focusPoint?: HeaderFocus | undefined;
+    /** Center content */
+    isCentered?: boolean | undefined;
+    /** Header title on image */
     title?: string | undefined;
+    /** Header title HTML tag type (h2, h3, h4...) */
     titleAs?: CalloutTag | undefined;
-    intro?: {
-        text?: string | undefined;
-        title?: string | undefined;
-    } | undefined;
-    primaryCta?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    secondaryCta?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Header text on image */
+    text?: string | 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;
+    /** Array of image settings */
+    images?: HeaderImage[] | undefined;
+    /** CSS value of custom image overlay to help seperate the text from the background */
+    customImgOverlay?: string | undefined;
+    /** URL to header video. First image in images array can be used as fallback */
     videoUrl?: string | undefined;
-    images?: HeaderImageProps[] | undefined;
-    customBottomGradient?: string | undefined;
-    badge?: {
-        content: React.ReactNode;
-        showOnMobile?: boolean | undefined;
-    } | undefined;
+    /** Ken burns effect zoom */
     kenBurnsZoom?: number | undefined;
-    /** Zoom point of ken burns effect. x and y values in the range from 0 - 1 */
+    /** Global zoom point for all images with ken burns effect. x and y values in the range from 0 - 1 */
     kenBurnsZoomPoint?: [number, number] | undefined;
+    /** Time between each image in ken burns mode */
     kenBurnsInterval?: number | undefined;
+    /** Callback called on image change */
+    onImageChange?: ((image?: Omit<ImageProps, "ratios" | "coverSpace"> | undefined) => void) | undefined;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
 }>;
 declare const _default: React.FC<{
-    size?: "small" | "full" | undefined;
-    /** Optional explicit CSS height value */
-    height?: string | undefined;
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
+    /** Header image height size (full=100vh, small=80vh) */
+    size?: HeaderSize | undefined;
+    /** Focus point of header image / video  */
+    focusPoint?: HeaderFocus | undefined;
+    /** Center content */
+    isCentered?: boolean | undefined;
+    /** Header title on image */
     title?: string | undefined;
+    /** Header title HTML tag type (h2, h3, h4...) */
     titleAs?: CalloutTag | undefined;
-    intro?: {
-        text?: string | undefined;
-        title?: string | undefined;
-    } | undefined;
-    primaryCta?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    secondaryCta?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Header text on image */
+    text?: string | 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;
+    /** Array of image settings */
+    images?: HeaderImage[] | undefined;
+    /** CSS value of custom image overlay to help seperate the text from the background */
+    customImgOverlay?: string | undefined;
+    /** URL to header video. First image in images array can be used as fallback */
     videoUrl?: string | undefined;
-    images?: HeaderImageProps[] | undefined;
-    customBottomGradient?: string | undefined;
-    badge?: {
-        content: React.ReactNode;
-        showOnMobile?: boolean | undefined;
-    } | undefined;
+    /** Ken burns effect zoom */
     kenBurnsZoom?: number | undefined;
-    /** Zoom point of ken burns effect. x and y values in the range from 0 - 1 */
+    /** Global zoom point for all images with ken burns effect. x and y values in the range from 0 - 1 */
     kenBurnsZoomPoint?: [number, number] | undefined;
+    /** Time between each image in ken burns mode */
     kenBurnsInterval?: number | undefined;
+    /** Callback called on image change */
+    onImageChange?: ((image?: Omit<ImageProps, "ratios" | "coverSpace"> | undefined) => void) | undefined;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
 } & {
-    theme?: {
-        colors?: {
-            dark?: string | undefined;
-            light?: string | undefined;
-            mono?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            primary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            secondary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            tertiary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            error?: string | undefined;
-        } | undefined;
-        fonts?: {
-            base?: {
-                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;
-            types?: {
-                copy?: {
-                    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;
-                'copy-i'?: {
-                    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;
-                'copy-b'?: {
-                    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;
-                super?: {
-                    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;
-                'heading-1'?: {
-                    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;
-                'heading-2'?: {
-                    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;
-                'heading-3'?: {
-                    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;
-                'heading-4'?: {
-                    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;
-                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;
-                        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;
-            } | undefined;
-        } | undefined;
-        globalSettings?: {
-            sections?: {
-                seperation?: {
-                    forcePadding?: boolean | undefined;
-                    padding?: {
-                        default?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        stackable?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    } | undefined;
-                    margin?: {
-                        default?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        stackable?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    } | undefined;
-                } | undefined;
-                edgeRadius?: (string | null) | undefined;
-                imageTextGradient?: string | undefined;
-                newsDateFormat?: string | undefined;
-                newsTimeFormat?: string | undefined;
-                newsLocaleKey?: ("de" | "en") | undefined;
-                datepickerLocaleKey?: ("de" | "en") | undefined;
-                datepickerDateFormat?: string | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
+    theme?: import("../../../utils/types").RecursivePartial<import("styled-components").DefaultTheme> | undefined;
 }>;
 export default _default;
 //# sourceMappingURL=Header.d.ts.map

package/lib/components/sections/header/Header.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAyB~~,MAAM,OAAO,CAAC;~~AAG9C~~,OAAO,EAAE,UAAU,EAAE,iCAAsC;~~AAkB3D~~,~~UAAU~~,~~gBAAgB;IACtB~~,~~KAAK~~,EAAE,~~MAAM,CAAC~~;~~IACd~~,~~MAAM~~,~~CAAC~~,~~EAAE~~,MAAM,CAAC;~~IAChB~~,~~SAAS~~,~~CAAC~~,~~EAAE~~,~~MAAM~~,CAAC~~;IACnB~~,~~KAAK~~,~~CAAC,~~EAAE,~~MAAM~~,~~CAAC;IACf~~,~~MAAM~~,CAAC,~~EAAE~~,~~MAAM~~,CAAC~~;IAChB~~,~~IAAI~~,CAAC,~~EAAE;QACH~~,~~KAAK,~~EAAE,MAAM,CAAC;~~QACd~~,~~MAAM~~,CAAC,EAAE,MAAM,CAAC;~~QAChB~~,~~SAAS,~~CAAC,~~EAAE~~,~~MAAM~~,~~CAAC~~;~~QACnB~~,~~KAAK~~,~~CAAC~~,~~EAAE~~,~~MAAM~~,~~CAAC~~;~~QACf~~,~~MAAM~~,~~CAAC~~,~~EAAE~~,~~MAAM~~,~~CAAC~~;~~KACnB~~,CAAC;~~CACL;AAkVD~~,eAAO,MAAM,eAAe;;~~IAnJxB~~,~~yCAAyC;;;;;;;;wDAUF~~,~~MAAM~~,~~SAAS~~;~~0DACb~~,MAAM,SAAS~~;;;;;iBAK3C~~,MAAM,SAAS~~;;;;IAI5B~~,~~6EAA6E;;;~~EA+~~H5C~~,CAAC~~;;;IAnJlC~~,~~yCAAyC;;;;;;;;;;;;;;;;;;IAoBzC~~,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIjF,wBAAoC"}
1	+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,iCAAsC;AAU3D,OAAO,EAAE,UAAU,EAAE,2BAAgC;AA2SrD,oBAAY,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAC1C,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,YAAY,CAAC,GAAG;IAClE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,WAAW,GAAG;IACtB,MAAM,GAAG,QAAQ,GAAG,OAAO;IAC3B,KAAK,GAAG,QAAQ,GAAG,QAAQ;CAC9B,CAAC;AAkLF,eAAO,MAAM,eAAe;IA/KxB,wDAAwD;;IAGxD,wDAAwD;;IAGxD,2CAA2C;;IAG3C,qBAAqB;;IAGrB,4BAA4B;;IAG5B,iDAAiD;;IAGjD,2BAA2B;;IAG3B,+CAA+C;2DACL,MAAM,SAAS;IAEzD,iDAAiD;6DACL,MAAM,SAAS;IAE3D,8BAA8B;;IAG9B,sFAAsF;;IAGtF,+EAA+E;;IAG/E,4BAA4B;;IAG5B,qGAAqG;;IAGrG,gDAAgD;;IAGhD,sCAAsC;wFACiC,IAAI;IAE3E,yBAAyB;;EA+HQ,CAAC;;IA/KlC,wDAAwD;;IAGxD,wDAAwD;;IAGxD,2CAA2C;;IAG3C,qBAAqB;;IAGrB,4BAA4B;;IAG5B,iDAAiD;;IAGjD,2BAA2B;;IAG3B,+CAA+C;;IAG/C,iDAAiD;;IAGjD,8BAA8B;;IAG9B,sFAAsF;;IAGtF,+EAA+E;;IAG/E,4BAA4B;;IAG5B,qGAAqG;;IAGrG,gDAAgD;;IAGhD,sCAAsC;;IAGtC,yBAAyB;;;;;AAgI7B,wBAAoC"}

package/lib/components/sections/header/HeaderKenBurns.d.ts CHANGED Viewed

@@ -1,23 +1,13 @@
 import React from 'react';
-export interface HeaderKenBurnsImageProps {
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    webp?: {
-        small: string;
-        medium: string;
-        large: string;
-        xlarge: string;
-    };
-}
+import { HeaderImage } from './Header';
 declare const HeaderKenBurns: React.FC<{
-    images: HeaderKenBurnsImageProps[];
+    images: HeaderImage[];
     zoom?: number;
     zoomPoint?: [number, number];
     interval?: number;
-    onImageChange?: (currentImg: HeaderKenBurnsImageProps) => void;
+    onImageChange?: (currentImg: HeaderImage) => void;
     className?: string;
+    children?: React.ReactNode;
 }>;
 export default HeaderKenBurns;
 //# sourceMappingURL=HeaderKenBurns.d.ts.map

package/lib/components/sections/header/HeaderKenBurns.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderKenBurns.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderKenBurns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;~~AAO~~/D,~~MAAM~~,~~WAAW,wBAAwB;IACrC,KAAK,~~EAAE,~~MAAM~~,~~CAAC;IACd,MAAM,~~EAAE,MAAM,~~CAAC;IACf~~,~~KAAK,EAAE,MAAM,~~CAAC;~~IACd~~,~~MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL;AA2HD,~~QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,MAAM,EAAE,~~wBAAwB~~,EAAE,CAAC;~~IACnC~~,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,~~wBAAwB~~,KAAK,IAAI,CAAC;~~IAC/D~~,SAAS,CAAC,EAAE,MAAM,CAAC;~~CACtB~~,~~CA2EA~~,CAAC;AAEF,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"HeaderKenBurns.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderKenBurns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAwJvC,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAmFA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/sections/header/HeaderPoster.d.ts CHANGED Viewed

@@ -1,21 +1,12 @@
-import * as React from 'react';
-interface HeaderPosterImageProps {
-    small: string;
-    medium?: string;
-    semilarge?: string;
-    large?: string;
-    xlarge?: string;
-    webp?: {
-        small: string;
-        medium?: string;
-        semilarge?: string;
-        large?: string;
-        xlarge?: string;
-    };
-}
+import React from 'react';
+import { ImageProps } from "../../blocks/Image";
+import { HeaderFocus } from './Header';
 declare const HeaderPoster: React.FC<{
-    bgImage: HeaderPosterImageProps;
+    isInverted?: boolean;
+    bgImage?: Omit<ImageProps, 'ratios' | 'coverSpace'>;
+    focus?: HeaderFocus;
     className?: string;
+    children?: React.ReactNode;
 }>;
 export default HeaderPoster;
 //# sourceMappingURL=HeaderPoster.d.ts.map

package/lib/components/sections/header/HeaderPoster.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderPoster.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderPoster.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,~~KAAK,~~MAAM,OAAO,CAAC;~~AAG/B~~,~~UAAU~~,~~sBAAsB;IAC5B~~,~~KAAK~~,EAAE,~~MAAM,CAAC~~;~~IACd~~,~~MAAM~~,~~CAAC~~,EAAE,MAAM,CAAC;~~IAChB~~,~~SAAS~~,~~CAAC~~,EAAE,~~MAAM,CAAC;IACnB,~~KAAK,CAAC,EAAE,~~MAAM,~~CAAC;~~IACf~~,~~MAAM~~,CAAC,EAAE,~~MAAM~~,CAAC;~~IAChB~~,~~IAAI~~,CAAC,EAAE~~;QACH~~,~~KAAK~~,~~EAAE,MAAM,~~CAAC~~;QACd~~,~~MAAM~~,~~CAAC,~~EAAE,~~MAAM~~,~~CAAC;QAChB~~,~~SAAS~~,CAAC,~~EAAE,MAAM,~~CAAC;~~QACnB~~,KAAK,CAAC,EAAE,~~MAAM~~,CAAC;~~QACf~~,~~MAAM~~,CAAC,EAAE,MAAM,CAAC;~~KACnB~~,CAAC~~;CACL;AAmBD~~,~~QAAA,MAAM,YAAY,~~EAAE,KAAK,CAAC,~~EAAE,CAAC;IACzB,OAAO,EAAE,sBAAsB,CAAC;IAChC,~~SAAS,CAAC~~,EAAE,MAAM,CAAC~~;~~CACtB~~,~~CAOA~~,CAAC;AAEF,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"HeaderPoster.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderPoster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAc,EAAE,UAAU,EAAE,2BAAgC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAkBvC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,YAAY,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAeA,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/sections/header/HeaderVideo.d.ts CHANGED Viewed

@@ -1,23 +1,13 @@
-import * as React from 'react';
-interface HeaderVideoImageProps {
-    small: string;
-    medium?: string;
-    semilarge?: string;
-    large?: string;
-    xlarge?: string;
-    webp?: {
-        small: string;
-        medium?: string;
-        semilarge?: string;
-        large?: string;
-        xlarge?: string;
-    };
-}
+import React from 'react';
+import { HeaderFocus, HeaderImage } from './Header';
 declare const HeaderVideo: React.FC<{
+    isInverted?: boolean;
     loadOnMobile?: boolean;
-    placeholderImg?: HeaderVideoImageProps;
+    placeholderImg?: HeaderImage;
+    focus?: HeaderFocus;
     videoUrl?: string;
     className?: string;
+    children?: React.ReactNode;
 }>;
 export default HeaderVideo;
 //# sourceMappingURL=HeaderVideo.d.ts.map

package/lib/components/sections/header/HeaderVideo.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderVideo.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~KAAK,~~MAAM,OAAO,CAAC;~~AAO/B~~,~~UAAU~~,~~qBAAqB;IAC3B,KAAK,~~EAAE,~~MAAM~~,~~CAAC;IACd,MAAM,CAAC,~~EAAE,~~MAAM~~,~~CAAC;IAChB,SAAS,CAAC,~~EAAE,MAAM,~~CAAC;IACnB~~,~~KAAK,~~CAAC~~,EAAE,MAAM,CAAC~~;~~IACf~~,~~MAAM~~,~~CAAC,EAAE,~~MAAM,~~CAAC;IAChB~~,~~IAAI,CAAC,~~EAAE~~;QACH~~,KAAK,~~EAAE,MAAM,~~CAAC~~;QACd~~,~~MAAM,CAAC,~~EAAE,~~MAAM,~~CAAC;~~QAChB~~,~~SAAS~~,CAAC,EAAE,~~MAAM~~,CAAC;~~QACnB~~,~~KAAK~~,CAAC,EAAE,~~MAAM~~,CAAC;~~QACf~~,~~MAAM~~,CAAC,EAAE,~~MAAM~~,CAAC;~~KACnB~~,~~CAAC;CACL;AA6CD,QAAA,MAAM,WAAW,EAAE,~~KAAK,CAAC,EAAE,CAAC;~~IACxB~~,~~YAAY~~,CAAC,EAAE,~~OAAO~~,CAAC;~~IACvB~~,~~cAAc~~,CAAC,EAAE,~~qBAAqB~~,CAAC;~~IACvC~~,QAAQ,CAAC,EAAE,~~MAAM~~,CAAC~~;IAClB~~,SAAS,CAAC~~,EAAE,MAAM,CAAC~~;~~CACtB~~,~~CAyCA~~,CAAC;AAEF,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"HeaderVideo.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAsDpD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAkDA,CAAC;AAEF,eAAe,WAAW,CAAC"}