@blateral/b.kit 2.0.0-beta.1 → 2.0.0-beta.10.3

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

@@ -1,8 +1,12 @@
 import React from 'react';
 import { NewsCardProps } from "../../blocks/NewsCard";
+import { TagProps } from "../../blocks/Tag";
+export declare type NewsItem = Omit<NewsCardProps, 'customTag' | 'isInverted' | 'onTagClick'>;
 export declare const NewsOverviewComponent: React.FC<{
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
     /** Array of news item settings */
-    news?: NewsCardProps[] | undefined;
+    news?: NewsItem[] | undefined;
     /** Tags for news filtering */
     tags?: string[] | undefined;
     /** Initial active tags in filter */
@@ -12,21 +16,24 @@ export declare const NewsOverviewComponent: React.FC<{
     /** Section background */
     bgMode?: "full" | "inverted" | undefined;
     /**
-     * Callback function to handle tag click outside of component e.g. on server side.
+     * 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;
+    onTagClick?: ((tag: TagProps, insideList?: boolean | undefined) => void) | undefined;
     /** Function to inject custom tag node */
     customTag?: ((props: {
+        key: React.Key;
         name: string;
         isInverted?: boolean | undefined;
         isActive?: boolean | undefined;
-        clickHandler?: ((ev?: React.SyntheticEvent<HTMLButtonElement, Event> | undefined) => void) | undefined;
+        clickHandler?: ((ev?: React.SyntheticEvent<HTMLElement, Event> | undefined) => void) | undefined;
     }) => React.ReactNode) | undefined;
 }>;
 declare const _default: React.FC<{
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
     /** Array of news item settings */
-    news?: NewsCardProps[] | undefined;
+    news?: NewsItem[] | undefined;
     /** Tags for news filtering */
     tags?: string[] | undefined;
     /** Initial active tags in filter */
@@ -36,374 +43,20 @@ declare const _default: React.FC<{
     /** Section background */
     bgMode?: "full" | "inverted" | undefined;
     /**
-     * Callback function to handle tag click outside of component e.g. on server side.
+     * 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;
+    onTagClick?: ((tag: TagProps, insideList?: boolean | undefined) => void) | undefined;
     /** Function to inject custom tag node */
     customTag?: ((props: {
+        key: React.Key;
         name: string;
         isInverted?: boolean | undefined;
         isActive?: boolean | undefined;
-        clickHandler?: ((ev?: React.SyntheticEvent<HTMLButtonElement, Event> | undefined) => void) | undefined;
+        clickHandler?: ((ev?: React.SyntheticEvent<HTMLElement, Event> | undefined) => void) | undefined;
     }) => React.ReactNode) | 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/types").RecursivePartial<import("styled-components").DefaultTheme> | undefined;
 }>;
 export default _default;
 //# sourceMappingURL=NewsOverview.d.ts.map

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,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAiB,EAAE,aAAa,EAAE,8BAAmC;AA2YrE,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"}
+{"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;AAGrE,OAAY,EAAE,QAAQ,EAAE,yBAA8B;AAyEtD,oBAAY,QAAQ,GAAG,IAAI,CACvB,aAAa,EACb,WAAW,GAAG,YAAY,GAAG,YAAY,CAC5C,CAAC;AA+VF,eAAO,MAAM,qBAAqB;IA5V9B,wDAAwD;;IAGxD,kCAAkC;;IAGlC,8BAA8B;;IAG9B,oCAAoC;;IAGpC,+FAA+F;;IAG/F,yBAAyB;;IAGzB;;;SAGK;wBACc,QAAQ,uCAA2B,IAAI;IAE1D,yCAAyC;;aAEhC,MAAM,GAAG;cACR,MAAM;;;uFAG+C,IAAI;UAC7D,MAAM,SAAS;EA6TwB,CAAC;;IA5V9C,wDAAwD;;IAGxD,kCAAkC;;IAGlC,8BAA8B;;IAG9B,oCAAoC;;IAGpC,+FAA+F;;IAG/F,yBAAyB;;IAGzB;;;SAGK;;IAGL,yCAAyC;;;;;;;;;;;AAqU7C,wBAA0C"}