npm - @plitzi/sdk-elements - Versions diffs - 0.38.5 → 0.38.7 - Mend

@plitzi/sdk-elements 0.38.5 → 0.38.7

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 (117) hide show

package/dist/elements/form/FormControl/index.d.ts CHANGED Viewed

@@ -44,7 +44,10 @@ declare const FormControl: {
             readonly styleSelectors: {
                 readonly base: "";
                 readonly label: "";
+                readonly requiredMark: "";
                 readonly input: "";
+                readonly field: "";
+                readonly icon: "";
                 readonly error: "";
             };
             readonly initialState: {
@@ -70,15 +73,11 @@ declare const FormControl: {
             };
             readonly subTypes: {
                 readonly hidden: {
-                    readonly name: "Form Control Hidden";
-                    readonly displayMode: "desktop";
-                    readonly style: {
-                        readonly base: {};
-                        readonly input: {
-                            readonly default: {};
-                        };
-                        readonly label: {
-                            readonly default: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
                                 'margin-bottom': string;
                                 display: string;
                                 cursor: string;
@@ -89,56 +88,125 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        readonly error: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
                             };
                         };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
                     };
                 };
                 readonly text: {
-                    readonly name: "Form Control Text";
-                    readonly displayMode: "desktop";
-                    readonly style: {
-                        readonly base: {
-                            readonly default: {};
-                        };
-                        readonly input: {
-                            readonly default: {
-                                width: string;
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
+                                'margin-bottom': string;
                                 display: string;
-                                'align-items': string;
-                                'border-right-color': string;
-                                'border-right-style': string;
-                                'border-right-width': string;
-                                'border-top-right-radius': string;
-                                'border-bottom-color': string;
-                                'border-bottom-style': string;
-                                'border-bottom-width': string;
-                                'border-bottom-right-radius': string;
-                                'border-bottom-left-radius': string;
-                                'border-top-left-radius': string;
-                                'border-left-color': string;
-                                'border-left-style': string;
-                                'border-left-width': string;
-                                'border-top-color': string;
-                                'border-top-style': string;
-                                'border-top-width': string;
+                                cursor: string;
+                                'font-weight': string;
+                                'font-size': string;
+                                'line-height': string;
+                                color: string;
                                 'user-select': string;
+                            };
+                        };
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
+                                display: string;
+                                color: string;
+                                'margin-top': string;
+                            };
+                        };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
+                    };
+                };
+                readonly number: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
+                                'margin-bottom': string;
+                                display: string;
+                                cursor: string;
+                                'font-weight': string;
                                 'font-size': string;
-                                'padding-left': string;
-                                'padding-right': string;
-                                'padding-top': string;
-                                'padding-bottom': string;
                                 'line-height': string;
-                                outline: string;
-                                position: string;
+                                color: string;
+                                'user-select': string;
                             };
                         };
-                        readonly label: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
+                                display: string;
+                                color: string;
+                                'margin-top': string;
+                            };
+                        };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
+                    };
+                };
+                readonly email: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
                                 'margin-bottom': string;
                                 display: string;
                                 cursor: string;
@@ -149,56 +217,82 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        readonly error: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
                             };
                         };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
                     };
                 };
                 readonly password: {
-                    readonly name: "Form Control Password";
-                    readonly displayMode: "desktop";
-                    readonly style: {
-                        readonly base: {
-                            readonly default: {};
-                        };
-                        readonly input: {
-                            readonly default: {
-                                width: string;
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
+                                'margin-bottom': string;
                                 display: string;
-                                'align-items': string;
-                                'border-right-color': string;
-                                'border-right-style': string;
-                                'border-right-width': string;
-                                'border-top-right-radius': string;
-                                'border-bottom-color': string;
-                                'border-bottom-style': string;
-                                'border-bottom-width': string;
-                                'border-bottom-right-radius': string;
-                                'border-bottom-left-radius': string;
-                                'border-top-left-radius': string;
-                                'border-left-color': string;
-                                'border-left-style': string;
-                                'border-left-width': string;
-                                'border-top-color': string;
-                                'border-top-style': string;
-                                'border-top-width': string;
-                                'user-select': string;
+                                cursor: string;
+                                'font-weight': string;
                                 'font-size': string;
-                                'padding-left': string;
-                                'padding-right': string;
-                                'padding-top': string;
-                                'padding-bottom': string;
                                 'line-height': string;
-                                outline: string;
-                                position: string;
+                                color: string;
+                                'user-select': string;
                             };
                         };
-                        readonly label: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
+                                display: string;
+                                color: string;
+                                'margin-top': string;
+                            };
+                        };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
+                    };
+                };
+                readonly search: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
                                 'margin-bottom': string;
                                 display: string;
                                 cursor: string;
@@ -209,56 +303,82 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        readonly error: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
                             };
                         };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
                     };
                 };
-                readonly number: {
-                    readonly name: "Form Control Number";
-                    readonly displayMode: "desktop";
-                    readonly style: {
-                        readonly base: {
-                            readonly default: {};
-                        };
-                        readonly input: {
-                            readonly default: {
-                                width: string;
+                readonly url: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
+                                'margin-bottom': string;
                                 display: string;
-                                'align-items': string;
-                                'border-right-color': string;
-                                'border-right-style': string;
-                                'border-right-width': string;
-                                'border-top-right-radius': string;
-                                'border-bottom-color': string;
-                                'border-bottom-style': string;
-                                'border-bottom-width': string;
-                                'border-bottom-right-radius': string;
-                                'border-bottom-left-radius': string;
-                                'border-top-left-radius': string;
-                                'border-left-color': string;
-                                'border-left-style': string;
-                                'border-left-width': string;
-                                'border-top-color': string;
-                                'border-top-style': string;
-                                'border-top-width': string;
-                                'user-select': string;
+                                cursor: string;
+                                'font-weight': string;
                                 'font-size': string;
-                                'padding-left': string;
-                                'padding-right': string;
-                                'padding-top': string;
-                                'padding-bottom': string;
                                 'line-height': string;
-                                outline: string;
-                                position: string;
+                                color: string;
+                                'user-select': string;
                             };
                         };
-                        readonly label: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
+                                display: string;
+                                color: string;
+                                'margin-top': string;
+                            };
+                        };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
+                    };
+                };
+                readonly tel: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
                                 'margin-bottom': string;
                                 display: string;
                                 cursor: string;
@@ -269,56 +389,125 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        readonly error: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
                             };
                         };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
                     };
                 };
-                readonly email: {
-                    readonly name: "Form Control Email";
-                    readonly displayMode: "desktop";
-                    readonly style: {
-                        readonly base: {
-                            readonly default: {};
-                        };
-                        readonly input: {
-                            readonly default: {
-                                width: string;
+                readonly date: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
+                                'margin-bottom': string;
                                 display: string;
-                                'align-items': string;
-                                'border-right-color': string;
-                                'border-right-style': string;
-                                'border-right-width': string;
-                                'border-top-right-radius': string;
-                                'border-bottom-color': string;
-                                'border-bottom-style': string;
-                                'border-bottom-width': string;
-                                'border-bottom-right-radius': string;
-                                'border-bottom-left-radius': string;
-                                'border-top-left-radius': string;
-                                'border-left-color': string;
-                                'border-left-style': string;
-                                'border-left-width': string;
-                                'border-top-color': string;
-                                'border-top-style': string;
-                                'border-top-width': string;
+                                cursor: string;
+                                'font-weight': string;
+                                'font-size': string;
+                                'line-height': string;
+                                color: string;
                                 'user-select': string;
+                            };
+                        };
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
+                                display: string;
+                                color: string;
+                                'margin-top': string;
+                            };
+                        };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
+                    };
+                };
+                readonly time: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
+                                'margin-bottom': string;
+                                display: string;
+                                cursor: string;
+                                'font-weight': string;
                                 'font-size': string;
-                                'padding-left': string;
-                                'padding-right': string;
-                                'padding-top': string;
-                                'padding-bottom': string;
                                 'line-height': string;
-                                outline: string;
-                                position: string;
+                                color: string;
+                                'user-select': string;
                             };
                         };
-                        readonly label: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
+                                display: string;
+                                color: string;
+                                'margin-top': string;
+                            };
+                        };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
+                    };
+                };
+                readonly color: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
                                 'margin-bottom': string;
                                 display: string;
                                 cursor: string;
@@ -329,56 +518,82 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        readonly error: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
                             };
                         };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
                     };
                 };
                 readonly textarea: {
-                    readonly name: "Form Control Textarea";
-                    readonly displayMode: "desktop";
-                    readonly style: {
-                        readonly base: {
-                            readonly default: {};
-                        };
-                        readonly input: {
-                            readonly default: {
-                                width: string;
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
+                                'margin-bottom': string;
                                 display: string;
-                                'align-items': string;
-                                'border-right-color': string;
-                                'border-right-style': string;
-                                'border-right-width': string;
-                                'border-top-right-radius': string;
-                                'border-bottom-color': string;
-                                'border-bottom-style': string;
-                                'border-bottom-width': string;
-                                'border-bottom-right-radius': string;
-                                'border-bottom-left-radius': string;
-                                'border-top-left-radius': string;
-                                'border-left-color': string;
-                                'border-left-style': string;
-                                'border-left-width': string;
-                                'border-top-color': string;
-                                'border-top-style': string;
-                                'border-top-width': string;
-                                'user-select': string;
+                                cursor: string;
+                                'font-weight': string;
                                 'font-size': string;
-                                'padding-left': string;
-                                'padding-right': string;
-                                'padding-top': string;
-                                'padding-bottom': string;
                                 'line-height': string;
-                                outline: string;
-                                position: string;
+                                color: string;
+                                'user-select': string;
                             };
                         };
-                        readonly label: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
+                                display: string;
+                                color: string;
+                                'margin-top': string;
+                            };
+                        };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
+                    };
+                };
+                readonly select: {
+                    name: string;
+                    displayMode: "desktop";
+                    style: {
+                        label: {
+                            default: {
                                 'margin-bottom': string;
                                 display: string;
                                 cursor: string;
@@ -389,13 +604,31 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        readonly error: {
-                            readonly default: {
+                        requiredMark: {
+                            default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
+                        error: {
+                            default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
                             };
                         };
+                        icon?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        field?: {
+                            default: Record<string, string>;
+                        } | undefined;
+                        base: {
+                            default: {};
+                        };
+                        input: {
+                            default: Record<string, string>;
+                        };
                     };
                 };
                 readonly checkbox: {
@@ -424,6 +657,12 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
+                        readonly requiredMark: {
+                            readonly default: {
+                                color: string;
+                                'margin-left': string;
+                            };
+                        };
                         readonly error: {
                             readonly default: {
                                 display: string;
@@ -433,8 +672,8 @@ declare const FormControl: {
                         };
                     };
                 };
-                readonly select: {
-                    readonly name: "Form Control Select";
+                readonly switch: {
+                    readonly name: "Form Control Switch";
                     readonly displayMode: "desktop";
                     readonly style: {
                         readonly base: {
@@ -442,46 +681,53 @@ declare const FormControl: {
                         };
                         readonly input: {
                             readonly default: {
-                                readonly cursor: "pointer";
-                                readonly width: string;
+                                height: string;
+                                width: string;
+                                'margin-top': string;
+                                'margin-bottom': string;
+                                'margin-left': string;
+                                'margin-right': string;
+                                position: string;
+                                'flex-shrink': string;
+                                'border-top-color': string;
+                                'border-top-style': string;
+                                'border-top-width': string;
+                                'border-right-color': string;
+                                'border-right-style': string;
+                                'border-right-width': string;
+                                'border-bottom-color': string;
+                                'border-bottom-style': string;
+                                'border-bottom-width': string;
+                                'border-left-color': string;
+                                'border-left-style': string;
+                                'border-left-width': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
+                                'background-color': string;
+                                transition: string;
+                                appearance: string;
+                                cursor: string;
+                            };
+                        };
+                        readonly label: {
+                            readonly default: {
+                                readonly 'align-items': "center";
                                 readonly display: string;
-                                readonly 'align-items': string;
-                                readonly 'border-right-color': string;
-                                readonly 'border-right-style': string;
-                                readonly 'border-right-width': string;
-                                readonly 'border-top-right-radius': string;
-                                readonly 'border-bottom-color': string;
-                                readonly 'border-bottom-style': string;
-                                readonly 'border-bottom-width': string;
-                                readonly 'border-bottom-right-radius': string;
-                                readonly 'border-bottom-left-radius': string;
-                                readonly 'border-top-left-radius': string;
-                                readonly 'border-left-color': string;
-                                readonly 'border-left-style': string;
-                                readonly 'border-left-width': string;
-                                readonly 'border-top-color': string;
-                                readonly 'border-top-style': string;
-                                readonly 'border-top-width': string;
-                                readonly 'user-select': string;
+                                readonly cursor: string;
+                                readonly 'font-weight': string;
                                 readonly 'font-size': string;
-                                readonly 'padding-left': string;
-                                readonly 'padding-right': string;
-                                readonly 'padding-top': string;
-                                readonly 'padding-bottom': string;
                                 readonly 'line-height': string;
-                                readonly outline: string;
-                                readonly position: string;
+                                readonly color: string;
+                                readonly 'user-select': string;
                             };
                         };
-                        readonly label: {
-                            'margin-bottom': string;
-                            display: string;
-                            cursor: string;
-                            'font-weight': string;
-                            'font-size': string;
-                            'line-height': string;
-                            color: string;
-                            'user-select': string;
+                        readonly requiredMark: {
+                            readonly default: {
+                                color: string;
+                                'margin-left': string;
+                            };
                         };
                         readonly error: {
                             readonly default: {