npm - @blateral/b.kit - Versions diffs - 2.0.0-beta.1 → 2.0.0-beta.10.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (336) hide show

package/lib/components/sections/Intro.d.ts CHANGED Viewed

@@ -1,6 +1,9 @@
 import React from 'react';
 import { HeadlineTag } from "../typography/Heading";
+import { ImageProps } from "../blocks/Image";
 export declare const IntroComponent: React.FC<{
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
     /** Main title text */
     title: string;
     /** Main title HTML tag type (h2, h3, h4...) */
@@ -11,6 +14,8 @@ export declare const IntroComponent: React.FC<{
     superTitleAs?: HeadlineTag | undefined;
     /**  Intro text underneath the title (richtext) */
     text?: string | undefined;
+    /** Intro image */
+    image?: ImageProps | undefined;
     /** Function to inject custom primary button */
     primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
     /** Function to inject custom secondary button */
@@ -26,6 +31,8 @@ export declare const IntroComponent: React.FC<{
     className?: string | undefined;
 }>;
 declare const _default: React.FC<{
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
     /** Main title text */
     title: string;
     /** Main title HTML tag type (h2, h3, h4...) */
@@ -36,6 +43,8 @@ declare const _default: React.FC<{
     superTitleAs?: HeadlineTag | undefined;
     /**  Intro text underneath the title (richtext) */
     text?: string | undefined;
+    /** Intro image */
+    image?: ImageProps | undefined;
     /** Function to inject custom primary button */
     primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
     /** Function to inject custom secondary button */
@@ -50,362 +59,7 @@ declare const _default: React.FC<{
     bgMode?: "inverted" | "full" | "splitted" | undefined;
     className?: string | 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;
-            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?: {
-                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;
-                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;
-        globals?: {
-            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;
-                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;
+    theme?: import("../../utils/types").RecursivePartial<import("styled-components").DefaultTheme> | undefined;
 }>;
 export default _default;
 //# sourceMappingURL=Intro.d.ts.map

package/lib/components/sections/Intro.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Intro.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Intro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,8BAAsC;~~AAoF5D~~,eAAO,MAAM,cAAc;~~IAhFvB~~,sBAAsB;WACf,MAAM;IAEb,+CAA+C;;IAG/C,kDAAkD;;IAGlD,gDAAgD;;IAGhD,kDAAkD;;IAGlD,+CAA+C;2DACL,MAAM,SAAS;IAEzD,iDAAiD;6DACL,MAAM,SAAS;IAE3D,8BAA8B;;IAG9B,oDAAoD;;IAGpD,iDAAiD;;IAGjD,yBAAyB;;;~~EAkDM~~,CAAC;;~~IAhFhC~~,sBAAsB;;IAGtB,+CAA+C;;IAG/C,kDAAkD;;IAGlD,gDAAgD;;IAGhD,kDAAkD;;IAGlD,+CAA+C;;IAG/C,iDAAiD;;IAGjD,8BAA8B;;IAG9B,oDAAoD;;IAGpD,iDAAiD;;IAGjD,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmD7B,wBAAmC"}
1	+ {"version":3,"file":"Intro.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Intro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAE5D,OAAO,EAAE,UAAU,EAAE,wBAAgC;AA6FrD,eAAO,MAAM,cAAc;IA1FvB,wDAAwD;;IAGxD,sBAAsB;WACf,MAAM;IAEb,+CAA+C;;IAG/C,kDAAkD;;IAGlD,gDAAgD;;IAGhD,kDAAkD;;IAGlD,kBAAkB;;IAGlB,+CAA+C;2DACL,MAAM,SAAS;IAEzD,iDAAiD;6DACL,MAAM,SAAS;IAE3D,8BAA8B;;IAG9B,oDAAoD;;IAGpD,iDAAiD;;IAGjD,yBAAyB;;;EAsDM,CAAC;;IA1FhC,wDAAwD;;IAGxD,sBAAsB;;IAGtB,+CAA+C;;IAG/C,kDAAkD;;IAGlD,gDAAgD;;IAGhD,kDAAkD;;IAGlD,kBAAkB;;IAGlB,+CAA+C;;IAG/C,iDAAiD;;IAGjD,8BAA8B;;IAG9B,oDAAoD;;IAGpD,iDAAiD;;IAGjD,yBAAyB;;;;;;AAuD7B,wBAAmC"}

package/lib/components/sections/JobList.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import React from 'react';
+import { JobCardProps } from "../blocks/JobCard";
+export declare type JobItem = Omit<JobCardProps, 'isInverted' | 'hasBackground' | 'modelIcon' | 'locationIcon'>;
+export declare const JobListComponent: React.FC<{
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
+    /** Array of job item settings */
+    jobs?: JobItem[] | undefined;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
+    /** Injection function for job time model icon */
+    modelIcon?: (() => React.ReactNode) | undefined;
+    /** Injection function for job location icon */
+    locationIcon?: (() => React.ReactNode) | undefined;
+}>;
+declare const _default: React.FC<{
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
+    /** Array of job item settings */
+    jobs?: JobItem[] | undefined;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
+    /** Injection function for job time model icon */
+    modelIcon?: (() => React.ReactNode) | undefined;
+    /** Injection function for job location icon */
+    locationIcon?: (() => React.ReactNode) | undefined;
+} & {
+    theme?: import("../../utils/types").RecursivePartial<import("styled-components").DefaultTheme> | undefined;
+}>;
+export default _default;
+//# sourceMappingURL=JobList.d.ts.map

package/lib/components/sections/JobList.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"JobList.d.ts","sourceRoot":"","sources":["../../../src/components/sections/JobList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAgB,EAAE,YAAY,EAAE,0BAAkC;AA2ClE,oBAAY,OAAO,GAAG,IAAI,CACtB,YAAY,EACZ,YAAY,GAAG,eAAe,GAAG,WAAW,GAAG,cAAc,CAChE,CAAC;AAmEF,eAAO,MAAM,gBAAgB;IAhEzB,wDAAwD;;IAGxD,iCAAiC;;IAGjC,yBAAyB;;IAGzB,iDAAiD;uBAC/B,MAAM,SAAS;IAEjC,+CAA+C;0BAC1B,MAAM,SAAS;EAmDD,CAAC;;IAhEpC,wDAAwD;;IAGxD,iCAAiC;;IAGjC,yBAAyB;;IAGzB,iDAAiD;;IAGjD,+CAA+C;;;;;AAqDnD,wBAAqC"}