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

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

@@ -62,362 +62,7 @@ declare const _default: React.FC<{
     kenBurnsZoomPoint?: [number, number] | undefined;
     kenBurnsInterval?: number | 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;
-            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?: {
-                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;
-                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;
-        globals?: {
-            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;
-                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;
+    theme?: import("../../../utils/LibThemeProvider").RecursivePartial<import("styled-components").DefaultTheme> | undefined;
 }>;
 export default _default;
 //# sourceMappingURL=Header.d.ts.map

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

@@ -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;AAa3D,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"}
+{"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;AAa3D,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"}

package/lib/components/sections/navigation/remastered/NavBar.d.ts

@@ -1,16 +1,37 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { DefaultTheme } from 'styled-components';
-import { NavBarHeights } from "../../../../utils/styles";
-/** Get full height of navigation bar */
-export declare const getFullHeight: (theme: DefaultTheme, bp: 'mobile' | 'desktop') => NavBarHeights;
+declare type IncludeType = 'top' | 'main' | 'bottom';
+/**
+ * Get full height of navigation bar
+ * @param theme Theme object
+ * @param size Navigation bar size
+ * @param exclude Exclude parts of the navbar for height calculation
+ * @returns [mobile, desktop]
+ */
+export declare const getFullHeight: (theme: DefaultTheme, size?: NavBarSize | undefined, exclude?: IncludeType[] | undefined) => [number, number];
 export declare type NavBarSize = 'small' | 'large';
+export interface BarStates {
+    size: NavBarSize;
+    isOpen?: boolean;
+    isSticky?: boolean;
+    pageFlow?: PageFlow;
+}
+export declare type PageFlow = 'overContent' | 'beforeContent';
 export interface NavBarProps {
     size?: NavBarSize;
     isOpen?: boolean;
     isSticky?: boolean;
     isAnimated?: boolean;
     clampWidth?: 'content' | 'full';
-    reserveBarHeight?: boolean;
+    pageFlow?: PageFlow;
+    topBg?: string;
+    mainBg?: string;
+    bottomBg?: string;
+    /** Custom background value for NavBar with pageFlow === overContent and large size  */
+    onContentBg?: string;
+    topBar?: (props: BarStates) => React.ReactNode;
+    mainBar?: (props: BarStates) => React.ReactNode;
+    bottomBar?: (props: BarStates) => React.ReactNode;
 }
 declare const NavBar: FC<NavBarProps & {
     className?: string;

package/lib/components/sections/navigation/remastered/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAKH,aAAa,EAChB,iCAAqB;AA6HtB,wCAAwC;AACxC,eAAO,MAAM,aAAa,UACf,YAAY,MACf,QAAQ,GAAG,SAAS,KACzB,aAmBF,CAAC;AAUF,oBAAY,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CACZ,WAAW,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CA8CJ,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAC3C,OAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA8EzD,aAAK,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE7C;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,UACf,YAAY,yEAGpB,CAAC,MAAM,EAAE,MAAM,CAkBjB,CAAC;AAgKF,oBAAY,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACvB;AAED,oBAAY,QAAQ,GAAG,aAAa,GAAG,eAAe,CAAC;AAEvD,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uFAAuF;IACvF,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CACZ,WAAW,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAsHJ,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/sections/navigation/remastered/Navigation.d.ts

@@ -1,14 +1,46 @@
-import { FC } from 'react';
-interface NavBarBase {
-    isStickable?: boolean;
-    reserveBarHeight?: boolean;
+import React, { FC } from 'react';
+import { ThemeMods } from "../../../../utils/LibThemeProvider";
+import { MenuStates, MenuTypeProps, NavGroup, NavItem } from './menu/Menu';
+import { NavBarSize, BarStates } from './NavBar';
+export interface NavBarStates extends BarStates {
+    isMenuOpen?: boolean;
+    openMenu?: () => void;
+    closeMenu?: () => void;
+    mainNavigation?: Array<NavGroup>;
+    subNavigation?: Array<NavItem>;
+}
+export interface NavMenuStates extends MenuStates {
+    isMenuOpen?: boolean;
+    openMenu?: () => void;
+    closeMenu?: () => void;
+    navBarSize?: NavBarSize;
 }
-interface NavBarCollapse extends NavBarBase {
-    isStickable: true;
+export interface NavBarSettings {
+    isStickable?: boolean;
     isCollapsible?: boolean;
+    pageFlow?: 'overContent' | 'beforeContent';
+    topBg?: string;
+    mainBg?: string;
+    bottomBg?: string;
+    /** Custom background value for NavBar with pageFlow === overContent and large size  */
+    onContentBg?: string;
+    topBar?: (props: NavBarStates) => React.ReactNode;
+    mainBar?: (props: NavBarStates) => React.ReactNode;
+    bottomBar?: (props: NavBarStates) => React.ReactNode;
+    theme?: ThemeMods;
+}
+export interface MenuSettings {
+    isIndexPage?: boolean;
+    mainNavigation?: Array<NavGroup>;
+    subNavigation?: Array<NavItem>;
+    header?: (props: NavMenuStates) => React.ReactNode;
+    footer?: (props: NavMenuStates) => React.ReactNode;
+    typeSettings: MenuTypeProps;
+    theme?: ThemeMods;
 }
 export interface NavigationProps {
-    navBar?: NavBarBase | NavBarCollapse;
+    navBar?: NavBarSettings;
+    menu?: MenuSettings;
     clampWidth?: 'content' | 'full';
 }
 declare const Navigation: FC<NavigationProps>;

package/lib/components/sections/navigation/remastered/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAMvD,UAAU,UAAU;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,cAAe,SAAQ,UAAU;IACvC,WAAW,EAAE,IAAI,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IACrC,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACnC;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8DnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAChE,OAAO,EAEH,SAAS,EAEZ,2CAA+B;AAIhC,OAAa,EACT,UAAU,EACV,aAAa,EACb,QAAQ,EACR,OAAO,EACV,MAAM,aAAa,CAAC;AAErB,OAAe,EAAiB,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAExE,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uFAAuF;IACvF,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,YAAY,EAAE,aAAa,CAAC;IAE5B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACnC;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoLnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/sections/navigation/remastered/menu/Menu.d.ts

@@ -0,0 +1,39 @@
+import React, { FC } from 'react';
+import { LinkProps } from "../../../../typography/Link";
+/** Menu Variations */
+import { FlyoutMenuProps } from './variations/MenuFlyout';
+import { LargeMenuProps } from './variations/MenuLarge';
+/** Navigation item types */
+export interface NavItem {
+    label: string;
+    link: LinkProps;
+    isCurrent?: boolean;
+}
+export interface NavGroup extends NavItem {
+    isFeatured?: boolean;
+    icon?: React.ReactNode;
+    subItems?: NavItem[];
+}
+/** Menu base type */
+export interface MenuStates {
+    isOpen?: boolean;
+    isIndexPage?: boolean;
+    mainNavigation?: Array<NavGroup>;
+    subNavigation?: Array<NavItem>;
+}
+export interface MenuBaseProps {
+    isOpen?: boolean;
+    clampWidth?: 'content' | 'full';
+    isIndexPage?: boolean;
+    mainNavigation?: Array<NavGroup>;
+    subNavigation?: Array<NavItem>;
+    header?: (props: MenuStates) => React.ReactNode;
+    footer?: (props: MenuStates) => React.ReactNode;
+    onClose?: () => void;
+}
+export declare type MenuTypeProps = FlyoutMenuProps | LargeMenuProps;
+declare const Menu: FC<MenuBaseProps & {
+    typeSettings?: MenuTypeProps;
+}>;
+export default Menu;
+//# sourceMappingURL=Menu.d.ts.map

package/lib/components/sections/navigation/remastered/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,oCAAmC;AAEvD,sBAAsB;AACtB,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAkB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEnE,4BAA4B;AAE5B,MAAM,WAAW,OAAO;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,QAAS,SAAQ,OAAO;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACxB;AAED,qBAAqB;AACrB,MAAM,WAAW,UAAU;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,oBAAY,aAAa,GAAG,eAAe,GAAG,cAAc,CAAC;AAE7D,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,aAAa,GAAG;IAAE,YAAY,CAAC,EAAE,aAAa,CAAA;CAAE,CA6C9D,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/sections/navigation/remastered/menu/variations/MenuFlyout.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { MenuBaseProps } from '../Menu';
+export interface FlyoutMenuProps {
+    type: 'flyout';
+}
+declare const MenuFlyout: FC<MenuBaseProps & FlyoutMenuProps>;
+export default MenuFlyout;
+//# sourceMappingURL=MenuFlyout.d.ts.map

package/lib/components/sections/navigation/remastered/menu/variations/MenuFlyout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuFlyout.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/menu/variations/MenuFlyout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgExC,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,aAAa,GAAG,eAAe,CA6DnD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/sections/navigation/remastered/menu/variations/MenuLarge.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { MenuBaseProps } from '../Menu';
+export interface LargeMenuProps {
+    type: 'large';
+    columns?: number;
+}
+declare const MenuLarge: FC<MenuBaseProps & LargeMenuProps>;
+export default MenuLarge;
+//# sourceMappingURL=MenuLarge.d.ts.map

package/lib/components/sections/navigation/remastered/menu/variations/MenuLarge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLarge.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/menu/variations/MenuLarge.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,aAAa,GAAG,cAAc,CAUjD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/sections/navigation/remastered/partials/NavBarBottom.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { NavBarStates } from '../Navigation';
+import { NavItem } from '../menu/Menu';
+declare const NavBarBottom: FC<{
+    startItem?: NavItem;
+    navStates: NavBarStates;
+}>;
+export default NavBarBottom;
+//# sourceMappingURL=NavBarBottom.d.ts.map

package/lib/components/sections/navigation/remastered/partials/NavBarBottom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarBottom.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/partials/NavBarBottom.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,YAAY,CAAC;CAC3B,CAeA,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/sections/navigation/remastered/partials/NavBarMain.d.ts

@@ -0,0 +1,35 @@
+import React, { FC } from 'react';
+import { NavBarStates } from '../Navigation';
+declare const NavBarMain: FC<{
+    isInverted?: boolean;
+    logo?: {
+        desktop?: {
+            src: string;
+            alt?: string;
+        };
+        desktopInverted?: {
+            src: string;
+            alt?: string;
+        };
+        mobile?: {
+            src: string;
+            alt?: string;
+        };
+        mobileInverted?: {
+            src: string;
+            alt?: string;
+        };
+    };
+    customToggle?: (props: {
+        isInverted?: boolean;
+    }) => React.ReactNode;
+    primaryAction?: (props: {
+        isInverted?: boolean;
+    } & NavBarStates) => React.ReactNode;
+    secondaryAction?: (props: {
+        isInverted?: boolean;
+    } & NavBarStates) => React.ReactNode;
+    navStates: NavBarStates;
+}>;
+export default NavBarMain;
+//# sourceMappingURL=NavBarMain.d.ts.map

package/lib/components/sections/navigation/remastered/partials/NavBarMain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/partials/NavBarMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAU7C,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE;QACH,OAAO,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACxC,eAAe,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAChD,MAAM,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACvC,cAAc,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KAClD,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,aAAa,CAAC,EAAE,CACZ,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,YAAY,KAC7C,KAAK,CAAC,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,CACd,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,YAAY,KAC7C,KAAK,CAAC,SAAS,CAAC;IACrB,SAAS,EAAE,YAAY,CAAC;CAC3B,CAkDA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/sections/navigation/remastered/partials/NavBarTop.d.ts

@@ -0,0 +1,11 @@
+import { Language } from "../../../../blocks/LanguageSwitcher";
+import { FC } from 'react';
+import { NavBarStates } from '../Navigation';
+import { NavBarNavigationItem } from '../skeletons/BarNavList';
+declare const NavBarTop: FC<{
+    navLinks?: Array<NavBarNavigationItem>;
+    languages?: Array<Language>;
+    navStates: NavBarStates;
+}>;
+export default NavBarTop;
+//# sourceMappingURL=NavBarTop.d.ts.map

package/lib/components/sections/navigation/remastered/partials/NavBarTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarTop.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/partials/NavBarTop.tsx"],"names":[],"mappings":"AACA,OAAyB,EAAE,QAAQ,EAAE,4CAA2C;AAChF,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAgB/D,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5B,SAAS,EAAE,YAAY,CAAC;CAC3B,CAcA,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/sections/navigation/remastered/skeletons/BarBreadCrumbs.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { NavGroup, NavItem } from '../menu/Menu';
+declare const BarBreadcrumbs: FC<{
+    isInverted?: boolean;
+    startItem?: NavItem;
+    navItems?: Array<NavGroup>;
+    seperator?: (props: {
+        isInverted?: boolean;
+    }) => React.ReactNode;
+    className?: string;
+}>;
+export default BarBreadcrumbs;
+//# sourceMappingURL=BarBreadCrumbs.d.ts.map

package/lib/components/sections/navigation/remastered/skeletons/BarBreadCrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarBreadCrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/navigation/remastered/skeletons/BarBreadCrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AA+CjD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAyDA,CAAC;AAEF,eAAe,cAAc,CAAC"}