@solfacil/girassol 0.3.1 → 0.3.2

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 (24) hide show
  1. package/dist/components.d.ts +2 -3
  2. package/dist/components.json +1 -1
  3. package/dist/girassol.es.js +2990 -973
  4. package/dist/girassol.umd.js +10 -6
  5. package/dist/style.css +1 -1
  6. package/dist/types/components/forms/inputs/index.d.ts +3 -0
  7. package/dist/types/components/forms/{input → inputs/input-core}/Input.vue.d.ts +47 -23
  8. package/dist/types/components/forms/{input → inputs/input-core}/input.spec.d.ts +0 -0
  9. package/dist/types/components/forms/{textfield/TextfieldPassword.vue.d.ts → inputs/input-password/InputPassword.vue.d.ts} +76 -23
  10. package/dist/types/components/forms/{textfield/textfield-password.spec.d.ts → inputs/input-password/input-password.spec.d.ts} +0 -0
  11. package/dist/types/components/forms/inputs/input-text/InputText.vue.d.ts +181 -0
  12. package/dist/types/components/forms/{textfield/textfield.spec.d.ts → inputs/input-text/input-text.spec.d.ts} +0 -0
  13. package/dist/types/components/forms/inputs/types.d.ts +24 -0
  14. package/dist/types/components/loader/CircleLoader.vue.d.ts +19 -8
  15. package/dist/types/composables/use-validate-field/index.d.ts +5 -0
  16. package/dist/types/composables/use-validate-field/types.d.ts +9 -0
  17. package/dist/types/index.d.ts +404 -207
  18. package/package.json +3 -2
  19. package/theme/solfacil/colors.ts +1 -1
  20. package/windi.config.ts +11 -11
  21. package/dist/theme/safelist.d.ts +0 -14
  22. package/dist/types/components/forms/input/index.d.ts +0 -2
  23. package/dist/types/components/forms/textfield/Textfield.vue.d.ts +0 -129
  24. package/dist/types/components/forms/textfield/index.d.ts +0 -3
package/dist/types/components/forms/{textfield/TextfieldPassword.vue.d.ts → inputs/input-password/InputPassword.vue.d.ts} RENAMED
@@ -1,17 +1,32 @@
1
+ import type { InputText as InputType } from '../types';
2
+ import type { ParentValidation } from '@/composables/use-validate-field/types';
1
3
  declare const _default: {
2
4
  new (...args: any[]): {
3
5
  $: import("vue").ComponentInternalInstance;
4
6
  $data: {};
5
7
  $props: Partial<{
6
- label: string;
7
- id: string;
8
+ required: boolean;
9
+ name: InputType['name'];
10
+ placeholder: string;
8
11
  }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
9
- id: string;
10
- label?: string | undefined;
12
+ id: InputType['id'];
13
+ label?: InputType['label'];
14
+ name: InputType['name'];
15
+ placeholder?: string | undefined;
16
+ helperText?: InputType['helperText'];
17
+ required?: InputType['required'];
18
+ disabled?: InputType['disabled'];
19
+ size?: InputType['size'];
20
+ error?: string | null | undefined;
21
+ modelValue?: string | undefined;
22
+ useField?: ParentValidation['useFieldParent'];
23
+ rules?: ParentValidation['rules'];
24
+ opts?: ParentValidation['opts'];
11
25
  }>, {
12
- id: string;
13
- label: string;
14
- }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "id">;
26
+ name: string;
27
+ required: boolean;
28
+ placeholder: string;
29
+ }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "name" | "placeholder">;
15
30
  $attrs: {
16
31
  [x: string]: unknown;
17
32
  };
@@ -26,14 +41,27 @@ declare const _default: {
26
41
  $emit: (event: string, ...args: any[]) => void;
27
42
  $el: any;
28
43
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
29
- id: string;
30
- label?: string | undefined;
44
+ id: InputType['id'];
45
+ label?: InputType['label'];
46
+ name: InputType['name'];
47
+ placeholder?: string | undefined;
48
+ helperText?: InputType['helperText'];
49
+ required?: InputType['required'];
50
+ disabled?: InputType['disabled'];
51
+ size?: InputType['size'];
52
+ error?: string | null | undefined;
53
+ modelValue?: string | undefined;
54
+ useField?: ParentValidation['useFieldParent'];
55
+ rules?: ParentValidation['rules'];
56
+ opts?: ParentValidation['opts'];
31
57
  }>, {
32
- id: string;
33
- label: string;
58
+ name: string;
59
+ required: boolean;
60
+ placeholder: string;
34
61
  }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
35
- label: string;
36
- id: string;
62
+ required: boolean;
63
+ name: InputType['name'];
64
+ placeholder: string;
37
65
  }> & {
38
66
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
39
67
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -55,24 +83,49 @@ declare const _default: {
55
83
  $nextTick: typeof import("vue").nextTick;
56
84
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
57
85
  } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
58
- id: string;
59
- label?: string | undefined;
86
+ id: InputType['id'];
87
+ label?: InputType['label'];
88
+ name: InputType['name'];
89
+ placeholder?: string | undefined;
90
+ helperText?: InputType['helperText'];
91
+ required?: InputType['required'];
92
+ disabled?: InputType['disabled'];
93
+ size?: InputType['size'];
94
+ error?: string | null | undefined;
95
+ modelValue?: string | undefined;
96
+ useField?: ParentValidation['useFieldParent'];
97
+ rules?: ParentValidation['rules'];
98
+ opts?: ParentValidation['opts'];
60
99
  }>, {
61
- id: string;
62
- label: string;
100
+ name: string;
101
+ required: boolean;
102
+ placeholder: string;
63
103
  }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
64
104
  __isFragment?: undefined;
65
105
  __isTeleport?: undefined;
66
106
  __isSuspense?: undefined;
67
107
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
68
- id: string;
69
- label?: string | undefined;
108
+ id: InputType['id'];
109
+ label?: InputType['label'];
110
+ name: InputType['name'];
111
+ placeholder?: string | undefined;
112
+ helperText?: InputType['helperText'];
113
+ required?: InputType['required'];
114
+ disabled?: InputType['disabled'];
115
+ size?: InputType['size'];
116
+ error?: string | null | undefined;
117
+ modelValue?: string | undefined;
118
+ useField?: ParentValidation['useFieldParent'];
119
+ rules?: ParentValidation['rules'];
120
+ opts?: ParentValidation['opts'];
70
121
  }>, {
71
- id: string;
72
- label: string;
122
+ name: string;
123
+ required: boolean;
124
+ placeholder: string;
73
125
  }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
74
- label: string;
75
- id: string;
126
+ required: boolean;
127
+ name: InputType['name'];
128
+ placeholder: string;
76
129
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
77
130
  $slots: {};
78
131
  });
package/dist/types/components/forms/inputs/input-text/InputText.vue.d.ts ADDED
@@ -0,0 +1,181 @@
1
+ import type { ParentValidation } from '@composables/use-validate-field/types';
2
+ import type { InputText } from '../types';
3
+ declare const _default: {
4
+ new (...args: any[]): {
5
+ $: import("vue").ComponentInternalInstance;
6
+ $data: {};
7
+ $props: Partial<{
8
+ error: string | null;
9
+ size: "sm" | "md";
10
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
11
+ id: InputText['id'];
12
+ name: InputText['name'];
13
+ class?: InputText['class'];
14
+ label?: InputText['label'];
15
+ helperText?: InputText['helperText'];
16
+ successText?: InputText['successText'];
17
+ loadingText?: InputText['loadingText'];
18
+ required?: InputText['required'];
19
+ disabled?: InputText['disabled'];
20
+ isSuccess?: InputText['isSuccess'];
21
+ isLoading?: InputText['isLoading'];
22
+ size?: InputText['size'];
23
+ error?: string | null | undefined;
24
+ modelValue?: string | undefined;
25
+ placeholder?: string | undefined;
26
+ useField?: ParentValidation['useFieldParent'];
27
+ rules?: ParentValidation['rules'];
28
+ opts?: ParentValidation['opts'];
29
+ }>, {
30
+ size: string;
31
+ error: null;
32
+ }>>> & {
33
+ onInput?: ((event: string) => any) | undefined;
34
+ "onUpdate:modelValue"?: ((event: string) => any) | undefined;
35
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "size">;
36
+ $attrs: {
37
+ [x: string]: unknown;
38
+ };
39
+ $refs: {
40
+ [x: string]: unknown;
41
+ };
42
+ $slots: Readonly<{
43
+ [name: string]: import("vue").Slot | undefined;
44
+ }>;
45
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
46
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
47
+ $emit: ((event: "input", event: string) => void) & ((event: "update:modelValue", event: string) => void);
48
+ $el: any;
49
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
50
+ id: InputText['id'];
51
+ name: InputText['name'];
52
+ class?: InputText['class'];
53
+ label?: InputText['label'];
54
+ helperText?: InputText['helperText'];
55
+ successText?: InputText['successText'];
56
+ loadingText?: InputText['loadingText'];
57
+ required?: InputText['required'];
58
+ disabled?: InputText['disabled'];
59
+ isSuccess?: InputText['isSuccess'];
60
+ isLoading?: InputText['isLoading'];
61
+ size?: InputText['size'];
62
+ error?: string | null | undefined;
63
+ modelValue?: string | undefined;
64
+ placeholder?: string | undefined;
65
+ useField?: ParentValidation['useFieldParent'];
66
+ rules?: ParentValidation['rules'];
67
+ opts?: ParentValidation['opts'];
68
+ }>, {
69
+ size: string;
70
+ error: null;
71
+ }>>> & {
72
+ onInput?: ((event: string) => any) | undefined;
73
+ "onUpdate:modelValue"?: ((event: string) => any) | undefined;
74
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
75
+ input: (event: string) => void;
76
+ } & {
77
+ "update:modelValue": (event: string) => void;
78
+ }, string, {
79
+ error: string | null;
80
+ size: "sm" | "md";
81
+ }> & {
82
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
83
+ created?: ((() => void) | (() => void)[]) | undefined;
84
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
85
+ mounted?: ((() => void) | (() => void)[]) | undefined;
86
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
87
+ updated?: ((() => void) | (() => void)[]) | undefined;
88
+ activated?: ((() => void) | (() => void)[]) | undefined;
89
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
90
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
91
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
92
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
93
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
94
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
95
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
96
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
97
+ };
98
+ $forceUpdate: () => void;
99
+ $nextTick: typeof import("vue").nextTick;
100
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
101
+ } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
102
+ id: InputText['id'];
103
+ name: InputText['name'];
104
+ class?: InputText['class'];
105
+ label?: InputText['label'];
106
+ helperText?: InputText['helperText'];
107
+ successText?: InputText['successText'];
108
+ loadingText?: InputText['loadingText'];
109
+ required?: InputText['required'];
110
+ disabled?: InputText['disabled'];
111
+ isSuccess?: InputText['isSuccess'];
112
+ isLoading?: InputText['isLoading'];
113
+ size?: InputText['size'];
114
+ error?: string | null | undefined;
115
+ modelValue?: string | undefined;
116
+ placeholder?: string | undefined;
117
+ useField?: ParentValidation['useFieldParent'];
118
+ rules?: ParentValidation['rules'];
119
+ opts?: ParentValidation['opts'];
120
+ }>, {
121
+ size: string;
122
+ error: null;
123
+ }>>> & {
124
+ onInput?: ((event: string) => any) | undefined;
125
+ "onUpdate:modelValue"?: ((event: string) => any) | undefined;
126
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
127
+ __isFragment?: undefined;
128
+ __isTeleport?: undefined;
129
+ __isSuspense?: undefined;
130
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
131
+ id: InputText['id'];
132
+ name: InputText['name'];
133
+ class?: InputText['class'];
134
+ label?: InputText['label'];
135
+ helperText?: InputText['helperText'];
136
+ successText?: InputText['successText'];
137
+ loadingText?: InputText['loadingText'];
138
+ required?: InputText['required'];
139
+ disabled?: InputText['disabled'];
140
+ isSuccess?: InputText['isSuccess'];
141
+ isLoading?: InputText['isLoading'];
142
+ size?: InputText['size'];
143
+ error?: string | null | undefined;
144
+ modelValue?: string | undefined;
145
+ placeholder?: string | undefined;
146
+ useField?: ParentValidation['useFieldParent'];
147
+ rules?: ParentValidation['rules'];
148
+ opts?: ParentValidation['opts'];
149
+ }>, {
150
+ size: string;
151
+ error: null;
152
+ }>>> & {
153
+ onInput?: ((event: string) => any) | undefined;
154
+ "onUpdate:modelValue"?: ((event: string) => any) | undefined;
155
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
156
+ input: (event: string) => void;
157
+ } & {
158
+ "update:modelValue": (event: string) => void;
159
+ }, string, {
160
+ error: string | null;
161
+ size: "sm" | "md";
162
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
163
+ $slots: {
164
+ icon: (_: {}) => any;
165
+ };
166
+ });
167
+ export default _default;
168
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
169
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
170
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
171
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
172
+ } : {
173
+ type: import('vue').PropType<T[K]>;
174
+ required: true;
175
+ };
176
+ };
177
+ declare type __VLS_WithDefaults<P, D> = {
178
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
179
+ default: D[K];
180
+ } : P[K];
181
+ };
package/dist/types/components/forms/inputs/types.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ declare type Size = 'sm' | 'md';
2
+ declare type ModelValue = string | number;
3
+ export interface InputCore {
4
+ id: string;
5
+ modelValue: ModelValue;
6
+ error?: boolean;
7
+ size?: Size;
8
+ hasFeedbackIcon?: boolean;
9
+ }
10
+ export interface InputText {
11
+ id: string;
12
+ name: string;
13
+ label?: string;
14
+ class?: string;
15
+ helperText?: string;
16
+ successText?: string;
17
+ loadingText?: string;
18
+ required?: boolean;
19
+ disabled?: boolean;
20
+ isSuccess?: boolean;
21
+ isLoading?: boolean;
22
+ size?: Size;
23
+ }
24
+ export {};
package/dist/types/components/loader/CircleLoader.vue.d.ts CHANGED
@@ -3,13 +3,16 @@ declare const _default: {
3
3
  $: import("vue").ComponentInternalInstance;
4
4
  $data: {};
5
5
  $props: Partial<{
6
- size: 'small' | 'medium' | 'large';
6
+ title: string;
7
+ size: 'sm' | 'md' | 'lg';
7
8
  }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
- size: 'small' | 'medium' | 'large';
9
+ size: 'sm' | 'md' | 'lg';
9
10
  dark?: boolean | undefined;
11
+ title?: string | undefined;
10
12
  }>, {
11
13
  size: string;
12
- }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size">;
14
+ title: string;
15
+ }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size">;
13
16
  $attrs: {
14
17
  [x: string]: unknown;
15
18
  };
@@ -24,12 +27,15 @@ declare const _default: {
24
27
  $emit: (event: string, ...args: any[]) => void;
25
28
  $el: any;
26
29
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
27
- size: 'small' | 'medium' | 'large';
30
+ size: 'sm' | 'md' | 'lg';
28
31
  dark?: boolean | undefined;
32
+ title?: string | undefined;
29
33
  }>, {
30
34
  size: string;
35
+ title: string;
31
36
  }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
32
- size: 'small' | 'medium' | 'large';
37
+ title: string;
38
+ size: 'sm' | 'md' | 'lg';
33
39
  }> & {
34
40
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
35
41
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -51,21 +57,26 @@ declare const _default: {
51
57
  $nextTick: typeof import("vue").nextTick;
52
58
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
53
59
  } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
54
- size: 'small' | 'medium' | 'large';
60
+ size: 'sm' | 'md' | 'lg';
55
61
  dark?: boolean | undefined;
62
+ title?: string | undefined;
56
63
  }>, {
57
64
  size: string;
65
+ title: string;
58
66
  }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
59
67
  __isFragment?: undefined;
60
68
  __isTeleport?: undefined;
61
69
  __isSuspense?: undefined;
62
70
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
63
- size: 'small' | 'medium' | 'large';
71
+ size: 'sm' | 'md' | 'lg';
64
72
  dark?: boolean | undefined;
73
+ title?: string | undefined;
65
74
  }>, {
66
75
  size: string;
76
+ title: string;
67
77
  }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
68
- size: 'small' | 'medium' | 'large';
78
+ title: string;
79
+ size: 'sm' | 'md' | 'lg';
69
80
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
70
81
  $slots: {};
71
82
  });
package/dist/types/composables/use-validate-field/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import type { ParentValidation } from './types';
2
+ export declare function useValidateField(name: string, parentValidation?: ParentValidation): import("vee-validate").FieldContext<string> | {
3
+ value: import("vue").Ref<string>;
4
+ errorMessage: import("vue").ComputedRef<string | null> | undefined;
5
+ };
package/dist/types/composables/use-validate-field/types.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import type { useField } from 'vee-validate';
2
+ import type { ComputedRef } from 'vue';
3
+ export interface ParentValidation {
4
+ error?: ComputedRef<string | null>;
5
+ modelValue?: string;
6
+ useFieldParent?: typeof useField;
7
+ rules?: Parameters<typeof useField>['1'];
8
+ opts?: Parameters<typeof useField<string>>['2'];
9
+ }