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

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

@@ -1,37 +1,66 @@
 import React from 'react';
 import { HeadlineTag } from "../typography/Heading";
 import { ImageProps } from "../blocks/Image";
+import { VideoAspectRatios } from "../blocks/VideoBlock";
 export declare const TeaserWideComponent: React.FC<{
+    /** Switch text and image columns */
     isMirrored?: boolean | undefined;
+    /** Superior title that stands above main title */
     superTitle?: string | undefined;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag | undefined;
+    /** Main title text */
     title?: string | undefined;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag | undefined;
-    image?: (Omit<ImageProps, "coverSpace"> & {
-        description?: string | undefined;
-    }) | undefined;
-    intro?: string | undefined;
+    /** Images for different screen sizes */
+    image?: Omit<ImageProps, "coverSpace"> | undefined;
+    /**
+     * Use video instead of an image. Until video is loaded images defined in the image prop are used.
+     * Multiple video urls can be used to loaded different file formats
+     */
+    video?: {
+        urls: string[];
+        aspectRatios?: VideoAspectRatios | undefined;
+    } | undefined;
+    /** Main richtext */
     text?: string | undefined;
-    subText?: string | undefined;
+    /** 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;
-    bgMode?: "full" | "inverted" | undefined;
 }>;
 declare const _default: React.FC<{
+    /** Switch text and image columns */
     isMirrored?: boolean | undefined;
+    /** Superior title that stands above main title */
     superTitle?: string | undefined;
+    /** Superior title HTML tag type (h3, h4 ...) */
     superTitleAs?: HeadlineTag | undefined;
+    /** Main title text */
     title?: string | undefined;
+    /** Main title HTML tag type (h2, h3, h4...) */
     titleAs?: HeadlineTag | undefined;
-    image?: (Omit<ImageProps, "coverSpace"> & {
-        description?: string | undefined;
-    }) | undefined;
-    intro?: string | undefined;
+    /** Images for different screen sizes */
+    image?: Omit<ImageProps, "coverSpace"> | undefined;
+    /**
+     * Use video instead of an image. Until video is loaded images defined in the image prop are used.
+     * Multiple video urls can be used to loaded different file formats
+     */
+    video?: {
+        urls: string[];
+        aspectRatios?: VideoAspectRatios | undefined;
+    } | undefined;
+    /** Main richtext */
     text?: string | undefined;
-    subText?: string | undefined;
+    /** 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;
-    bgMode?: "full" | "inverted" | undefined;
 } & {
     theme?: {
         colors?: {
@@ -52,12 +81,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?: {
@@ -262,47 +319,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;
@@ -346,7 +362,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -361,6 +377,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/TeaserWide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeaserWide.d.ts","sourceRoot":"","sources":["../../../src/components/sections/TeaserWide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAC5D,OAAc,EAAE,UAAU,EAAE,wBAAgC;AAoL5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;2DA7Fc,MAAM,SAAS;6DACb,MAAM,SAAS;;EA4FlB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC9C,wBAAwC"}
+{"version":3,"file":"TeaserWide.d.ts","sourceRoot":"","sources":["../../../src/components/sections/TeaserWide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAC5D,OAAc,EAAE,UAAU,EAAE,wBAAgC;AAO5D,OAAmB,EAAE,iBAAiB,EAAE,6BAAqC;AAmT7E,eAAO,MAAM,mBAAmB;IA3I5B,oCAAoC;;IAGpC,kDAAkD;;IAGlD,gDAAgD;;IAGhD,sBAAsB;;IAGtB,+CAA+C;;IAG/C,wCAAwC;;IAGxC;;;OAGG;;cAEO,MAAM,EAAE;;;IAIlB,oBAAoB;;IAGpB,yBAAyB;;IAGzB,+CAA+C;2DACL,MAAM,SAAS;IAEzD,iDAAiD;6DACL,MAAM,SAAS;EAsGlB,CAAC;;IA3I1C,oCAAoC;;IAGpC,kDAAkD;;IAGlD,gDAAgD;;IAGhD,sBAAsB;;IAGtB,+CAA+C;;IAG/C,wCAAwC;;IAGxC;;;OAGG;;;;;IAMH,oBAAoB;;IAGpB,yBAAyB;;IAGzB,+CAA+C;;IAG/C,iDAAiD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGrD,wBAAwC"}

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

@@ -34,12 +34,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?: {
@@ -244,47 +272,6 @@ declare const _default: React.FC<{
                     colorGradient?: string | undefined;
                     colorGradientInverted?: string | undefined;
                 } | undefined;
-                label?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
                 callout?: {
                     small?: {
                         family?: string | undefined;
@@ -328,7 +315,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -343,6 +330,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/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Timeline.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAgNf,eAAO,MAAM,iBAAiB;;;;;;;EAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1C,wBAAsC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Timeline.tsx"],"names":[],"mappings":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAiNf,eAAO,MAAM,iBAAiB;;;;;;;EAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1C,wBAAsC"}

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

@@ -31,12 +31,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?: {
@@ -241,47 +269,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;
@@ -325,7 +312,7 @@ declare const _default: React.FC<{
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -340,6 +327,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/Video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,wBAAgC;AAsCrD,eAAO,MAAM,cAAc;aAjCd,UAAU;aACV,MAAM;;;EAgCgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACpC,wBAAmC"}
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,wBAAgC;AAqCrD,eAAO,MAAM,cAAc;aAhCd,UAAU;aACV,MAAM;;;EA+BgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACpC,wBAAmC"}

package/lib/components/sections/carousel/FeatureCarousel.d.ts

@@ -28,12 +28,40 @@ declare const _default: React.FC<Omit<CarouselProps, "variableWidths" | "spacing
                 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?: {
@@ -238,47 +266,6 @@ declare const _default: React.FC<Omit<CarouselProps, "variableWidths" | "spacing
                     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;
@@ -322,7 +309,7 @@ declare const _default: React.FC<Omit<CarouselProps, "variableWidths" | "spacing
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -337,6 +324,10 @@ declare const _default: React.FC<Omit<CarouselProps, "variableWidths" | "spacing
                 } | 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/carousel/FeatureCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/carousel/FeatureCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAKlC,OAAqB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAgB,EAAE,YAAY,EAAE,6BAAkC;AA2HlE,eAAO,MAAM,wBAAwB;;;EAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACxD,wBAA6C"}
+{"version":3,"file":"FeatureCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/carousel/FeatureCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAKlC,OAAqB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAgB,EAAE,YAAY,EAAE,6BAAkC;AA0HlE,eAAO,MAAM,wBAAwB;;;EAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACxD,wBAA6C"}

package/lib/components/sections/carousel/ImageCarousel.d.ts

@@ -28,12 +28,40 @@ declare const _default: React.FC<Omit<CarouselProps, "variableWidths" | "isInver
                 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?: {
@@ -238,47 +266,6 @@ declare const _default: React.FC<Omit<CarouselProps, "variableWidths" | "isInver
                     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;
@@ -322,7 +309,7 @@ declare const _default: React.FC<Omit<CarouselProps, "variableWidths" | "isInver
                 } | undefined;
             } | undefined;
         } | undefined;
-        globalSettings?: {
+        globals?: {
             sections?: {
                 seperation?: {
                     forcePadding?: boolean | undefined;
@@ -337,6 +324,10 @@ declare const _default: React.FC<Omit<CarouselProps, "variableWidths" | "isInver
                 } | 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;