@blateral/b.kit 1.6.1 → 1.7.2

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

@@ -12,21 +12,21 @@ export declare type FormFieldProps = Omit<FormProps, 'value' | 'name' | 'errorMe
 export declare type FormDataErrors = {
     [key in keyof FormData]: string;
 };
-declare const Form: React.FC<{
-    primaryAction?: (isInverted?: boolean) => React.ReactNode;
-    secondaryAction?: (isInverted?: boolean) => React.ReactNode;
-    submitAction?: (props: {
+export declare const FormComponent: React.FC<{
+    primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    submitAction?: ((props: {
         isInverted?: boolean;
         additionalProps: {
             type: 'submit';
             as: 'button' | 'a';
         };
         isDisabled?: boolean;
-    }) => React.ReactNode;
-    onSubmit?: (data: FormData) => void;
-    validation?: (values: FormData, errors: FormDataErrors) => FormDataErrors;
+    }) => React.ReactNode) | undefined;
+    onSubmit?: ((data: FormData) => void) | undefined;
+    validation?: ((values: FormData, errors: FormDataErrors) => FormDataErrors) | undefined;
     yupValidationSchema?: any;
-    bgMode?: 'full' | 'inverted';
+    bgMode?: "full" | "inverted" | undefined;
     formFields: {
         name?: FormFieldProps;
         surname?: FormFieldProps;
@@ -35,11 +35,364 @@ declare const Form: React.FC<{
         area?: FormFieldProps;
     };
     checkbox?: {
-        label?: string;
-        name?: string;
-        value?: string;
-        isDisabled?: boolean;
+        label?: string | undefined;
+        name?: string | undefined;
+        value?: string | undefined;
+        isDisabled?: boolean | undefined;
+    } | undefined;
+}>;
+declare const _default: React.FC<{
+    primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    submitAction?: ((props: {
+        isInverted?: boolean | undefined;
+        additionalProps: {
+            type: "submit";
+            as: "a" | "button";
+        };
+        isDisabled?: boolean | undefined;
+    }) => React.ReactNode) | undefined;
+    onSubmit?: ((data: FormData) => void) | undefined;
+    validation?: ((values: FormData, errors: FormDataErrors) => FormDataErrors) | undefined;
+    yupValidationSchema?: any;
+    bgMode?: "full" | "inverted" | undefined;
+    formFields: {
+        name?: FormFieldProps | undefined;
+        surname?: FormFieldProps | undefined;
+        mail?: FormFieldProps | undefined;
+        phone?: FormFieldProps | undefined;
+        area?: FormFieldProps | undefined;
     };
+    checkbox?: {
+        label?: string | undefined;
+        name?: string | undefined;
+        value?: string | undefined;
+        isDisabled?: boolean | 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?: {
+                edgeRadius?: (string | null) | undefined;
+                imageTextGradient?: string | undefined;
+                newsDateFormat?: string | undefined;
+                newsTimeFormat?: string | undefined;
+                newsLocaleKey?: ("de" | "en") | undefined;
+            } | undefined;
+        } | undefined;
+    } | undefined;
 }>;
-export default Form;
+export default _default;
 //# sourceMappingURL=Form.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAkB,EAAE,SAAS,EAAE,4BAAoC;AA4CnE,MAAM,WAAW,QAAQ;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,cAAc,CAAC,CAAC;AAChF,oBAAY,cAAc,GAAG;KAAG,GAAG,IAAI,MAAM,QAAQ,GAAG,MAAM;CAAE,CAAC;AAEjE,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACjB,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,KAAK,EAAE;QACnB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,eAAe,EAAE;YAAE,IAAI,EAAE,QAAQ,CAAC;YAAC,EAAE,EAAE,QAAQ,GAAG,GAAG,CAAA;SAAE,CAAC;QACxD,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,KAAK,cAAc,CAAC;IAC1E,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAE1B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAE7B,UAAU,EAAE;QACR,IAAI,CAAC,EAAE,cAAc,CAAC;QACtB,OAAO,CAAC,EAAE,cAAc,CAAC;QACzB,IAAI,CAAC,EAAE,cAAc,CAAC;QACtB,KAAK,CAAC,EAAE,cAAc,CAAC;QACvB,IAAI,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IAEF,QAAQ,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;CACL,CAwOA,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAkB,EAAE,SAAS,EAAE,4BAAoC;AA4CnE,MAAM,WAAW,QAAQ;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,cAAc,CAAC,CAAC;AAChF,oBAAY,cAAc,GAAG;KAAG,GAAG,IAAI,MAAM,QAAQ,GAAG,MAAM;CAAE,CAAC;AAwQjE,eAAO,MAAM,aAAa;2DArQoB,MAAM,SAAS;6DACb,MAAM,SAAS;4BACpC;QACnB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,eAAe,EAAE;YAAE,IAAI,EAAE,QAAQ,CAAC;YAAC,EAAE,EAAE,QAAQ,GAAG,GAAG,CAAA;SAAE,CAAC;QACxD,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB,KAAK,MAAM,SAAS;uBACH,QAAQ,KAAK,IAAI;2BACb,QAAQ,UAAU,cAAc,KAAK,cAAc;0BACnD,GAAG;;gBAIb;QACR,IAAI,CAAC,EAAE,cAAc,CAAC;QACtB,OAAO,CAAC,EAAE,cAAc,CAAC;QACzB,IAAI,CAAC,EAAE,cAAc,CAAC;QACtB,KAAK,CAAC,EAAE,cAAc,CAAC;QACvB,IAAI,CAAC,EAAE,cAAc,CAAC;KACzB;;;;;;;EAkP4B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAClC,wBAAkC"}