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

package/lib/components/sections/news/NewsOverview.d.ts

@@ -1,22 +1,53 @@
 import React from 'react';
 import { NewsCardProps } from "../../blocks/NewsCard";
+export declare type NewsItem = Omit<NewsCardProps, 'customTag' | 'isInverted' | 'onTagClick'>;
 export declare const NewsOverviewComponent: React.FC<{
-    news: NewsCardProps[];
-    activeTag?: string | undefined;
+    /** Array of news item settings */
+    news?: NewsItem[] | undefined;
+    /** Tags for news filtering */
     tags?: string[] | undefined;
-    queryParams?: Record<string, any> | undefined;
-    onTagClick?: ((tag: string, insideList?: boolean | undefined) => void) | undefined;
+    /** Initial active tags in filter */
+    activeTags?: string[] | undefined;
+    /** Text for load more toggle. Only visible if browser doesn't support IntersectionObserver. */
     showMoreText?: string | undefined;
+    /** Section background */
     bgMode?: "full" | "inverted" | undefined;
+    /**
+     * Callback function to handle tag click outside of component
+     * If no callback is defined filtering is controlled on client
+     * */
+    onTagClick?: ((tag: string, insideList?: boolean | undefined) => void) | undefined;
+    /** Function to inject custom tag node */
+    customTag?: ((props: {
+        name: string;
+        isInverted?: boolean | undefined;
+        isActive?: boolean | undefined;
+        clickHandler?: ((ev?: React.SyntheticEvent<HTMLButtonElement, Event> | undefined) => void) | undefined;
+    }) => React.ReactNode) | undefined;
 }>;
 declare const _default: React.FC<{
-    news: NewsCardProps[];
-    activeTag?: string | undefined;
+    /** Array of news item settings */
+    news?: NewsItem[] | undefined;
+    /** Tags for news filtering */
     tags?: string[] | undefined;
-    queryParams?: Record<string, any> | undefined;
-    onTagClick?: ((tag: string, insideList?: boolean | undefined) => void) | undefined;
+    /** Initial active tags in filter */
+    activeTags?: string[] | undefined;
+    /** Text for load more toggle. Only visible if browser doesn't support IntersectionObserver. */
     showMoreText?: string | undefined;
+    /** Section background */
     bgMode?: "full" | "inverted" | undefined;
+    /**
+     * Callback function to handle tag click outside of component
+     * If no callback is defined filtering is controlled on client
+     * */
+    onTagClick?: ((tag: string, insideList?: boolean | undefined) => void) | undefined;
+    /** Function to inject custom tag node */
+    customTag?: ((props: {
+        name: string;
+        isInverted?: boolean | undefined;
+        isActive?: boolean | undefined;
+        clickHandler?: ((ev?: React.SyntheticEvent<HTMLButtonElement, Event> | undefined) => void) | undefined;
+    }) => React.ReactNode) | undefined;
 } & {
     theme?: {
         colors?: {
@@ -37,12 +68,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?: {
@@ -247,47 +310,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;
@@ -331,7 +353,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -346,12 +368,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/news/NewsOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewsOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAMvE,OAAiB,EAAE,aAAa,EAAE,8BAAmC;AAmTrE,eAAO,MAAM,qBAAqB;UAvOxB,aAAa,EAAE;;;;wBAIF,MAAM,uCAA2B,IAAI;;;EAmOX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAClD,wBAA0C"}
+{"version":3,"file":"NewsOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAiB,EAAE,aAAa,EAAE,8BAAmC;AA4ErE,oBAAY,QAAQ,GAAG,IAAI,CACvB,aAAa,EACb,WAAW,GAAG,YAAY,GAAG,YAAY,CAC5C,CAAC;AAiUF,eAAO,MAAM,qBAAqB;IA9T9B,kCAAkC;;IAGlC,8BAA8B;;IAG9B,oCAAoC;;IAGpC,+FAA+F;;IAG/F,yBAAyB;;IAGzB;;;SAGK;wBACc,MAAM,uCAA2B,IAAI;IAExD,yCAAyC;;cAE/B,MAAM;;;6FAGqD,IAAI;UACnE,MAAM,SAAS;EAmSwB,CAAC;;IA9T9C,kCAAkC;;IAGlC,8BAA8B;;IAG9B,oCAAoC;;IAGpC,+FAA+F;;IAG/F,yBAAyB;;IAGzB;;;SAGK;;IAGL,yCAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0S7C,wBAA0C"}

package/lib/components/sections/news/NewsTable.d.ts

@@ -39,12 +39,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?: {
@@ -249,47 +281,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;
@@ -333,7 +324,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -348,12 +339,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/news/NewsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4D/B,MAAM,WAAW,UAAU;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,EAAE;QACD,IAAI,EAAE,MAAM,EAAE,CAAC;KAClB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AA2HD,eAAO,MAAM,kBAAkB;gBAhDf,UAAU,EAAE;2DAEkB,MAAM,SAAS;6DACb,MAAM,SAAS;;EA6CpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC5C,wBAAuC"}
+{"version":3,"file":"NewsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiE/B,MAAM,WAAW,UAAU;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,EAAE;QACD,IAAI,EAAE,MAAM,EAAE,CAAC;KAClB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AA2HD,eAAO,MAAM,kBAAkB;gBAhDf,UAAU,EAAE;2DAEkB,MAAM,SAAS;6DACb,MAAM,SAAS;;EA6CpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC5C,wBAAuC"}

package/lib/components/sections/news/NewsText.d.ts

@@ -30,12 +30,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?: {
@@ -240,47 +272,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;
@@ -324,7 +315,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -339,12 +330,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/news/NewsText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewsText.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyE/B,eAAO,MAAM,iBAAiB;UA3CpB,MAAM;2DAC8B,MAAM,SAAS;6DACb,MAAM,SAAS;;EAyCtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1C,wBAAsC"}
+{"version":3,"file":"NewsText.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyE/B,eAAO,MAAM,iBAAiB;UA3CpB,MAAM;2DAC8B,MAAM,SAAS;6DACb,MAAM,SAAS;;EAyCtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1C,wBAAsC"}

package/lib/components/sections/news/NewsVideo.d.ts

@@ -35,12 +35,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?: {
@@ -245,47 +277,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;
@@ -329,7 +320,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -344,12 +335,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;
 }>;