@codemonster-ru/vueforge 0.46.0 → 0.47.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.
- package/README.md +51 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.ts.mjs +1929 -1793
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/otp-input.test.d.ts +1 -0
- package/dist/package/components/otp-input.vue.d.ts +45 -0
- package/dist/package/config/theme-core.d.ts +26 -0
- package/dist/package/themes/default/components/otp-input.d.ts +26 -0
- package/dist/package/themes/default/index.d.ts +25 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface Props {
|
|
4
|
+
modelValue?: string;
|
|
5
|
+
length?: number;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
readonly?: boolean;
|
|
9
|
+
size?: Size;
|
|
10
|
+
variant?: Variant;
|
|
11
|
+
mask?: boolean;
|
|
12
|
+
alphanumeric?: boolean;
|
|
13
|
+
autocomplete?: string;
|
|
14
|
+
autoFocus?: boolean;
|
|
15
|
+
ariaLabel?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
blur: (...args: any[]) => void;
|
|
19
|
+
change: (...args: any[]) => void;
|
|
20
|
+
focus: (...args: any[]) => void;
|
|
21
|
+
paste: (...args: any[]) => void;
|
|
22
|
+
"update:modelValue": (...args: any[]) => void;
|
|
23
|
+
complete: (...args: any[]) => void;
|
|
24
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
25
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
28
|
+
onPaste?: ((...args: any[]) => any) | undefined;
|
|
29
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
30
|
+
onComplete?: ((...args: any[]) => any) | undefined;
|
|
31
|
+
}>, {
|
|
32
|
+
length: number;
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
mask: boolean;
|
|
35
|
+
size: Size;
|
|
36
|
+
variant: Variant;
|
|
37
|
+
modelValue: string;
|
|
38
|
+
placeholder: string;
|
|
39
|
+
readonly: boolean;
|
|
40
|
+
autocomplete: string;
|
|
41
|
+
ariaLabel: string;
|
|
42
|
+
alphanumeric: boolean;
|
|
43
|
+
autoFocus: boolean;
|
|
44
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
45
|
+
export default _default;
|
|
@@ -112,6 +112,31 @@ export type PasswordInputTokens = {
|
|
|
112
112
|
fontSize?: string;
|
|
113
113
|
};
|
|
114
114
|
};
|
|
115
|
+
export type OtpInputTokens = {
|
|
116
|
+
gap?: string;
|
|
117
|
+
fontSize?: string;
|
|
118
|
+
cellSize?: string;
|
|
119
|
+
padding?: string;
|
|
120
|
+
borderRadius?: string;
|
|
121
|
+
borderColor?: string;
|
|
122
|
+
backgroundColor?: string;
|
|
123
|
+
textColor?: string;
|
|
124
|
+
placeholderColor?: string;
|
|
125
|
+
focusBorderColor?: string;
|
|
126
|
+
focusRingShadow?: string;
|
|
127
|
+
hoverBorderColor?: string;
|
|
128
|
+
disabledOpacity?: string;
|
|
129
|
+
small?: {
|
|
130
|
+
cellSize?: string;
|
|
131
|
+
padding?: string;
|
|
132
|
+
fontSize?: string;
|
|
133
|
+
};
|
|
134
|
+
large?: {
|
|
135
|
+
cellSize?: string;
|
|
136
|
+
padding?: string;
|
|
137
|
+
fontSize?: string;
|
|
138
|
+
};
|
|
139
|
+
};
|
|
115
140
|
export type NumberInputTokens = {
|
|
116
141
|
gap?: string;
|
|
117
142
|
fontSize?: string;
|
|
@@ -1293,6 +1318,7 @@ export type ThemeComponentTokens = {
|
|
|
1293
1318
|
accordion?: AccordionTokens;
|
|
1294
1319
|
input?: InputTokens;
|
|
1295
1320
|
passwordInput?: PasswordInputTokens;
|
|
1321
|
+
otpInput?: OtpInputTokens;
|
|
1296
1322
|
numberInput?: NumberInputTokens;
|
|
1297
1323
|
formField?: FormFieldTokens;
|
|
1298
1324
|
textarea?: TextareaTokens;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
cellSize: string;
|
|
5
|
+
padding: string;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
textColor: string;
|
|
10
|
+
placeholderColor: string;
|
|
11
|
+
focusBorderColor: string;
|
|
12
|
+
focusRingShadow: string;
|
|
13
|
+
hoverBorderColor: string;
|
|
14
|
+
disabledOpacity: string;
|
|
15
|
+
small: {
|
|
16
|
+
cellSize: string;
|
|
17
|
+
padding: string;
|
|
18
|
+
fontSize: string;
|
|
19
|
+
};
|
|
20
|
+
large: {
|
|
21
|
+
cellSize: string;
|
|
22
|
+
padding: string;
|
|
23
|
+
fontSize: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default _default;
|
|
@@ -269,6 +269,31 @@ declare const _default: {
|
|
|
269
269
|
fontSize: string;
|
|
270
270
|
};
|
|
271
271
|
};
|
|
272
|
+
otpInput: {
|
|
273
|
+
gap: string;
|
|
274
|
+
fontSize: string;
|
|
275
|
+
cellSize: string;
|
|
276
|
+
padding: string;
|
|
277
|
+
borderRadius: string;
|
|
278
|
+
borderColor: string;
|
|
279
|
+
backgroundColor: string;
|
|
280
|
+
textColor: string;
|
|
281
|
+
placeholderColor: string;
|
|
282
|
+
focusBorderColor: string;
|
|
283
|
+
focusRingShadow: string;
|
|
284
|
+
hoverBorderColor: string;
|
|
285
|
+
disabledOpacity: string;
|
|
286
|
+
small: {
|
|
287
|
+
cellSize: string;
|
|
288
|
+
padding: string;
|
|
289
|
+
fontSize: string;
|
|
290
|
+
};
|
|
291
|
+
large: {
|
|
292
|
+
cellSize: string;
|
|
293
|
+
padding: string;
|
|
294
|
+
fontSize: string;
|
|
295
|
+
};
|
|
296
|
+
};
|
|
272
297
|
numberInput: {
|
|
273
298
|
gap: string;
|
|
274
299
|
fontSize: string;
|