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

package/lib/utils/LibThemeProvider.d.ts

@@ -3,7 +3,7 @@ import { DefaultTheme } from 'styled-components';
 declare type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;
 };
-export declare type Theme = RecursivePartial<DefaultTheme>;
+export declare type ThemeMods = RecursivePartial<DefaultTheme>;
 /**
  * Combining Theme objects
  * @param target Result theme object
@@ -11,10 +11,16 @@ export declare type Theme = RecursivePartial<DefaultTheme>;
  */
 export declare const assignTo: <T extends DefaultTheme | RecursivePartial<DefaultTheme>>(target: T, source?: RecursivePartial<DefaultTheme> | undefined) => T;
 export declare const LibThemeProvider: FC<{
-    theme?: Theme;
+    theme?: ThemeMods;
 }>;
 export declare const modifyTheme: (activeTheme?: DefaultTheme | undefined, modifications?: RecursivePartial<DefaultTheme> | undefined) => DefaultTheme;
+export declare const useLibTheme: () => {
+    colors: import("./styles").Colors;
+    fonts: import("./styles").Fonts;
+    globals: import("./styles").GlobalSettings;
+};
 export declare const withLibTheme: <P extends Record<string, unknown>>(Component: React.ComponentType<P>) => React.FC<P & {
+    /** Component specific theme properties that overrides global theme settings */
     theme?: RecursivePartial<DefaultTheme> | undefined;
 }>;
 export {};

package/lib/utils/LibThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LibThemeProvider.d.ts","sourceRoot":"","sources":["../../src/utils/LibThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,YAAY,EAA+B,MAAM,mBAAmB,CAAC;AAI9E,aAAK,gBAAgB,CAAC,CAAC,IAAI;KACtB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,oBAAY,KAAK,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAsCnD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,gIA8BpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAUA,CAAC;AAMF,eAAO,MAAM,WAAW,sHAuBvB,CAAC;AAEF,eAAO,MAAM,YAAY;;EAexB,CAAC"}
+{"version":3,"file":"LibThemeProvider.d.ts","sourceRoot":"","sources":["../../src/utils/LibThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,YAAY,EAA+B,MAAM,mBAAmB,CAAC;AAU9E,aAAK,gBAAgB,CAAC,CAAC,IAAI;KACtB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,oBAAY,SAAS,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAsCvD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,gIA8BpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAUA,CAAC;AAMF,eAAO,MAAM,WAAW,sHAuBvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAQvB,CAAC;AAEF,eAAO,MAAM,YAAY;IAKb,+EAA+E;;EAatF,CAAC"}

package/lib/utils/styles.d.ts

@@ -12,13 +12,47 @@ export declare const spacings: {
 };
 /***** Range Helper *****/
 export declare const getSizeByRange: (range: [number, number]) => string;
-export declare const withRange: (range: [number, number], property: string) => string;
+export declare const withRange: (range: [number, number?], property: string) => "" | import("styled-components").FlattenSimpleInterpolation;
 /**
  * Generate css attributes to style text color with plain color or gradient
  * @param fallbackColor
  * @param gradient
  */
 export declare const styleTextColor: (fallbackColor?: string | undefined, gradient?: string | undefined) => import("styled-components").FlattenSimpleInterpolation;
+/***** New Color Types *****/
+interface NewColorOptions {
+    default: string;
+    inverted: string;
+}
+export declare type NewColorOptionsType = keyof NewColorOptions;
+export interface NewColors {
+    text: {
+        default: string;
+        inverted: string;
+        error: string;
+        heading: string;
+        headingInverted: string;
+        copy: string;
+        copyInverted: string;
+    };
+    sectionBg: {
+        light: string;
+        medium: string;
+        dark: string;
+    };
+    elementBg: {
+        light: string;
+        lightHover: string;
+        medium: string;
+        mediumHover: string;
+        dark: string;
+        darkHover: string;
+    };
+    primary: NewColorOptions;
+    secondary: NewColorOptions;
+    error: string;
+}
+export declare type NewColorType = keyof NewColors;
 /***** Color Types *****/
 interface ColorOptions {
     light: string;
@@ -32,8 +66,8 @@ export interface Colors {
     mono: ColorOptions;
     primary: ColorOptions;
     secondary: ColorOptions;
-    tertiary: ColorOptions;
     error: string;
+    new: NewColors;
 }
 export declare type ColorType = keyof Colors;
 /***** Font Types *****/
@@ -43,7 +77,7 @@ export interface FontProps {
     style?: string;
     lineHeight?: string;
     letterSpacing?: string;
-    size: [number, number];
+    size: [number, number?];
     textTransform?: string;
     color?: string;
     colorInverted?: string;
@@ -66,7 +100,6 @@ export interface Fonts {
     'heading-2': FontProps;
     'heading-3': FontProps;
     'heading-4': FontProps;
-    label: FontOptions;
     callout: FontOptions;
 }
 export declare type FontType = keyof Fonts;
@@ -93,6 +126,11 @@ export interface GlobalSettings {
         edgeRadius: string | null;
         /** Customnize gradient for all text on image background gradients */
         imageTextGradient: string;
+        /** Show placeholder background unitl image has been loaded */
+        imagePlaceholderBg: {
+            default: string;
+            inverted: string;
+        };
         /** Date and Time Formats for all news sections */
         newsDateFormat: string;
         newsTimeFormat: string;
@@ -103,10 +141,10 @@ export interface GlobalSettings {
     };
 }
 /***** Theme Helper *****/
-export declare const getBaseTheme: () => DefaultTheme;
+export declare const baseTheme: DefaultTheme;
 export declare const getTheme: (theme?: DefaultTheme | undefined) => GlobalSettings | DefaultTheme;
 export declare const getColors: (theme?: DefaultTheme | undefined) => Colors;
 export declare const getFonts: (theme?: DefaultTheme | undefined) => Fonts;
-export declare const getGlobalSettings: (theme?: DefaultTheme | undefined) => GlobalSettings;
+export declare const getGlobals: (theme?: DefaultTheme | undefined) => GlobalSettings;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/lib/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"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"}

package/lib/utils/usePageScroll.d.ts

@@ -0,0 +1,23 @@
+export declare enum PageScrollDirection {
+    UP = 0,
+    DOWN = 1
+}
+interface ScrollSettings {
+    /** Direction state change delay in pixels */
+    directionOffset?: {
+        up?: number;
+        down?: number;
+    };
+    /** Set top offset area */
+    offset?: number;
+    /** On leave top offset callback */
+    onLeftOffset?: (dir: PageScrollDirection) => void;
+}
+declare const usePageScroll: (settings?: ScrollSettings | undefined) => {
+    isTop: boolean;
+    scrollDirection: PageScrollDirection;
+    isInOffset: boolean;
+    leftOffsetFromTop: boolean;
+};
+export default usePageScroll;
+//# sourceMappingURL=usePageScroll.d.ts.map

package/lib/utils/usePageScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageScroll.d.ts","sourceRoot":"","sources":["../../src/utils/usePageScroll.ts"],"names":[],"mappings":"AAEA,oBAAY,mBAAmB;IAC3B,EAAE,IAAA;IACF,IAAI,IAAA;CACP;AAED,UAAU,cAAc;IACpB,6CAA6C;IAC7C,eAAe,CAAC,EAAE;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACrD;AAED,QAAA,MAAM,aAAa;;;;;CAgGlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blateral/b.kit",
-    "version": "1.21.1",
+    "version": "2.0.0-beta.0",
     "description": "",
     "main": "lib/index.js",
     "module": "lib/index.es.js",
@@ -37,11 +37,11 @@
         "@rollup/plugin-babel": "^5.3.0",
         "@rollup/plugin-commonjs": "^17.0.0",
         "@rollup/plugin-node-resolve": "^11.0.0",
-        "@storybook/addon-a11y": "^6.4.17",
-        "@storybook/addon-essentials": "^6.4.13",
-        "@storybook/react": "6.4.13",
+        "@storybook/addon-a11y": "^6.4.19",
+        "@storybook/addon-essentials": "^6.4.19",
+        "@storybook/react": "6.4.19",
         "@storybook/storybook-deployer": "^2.8.7",
-        "@storybook/theming": "^6.4.13",
+        "@storybook/theming": "^6.4.19",
         "@types/react": "^17.0.0",
         "@types/react-datepicker": "4.3.4",
         "@types/react-dom": "^17.0.0",

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

@@ -1,396 +0,0 @@
-import { HeadlineTag } from "../typography/Heading";
-import * as React from 'react';
-export interface ContactBoxProps {
-    isInverted?: boolean;
-    name?: string;
-    description?: string;
-    addresses?: {
-        decorator?: React.ReactNode;
-        label: string;
-    }[];
-    avatar?: {
-        src: string;
-        alt: string;
-    };
-}
-export declare const CallToActionDoubleComponent: React.FC<{
-    bgMode?: "full" | "inverted" | undefined;
-    title?: string | undefined;
-    titleAs?: HeadlineTag | undefined;
-    superTitle?: string | undefined;
-    superTitleAs?: HeadlineTag | undefined;
-    text?: string | undefined;
-    contact?: ContactBoxProps | undefined;
-    primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    column?: {
-        title?: string | undefined;
-        titleAs?: HeadlineTag | undefined;
-        superTitle?: string | undefined;
-        superTitleAs?: HeadlineTag | undefined;
-        text?: string | undefined;
-        contact?: ContactBoxProps | undefined;
-        primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-        secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    } | undefined;
-}>;
-declare const _default: React.FC<{
-    bgMode?: "full" | "inverted" | undefined;
-    title?: string | undefined;
-    titleAs?: HeadlineTag | undefined;
-    superTitle?: string | undefined;
-    superTitleAs?: HeadlineTag | undefined;
-    text?: string | undefined;
-    contact?: ContactBoxProps | undefined;
-    primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    column?: {
-        title?: string | undefined;
-        titleAs?: HeadlineTag | undefined;
-        superTitle?: string | undefined;
-        superTitleAs?: HeadlineTag | undefined;
-        text?: string | undefined;
-        contact?: ContactBoxProps | undefined;
-        primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-        secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    } | undefined;
-} & {
-    theme?: {
-        colors?: {
-            dark?: string | undefined;
-            light?: string | undefined;
-            mono?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            primary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            secondary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            tertiary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            error?: string | undefined;
-        } | undefined;
-        fonts?: {
-            base?: {
-                family?: string | undefined;
-                weight?: string | undefined;
-                style?: string | undefined;
-                lineHeight?: string | undefined;
-                letterSpacing?: string | undefined;
-                size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                textTransform?: string | undefined;
-                color?: string | undefined;
-                colorInverted?: string | undefined;
-                colorGradient?: string | undefined;
-                colorGradientInverted?: string | undefined;
-            } | undefined;
-            types?: {
-                copy?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                'copy-i'?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                'copy-b'?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                super?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-1'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-2'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-3'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-4'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                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;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-            } | undefined;
-        } | undefined;
-        globalSettings?: {
-            sections?: {
-                seperation?: {
-                    forcePadding?: boolean | undefined;
-                    padding?: {
-                        default?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        stackable?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    } | undefined;
-                    margin?: {
-                        default?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        stackable?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    } | undefined;
-                } | undefined;
-                edgeRadius?: (string | null) | undefined;
-                imageTextGradient?: string | undefined;
-                newsDateFormat?: string | undefined;
-                newsTimeFormat?: string | undefined;
-                newsLocaleKey?: ("de" | "en") | undefined;
-                datepickerLocaleKey?: ("de" | "en") | undefined;
-                datepickerDateFormat?: string | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
-}>;
-export default _default;
-//# sourceMappingURL=CallToActionDouble.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CallToActionDouble.d.ts","sourceRoot":"","sources":["../../../src/components/sections/CallToActionDouble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8I/B,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;AAgND,eAAO,MAAM,2BAA2B;;;;;;;;2DAxHM,MAAM,SAAS;6DACb,MAAM,SAAS;;;;;;;;+DASb,MAAM,SAAS;iEACb,MAAM,SAAS;;EA6GN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC9D,wBAAgD"}