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

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;
 }>;

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,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?: {
@@ -253,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;
@@ -337,7 +328,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -352,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/ComparisonSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonSlider.d.ts","sourceRoot":"","sources":["../../../src/components/sections/ComparisonSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAK3E,OAAc,EAAE,UAAU,EAAE,wBAAgC;AAmX5D,eAAO,MAAM,yBAAyB;;;;;;;;;kBA7LpB,MAAM,SAAS;;EA6LwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1D,wBAA8C"}
+{"version":3,"file":"ComparisonSlider.d.ts","sourceRoot":"","sources":["../../../src/components/sections/ComparisonSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAK3E,OAAc,EAAE,UAAU,EAAE,wBAAgC;AA8W5D,eAAO,MAAM,yBAAyB;;;;;;;;;kBA/LpB,MAAM,SAAS;;EA+LwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1D,wBAA8C"}