@fiscozen/input 0.1.5 → 0.1.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.
@@ -1,121 +0,0 @@
1
- import { Ref } from 'vue';
2
-
3
- declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
4
- modelValue: import('vue').PropType<any>;
5
- name: {
6
- type: import('vue').PropType<string>;
7
- };
8
- size: {
9
- type: import('vue').PropType<"sm" | "md" | "lg">;
10
- default: string;
11
- };
12
- type: {
13
- type: import('vue').PropType<"number" | "text" | "password" | "email" | "tel" | "url">;
14
- default: string;
15
- };
16
- required: {
17
- type: import('vue').PropType<boolean>;
18
- };
19
- label: {
20
- type: import('vue').PropType<string>;
21
- required: true;
22
- };
23
- pattern: {
24
- type: import('vue').PropType<string>;
25
- };
26
- placeholder: {
27
- type: import('vue').PropType<string>;
28
- };
29
- disabled: {
30
- type: import('vue').PropType<boolean>;
31
- };
32
- error: {
33
- type: import('vue').PropType<boolean>;
34
- default: boolean;
35
- };
36
- leftIcon: {
37
- type: import('vue').PropType<string>;
38
- };
39
- leftIconVariant: {
40
- type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
41
- };
42
- rightIcon: {
43
- type: import('vue').PropType<string>;
44
- };
45
- rightIconVariant: {
46
- type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
47
- };
48
- valid: {
49
- type: import('vue').PropType<boolean>;
50
- };
51
- }, {
52
- inputRef: Ref<HTMLInputElement | null>;
53
- containerRef: Ref<HTMLElement | null>;
54
- }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
55
- input: (...args: any[]) => void;
56
- focus: (...args: any[]) => void;
57
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
58
- modelValue: import('vue').PropType<any>;
59
- name: {
60
- type: import('vue').PropType<string>;
61
- };
62
- size: {
63
- type: import('vue').PropType<"sm" | "md" | "lg">;
64
- default: string;
65
- };
66
- type: {
67
- type: import('vue').PropType<"number" | "text" | "password" | "email" | "tel" | "url">;
68
- default: string;
69
- };
70
- required: {
71
- type: import('vue').PropType<boolean>;
72
- };
73
- label: {
74
- type: import('vue').PropType<string>;
75
- required: true;
76
- };
77
- pattern: {
78
- type: import('vue').PropType<string>;
79
- };
80
- placeholder: {
81
- type: import('vue').PropType<string>;
82
- };
83
- disabled: {
84
- type: import('vue').PropType<boolean>;
85
- };
86
- error: {
87
- type: import('vue').PropType<boolean>;
88
- default: boolean;
89
- };
90
- leftIcon: {
91
- type: import('vue').PropType<string>;
92
- };
93
- leftIconVariant: {
94
- type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
95
- };
96
- rightIcon: {
97
- type: import('vue').PropType<string>;
98
- };
99
- rightIconVariant: {
100
- type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
101
- };
102
- valid: {
103
- type: import('vue').PropType<boolean>;
104
- };
105
- }>> & {
106
- onFocus?: ((...args: any[]) => any) | undefined;
107
- onInput?: ((...args: any[]) => any) | undefined;
108
- }, {
109
- size: "sm" | "md" | "lg";
110
- type: "number" | "text" | "password" | "email" | "tel" | "url";
111
- error: boolean;
112
- }, {}>, {
113
- errorMessage?(_: {}): any;
114
- helpText?(_: {}): any;
115
- }>;
116
- export default _default;
117
- type __VLS_WithTemplateSlots<T, S> = T & {
118
- new (): {
119
- $slots: S;
120
- };
121
- };
@@ -1,2 +0,0 @@
1
- export { default as FzInput } from './FzInput.vue';
2
- export type * from './types';
@@ -1,61 +0,0 @@
1
- import { IconVariant } from '@fiscozen/icons';
2
-
3
- type FzInputProps = {
4
- /**
5
- * The label displayed on top of the input
6
- */
7
- label: string;
8
- /**
9
- * The size of the input
10
- */
11
- size?: "sm" | "md" | "lg";
12
- /**
13
- * The placeholder displayed in the input
14
- */
15
- placeholder?: string;
16
- /**
17
- * If set to true, the input is required
18
- */
19
- required?: boolean;
20
- /**
21
- * If set to true, the input is disabled
22
- */
23
- disabled?: boolean;
24
- /**
25
- * If set to true, the input is in error state
26
- */
27
- error?: boolean;
28
- /**
29
- * Left icon name
30
- */
31
- leftIcon?: string;
32
- /**
33
- * Left icon variant
34
- */
35
- leftIconVariant?: IconVariant;
36
- /**
37
- * Right icon name
38
- */
39
- rightIcon?: string;
40
- /**
41
- * Right icon variant
42
- */
43
- rightIconVariant?: IconVariant;
44
- /**
45
- * The input type
46
- */
47
- type?: "text" | "password" | "email" | "number" | "tel" | "url";
48
- /**
49
- * If set to true, the input is valid
50
- */
51
- valid?: boolean;
52
- /**
53
- * Pattern to validate the input
54
- */
55
- pattern?: string;
56
- /**
57
- * Defines the textarea key in a form
58
- */
59
- name?: string;
60
- };
61
- export { FzInputProps };
@@ -1,12 +0,0 @@
1
- import { Ref } from 'vue';
2
- import { FzInputProps } from './types';
3
-
4
- export default function useInputStyle(props: FzInputProps, container: Ref<HTMLElement | null>): {
5
- staticContainerClass: string;
6
- computedContainerClass: import('vue').ComputedRef<string[]>;
7
- computedLabelClass: import('vue').ComputedRef<string[]>;
8
- staticInputClass: string;
9
- computedHelpClass: import('vue').ComputedRef<string[]>;
10
- computedErrorClass: import('vue').ComputedRef<string[]>;
11
- containerWidth: import('vue').ComputedRef<string>;
12
- };