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

package/lib/components/fields/CompactForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompactForm.d.ts","sourceRoot":"","sources":["../../../src/components/fields/CompactForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAyF9C,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAwCA,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CompactForm.d.ts","sourceRoot":"","sources":["../../../src/components/fields/CompactForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwFlC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAyCA,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,21 +1,28 @@
-import * as React from 'react';
+import React from 'react';
+interface AccordionItem {
+    label?: string;
+    text?: string;
+    aside?: string;
+}
 export declare const AccordionComponent: React.FC<{
-    items: {
-        label?: string;
-        text?: string;
-        aside?: string;
-        hasColumns?: boolean;
-    }[];
+    /** Array of accordion items */
+    items: AccordionItem[];
+    /** Section background */
     bgMode?: "full" | "inverted" | undefined;
+    /** Function to inject custom item state icon */
+    itemIcon?: ((props: {
+        isSelected: boolean;
+    }) => React.ReactNode) | undefined;
 }>;
 declare const _default: React.FC<{
-    items: {
-        label?: string | undefined;
-        text?: string | undefined;
-        aside?: string | undefined;
-        hasColumns?: boolean | undefined;
-    }[];
+    /** Array of accordion items */
+    items: AccordionItem[];
+    /** Section background */
     bgMode?: "full" | "inverted" | undefined;
+    /** Function to inject custom item state icon */
+    itemIcon?: ((props: {
+        isSelected: boolean;
+    }) => React.ReactNode) | undefined;
 } & {
     theme?: {
         colors?: {
@@ -36,12 +43,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?: {
@@ -246,47 +285,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;
@@ -330,7 +328,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -345,12 +343,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/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgM/B,eAAO,MAAM,kBAAkB;WAtGpB;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB,EAAE;;EAiGoC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC5C,wBAAuC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6G1B,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AA2HD,eAAO,MAAM,kBAAkB;IAtE3B,+BAA+B;WACxB,aAAa,EAAE;IAEtB,yBAAyB;;IAGzB,gDAAgD;wBAC7B;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,SAAS;EA+DvB,CAAC;;IAtExC,+BAA+B;;IAG/B,yBAAyB;;IAGzB,gDAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEpD,wBAAuC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AlertProps } from '../blocks/Alert';
+declare const AlertList: React.FC<{
+    items: AlertProps[];
+    bgMode?: 'full' | 'inverted';
+}>;
+export default AlertList;
+//# sourceMappingURL=AlertList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertList.d.ts","sourceRoot":"","sources":["../../../src/components/sections/AlertList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA0BpD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAChC,CA8BA,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,29 +1,51 @@
 import * as React from 'react';
 import { HeadlineTag } from "../typography/Heading";
 export declare const ArticleComponent: React.FC<{
+    /** Main title text */
     title?: string | undefined;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag | undefined;
+    /** Superior title that stands above main title */
     superTitle?: string | undefined;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag | undefined;
+    /** Bold intro text underneath the title (limited richtext capabilites) */
     intro?: string | undefined;
+    /** Main article richtext */
     text?: string | undefined;
+    /** Additional article richtext in a second column */
     asideText?: string | undefined;
+    /** Controls width of left text column (8/12 or 6/12) */
     halfAside?: boolean | undefined;
+    /** Section background */
     bgMode?: "full" | "splitted" | "inverted" | undefined;
+    /** Function to inject custom primary button */
     primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject custom secondary button */
     secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
 }>;
 declare const _default: React.FC<{
+    /** Main title text */
     title?: string | undefined;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag | undefined;
+    /** Superior title that stands above main title */
     superTitle?: string | undefined;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag | undefined;
+    /** Bold intro text underneath the title (limited richtext capabilites) */
     intro?: string | undefined;
+    /** Main article richtext */
     text?: string | undefined;
+    /** Additional article richtext in a second column */
     asideText?: string | undefined;
+    /** Controls width of left text column (8/12 or 6/12) */
     halfAside?: boolean | undefined;
+    /** Section background */
     bgMode?: "full" | "splitted" | "inverted" | undefined;
+    /** Function to inject custom primary button */
     primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject custom secondary button */
     secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
 } & {
     theme?: {
@@ -45,12 +67,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?: {
@@ -255,47 +309,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;
@@ -339,7 +352,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -354,12 +367,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/Article.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Article.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAuJ5D,eAAO,MAAM,gBAAgB;;;;;;;;;;2DA/EiB,MAAM,SAAS;6DACb,MAAM,SAAS;EA8ExB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACxC,wBAAqC"}
+{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Article.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAwI5D,eAAO,MAAM,gBAAgB;IAjHzB,sBAAsB;;IAEtB,+CAA+C;;IAE/C,kDAAkD;;IAElD,gDAAgD;;IAEhD,0EAA0E;;IAE1E,4BAA4B;;IAE5B,qDAAqD;;IAErD,wDAAwD;;IAGxD,yBAAyB;;IAGzB,+CAA+C;2DACL,MAAM,SAAS;IACzD,iDAAiD;6DACL,MAAM,SAAS;EA0FxB,CAAC;;IAjHpC,sBAAsB;;IAEtB,+CAA+C;;IAE/C,kDAAkD;;IAElD,gDAAgD;;IAEhD,0EAA0E;;IAE1E,4BAA4B;;IAE5B,qDAAqD;;IAErD,wDAAwD;;IAGxD,yBAAyB;;IAGzB,+CAA+C;;IAE/C,iDAAiD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FrD,wBAAqC"}

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

@@ -2,58 +2,89 @@ import React, { FC } from 'react';
 import { HeadlineTag } from "../typography/Heading";
 export interface ContactBoxProps {
     isInverted?: boolean;
-    name?: string;
     description?: string;
-    addresses?: {
-        decorator?: React.ReactNode;
-        label: string;
-    }[];
     avatar?: {
         src: string;
         alt: string;
     };
 }
 export declare const CallToAction: FC<{
+    /** Main title text */
     title?: string;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag;
+    /** Superior title that stands above main title */
     superTitle?: string;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag;
+    /** Bold text underneath the title (limited richtext capabilites) */
     text?: string;
+    /** Props for contact area */
     contact?: ContactBoxProps;
+    /** Show Newsletter defined by inject function newsFormMain. Only visible if React node is defined! */
     hasNewsletter?: boolean;
+    /** Badge decorator visible only on large screens */
     badge?: React.ReactNode;
+    /** Section background */
+    bgMode?: 'full' | 'inverted';
+    /** Function to inject custom primary button */
     primaryAction?: (isInverted?: boolean) => React.ReactNode;
+    /** Function to inject custom secondary button */
     secondaryAction?: (isInverted?: boolean) => React.ReactNode;
+    /** Function to inject newsletter form */
     newsFormMain?: (isInverted?: boolean) => React.ReactNode;
-    bgMode?: 'full' | 'inverted';
 }>;
 export declare const CallToActionComponent: React.FC<{
+    /** Main title text */
     title?: string | undefined;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag | undefined;
+    /** Superior title that stands above main title */
     superTitle?: string | undefined;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag | undefined;
+    /** Bold text underneath the title (limited richtext capabilites) */
     text?: string | undefined;
+    /** Props for contact area */
     contact?: ContactBoxProps | undefined;
+    /** Show Newsletter defined by inject function newsFormMain. Only visible if React node is defined! */
     hasNewsletter?: boolean | undefined;
+    /** Badge decorator visible only on large screens */
     badge?: React.ReactNode;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
+    /** Function to inject custom primary button */
     primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject custom secondary button */
     secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject newsletter form */
     newsFormMain?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    bgMode?: "full" | "inverted" | undefined;
 }>;
 declare const _default: React.FC<{
+    /** Main title text */
     title?: string | undefined;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag | undefined;
+    /** Superior title that stands above main title */
     superTitle?: string | undefined;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag | undefined;
+    /** Bold text underneath the title (limited richtext capabilites) */
     text?: string | undefined;
+    /** Props for contact area */
     contact?: ContactBoxProps | undefined;
+    /** Show Newsletter defined by inject function newsFormMain. Only visible if React node is defined! */
     hasNewsletter?: boolean | undefined;
+    /** Badge decorator visible only on large screens */
     badge?: React.ReactNode;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
+    /** Function to inject custom primary button */
     primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject custom secondary button */
     secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject newsletter form */
     newsFormMain?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    bgMode?: "full" | "inverted" | undefined;
 } & {
     theme?: {
         colors?: {
@@ -74,12 +105,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?: {
@@ -284,47 +347,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;
@@ -368,7 +390,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -383,12 +405,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;
 }>;