@blateral/b.kit 1.21.1 → 2.0.0-beta.0

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,40 @@ 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;
+                } | undefined;
+                secondary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                } | undefined;
+                error?: string | undefined;
+            } | undefined;
         } | undefined;
         fonts?: {
             base?: {
@@ -246,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;
@@ -330,7 +324,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -345,6 +339,10 @@ 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;

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/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,40 @@ 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;
+                } | undefined;
+                secondary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                } | undefined;
+                error?: string | undefined;
+            } | undefined;
         } | undefined;
         fonts?: {
             base?: {
@@ -255,47 +305,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 +348,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -354,6 +363,10 @@ 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;

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,40 @@ 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;
+                } | undefined;
+                secondary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                } | undefined;
+                error?: string | undefined;
+            } | undefined;
         } | undefined;
         fonts?: {
             base?: {
@@ -284,47 +343,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 +386,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -383,6 +401,10 @@ 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;

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

@@ -1 +1 @@
-{"version":3,"file":"CallToAction.d.ts","sourceRoot":"","sources":["../../../src/components/sections/CallToAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAa9C,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAmI5D,MAAM,WAAW,eAAe;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7D,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;AAgHD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,eAAe,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzD,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAChC,CA8DA,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;YAvEtB,MAAM,SAAS;2DAEmB,MAAM,SAAS;6DACb,MAAM,SAAS;0DAClB,MAAM,SAAS;;EAmEX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAClD,wBAA0C"}
+{"version":3,"file":"CallToAction.d.ts","sourceRoot":"","sources":["../../../src/components/sections/CallToAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAY9C,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAqF5D,MAAM,WAAW,eAAe;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;AAsFD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAC1B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAE7B,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,iDAAiD;IACjD,eAAe,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;CAC5D,CAgEA,CAAC;AAEF,eAAO,MAAM,qBAAqB;IA5F9B,sBAAsB;;IAEtB,+CAA+C;;IAE/C,kDAAkD;;IAElD,gDAAgD;;IAEhD,oEAAoE;;IAEpE,6BAA6B;;IAE7B,sGAAsG;;IAEtG,oDAAoD;YAC5C,MAAM,SAAS;IAEvB,yBAAyB;;IAGzB,+CAA+C;2DACL,MAAM,SAAS;IACzD,iDAAiD;6DACL,MAAM,SAAS;IAC3D,yCAAyC;0DACA,MAAM,SAAS;EAmEX,CAAC;;IA5F9C,sBAAsB;;IAEtB,+CAA+C;;IAE/C,kDAAkD;;IAElD,gDAAgD;;IAEhD,oEAAoE;;IAEpE,6BAA6B;;IAE7B,sGAAsG;;IAEtG,oDAAoD;;IAGpD,yBAAyB;;IAGzB,+CAA+C;;IAE/C,iDAAiD;;IAEjD,yCAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqE7C,wBAA0C"}

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

@@ -43,12 +43,40 @@ 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;
+                } | undefined;
+                secondary?: {
+                    default?: string | undefined;
+                    inverted?: string | undefined;
+                } | undefined;
+                error?: string | undefined;
+            } | undefined;
         } | undefined;
         fonts?: {
             base?: {
@@ -253,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;
@@ -337,7 +324,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -352,6 +339,10 @@ 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;