@codemonster-ru/vueforge 0.45.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 +111 -3
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +2504 -2226
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/otp-input.test.d.ts +1 -0
- package/dist/package/components/__tests__/password-input.test.d.ts +1 -0
- package/dist/package/components/number-input.vue.d.ts +1 -1
- package/dist/package/components/otp-input.vue.d.ts +45 -0
- package/dist/package/components/password-input.vue.d.ts +75 -0
- package/dist/package/components/rating.vue.d.ts +1 -1
- package/dist/package/components/slider.vue.d.ts +1 -1
- package/dist/package/config/theme-core.d.ts +62 -0
- package/dist/package/themes/default/components/otp-input.d.ts +26 -0
- package/dist/package/themes/default/components/password-input.d.ts +36 -0
- package/dist/package/themes/default/index.d.ts +60 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -43,12 +43,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
43
43
|
modelValue: number | null;
|
|
44
44
|
placeholder: string;
|
|
45
45
|
readonly: boolean;
|
|
46
|
+
ariaLabel: string;
|
|
46
47
|
min: number;
|
|
47
48
|
max: number;
|
|
48
49
|
step: number;
|
|
49
50
|
precision: number;
|
|
50
51
|
controls: boolean;
|
|
51
|
-
ariaLabel: string;
|
|
52
52
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
53
53
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
54
54
|
export default _default;
|
|
@@ -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;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface Props {
|
|
4
|
+
modelValue?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
readonly?: boolean;
|
|
8
|
+
size?: Size;
|
|
9
|
+
variant?: Variant;
|
|
10
|
+
autocomplete?: string;
|
|
11
|
+
showToggle?: boolean;
|
|
12
|
+
showStrength?: boolean;
|
|
13
|
+
showCapsLockHint?: boolean;
|
|
14
|
+
revealLabel?: string;
|
|
15
|
+
hideLabel?: string;
|
|
16
|
+
revealText?: string;
|
|
17
|
+
hideText?: string;
|
|
18
|
+
capsLockHint?: string;
|
|
19
|
+
weakLabel?: string;
|
|
20
|
+
mediumLabel?: string;
|
|
21
|
+
strongLabel?: string;
|
|
22
|
+
ariaLabel?: string;
|
|
23
|
+
}
|
|
24
|
+
declare function __VLS_template(): {
|
|
25
|
+
attrs: Partial<{}>;
|
|
26
|
+
slots: {
|
|
27
|
+
prefix?(_: {}): any;
|
|
28
|
+
suffix?(_: {}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {};
|
|
31
|
+
rootEl: HTMLDivElement;
|
|
32
|
+
};
|
|
33
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
34
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
35
|
+
blur: (...args: any[]) => void;
|
|
36
|
+
change: (...args: any[]) => void;
|
|
37
|
+
focus: (...args: any[]) => void;
|
|
38
|
+
input: (...args: any[]) => void;
|
|
39
|
+
"update:modelValue": (...args: any[]) => void;
|
|
40
|
+
toggleVisibility: (...args: any[]) => void;
|
|
41
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
42
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
43
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
44
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
45
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
46
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
47
|
+
onToggleVisibility?: ((...args: any[]) => any) | undefined;
|
|
48
|
+
}>, {
|
|
49
|
+
disabled: boolean;
|
|
50
|
+
size: Size;
|
|
51
|
+
variant: Variant;
|
|
52
|
+
modelValue: string;
|
|
53
|
+
placeholder: string;
|
|
54
|
+
readonly: boolean;
|
|
55
|
+
autocomplete: string;
|
|
56
|
+
showToggle: boolean;
|
|
57
|
+
showStrength: boolean;
|
|
58
|
+
showCapsLockHint: boolean;
|
|
59
|
+
revealLabel: string;
|
|
60
|
+
hideLabel: string;
|
|
61
|
+
revealText: string;
|
|
62
|
+
hideText: string;
|
|
63
|
+
capsLockHint: string;
|
|
64
|
+
weakLabel: string;
|
|
65
|
+
mediumLabel: string;
|
|
66
|
+
strongLabel: string;
|
|
67
|
+
ariaLabel: string;
|
|
68
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
69
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
70
|
+
export default _default;
|
|
71
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
72
|
+
new (): {
|
|
73
|
+
$slots: S;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
@@ -36,8 +36,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
36
36
|
size: RatingSize;
|
|
37
37
|
modelValue: number;
|
|
38
38
|
readonly: boolean;
|
|
39
|
-
max: number;
|
|
40
39
|
ariaLabel: string;
|
|
40
|
+
max: number;
|
|
41
41
|
allowHalf: boolean;
|
|
42
42
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
43
43
|
rootRef: HTMLDivElement;
|
|
@@ -37,10 +37,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
|
|
|
37
37
|
variant: Variant;
|
|
38
38
|
modelValue: number | [number, number];
|
|
39
39
|
range: boolean;
|
|
40
|
+
ariaLabel: string;
|
|
40
41
|
min: number;
|
|
41
42
|
max: number;
|
|
42
43
|
step: number;
|
|
43
|
-
ariaLabel: string;
|
|
44
44
|
showValue: boolean;
|
|
45
45
|
marks: Array<SliderMark>;
|
|
46
46
|
ariaLabelStart: string;
|
|
@@ -77,6 +77,66 @@ export type InputTokens = {
|
|
|
77
77
|
fontSize?: string;
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
|
+
export type PasswordInputTokens = {
|
|
81
|
+
gap?: string;
|
|
82
|
+
fontSize?: string;
|
|
83
|
+
padding?: string;
|
|
84
|
+
borderRadius?: string;
|
|
85
|
+
borderColor?: string;
|
|
86
|
+
backgroundColor?: string;
|
|
87
|
+
textColor?: string;
|
|
88
|
+
placeholderColor?: string;
|
|
89
|
+
focusBorderColor?: string;
|
|
90
|
+
focusRingShadow?: string;
|
|
91
|
+
hoverBorderColor?: string;
|
|
92
|
+
disabledOpacity?: string;
|
|
93
|
+
toggleSize?: string;
|
|
94
|
+
toggleRadius?: string;
|
|
95
|
+
toggleColor?: string;
|
|
96
|
+
toggleHoverBackgroundColor?: string;
|
|
97
|
+
strengthGap?: string;
|
|
98
|
+
strengthTrackHeight?: string;
|
|
99
|
+
strengthTrackRadius?: string;
|
|
100
|
+
strengthTrackBackgroundColor?: string;
|
|
101
|
+
strengthWeakColor?: string;
|
|
102
|
+
strengthMediumColor?: string;
|
|
103
|
+
strengthStrongColor?: string;
|
|
104
|
+
metaFontSize?: string;
|
|
105
|
+
hintColor?: string;
|
|
106
|
+
small?: {
|
|
107
|
+
padding?: string;
|
|
108
|
+
fontSize?: string;
|
|
109
|
+
};
|
|
110
|
+
large?: {
|
|
111
|
+
padding?: string;
|
|
112
|
+
fontSize?: string;
|
|
113
|
+
};
|
|
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
|
+
};
|
|
80
140
|
export type NumberInputTokens = {
|
|
81
141
|
gap?: string;
|
|
82
142
|
fontSize?: string;
|
|
@@ -1257,6 +1317,8 @@ export type ThemeComponentTokens = {
|
|
|
1257
1317
|
tabs?: TabsTokens;
|
|
1258
1318
|
accordion?: AccordionTokens;
|
|
1259
1319
|
input?: InputTokens;
|
|
1320
|
+
passwordInput?: PasswordInputTokens;
|
|
1321
|
+
otpInput?: OtpInputTokens;
|
|
1260
1322
|
numberInput?: NumberInputTokens;
|
|
1261
1323
|
formField?: FormFieldTokens;
|
|
1262
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;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
padding: string;
|
|
5
|
+
borderRadius: string;
|
|
6
|
+
borderColor: string;
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
textColor: string;
|
|
9
|
+
placeholderColor: string;
|
|
10
|
+
focusBorderColor: string;
|
|
11
|
+
focusRingShadow: string;
|
|
12
|
+
hoverBorderColor: string;
|
|
13
|
+
disabledOpacity: string;
|
|
14
|
+
toggleSize: string;
|
|
15
|
+
toggleRadius: string;
|
|
16
|
+
toggleColor: string;
|
|
17
|
+
toggleHoverBackgroundColor: string;
|
|
18
|
+
strengthGap: string;
|
|
19
|
+
strengthTrackHeight: string;
|
|
20
|
+
strengthTrackRadius: string;
|
|
21
|
+
strengthTrackBackgroundColor: string;
|
|
22
|
+
strengthWeakColor: string;
|
|
23
|
+
strengthMediumColor: string;
|
|
24
|
+
strengthStrongColor: string;
|
|
25
|
+
metaFontSize: string;
|
|
26
|
+
hintColor: string;
|
|
27
|
+
small: {
|
|
28
|
+
padding: string;
|
|
29
|
+
fontSize: string;
|
|
30
|
+
};
|
|
31
|
+
large: {
|
|
32
|
+
padding: string;
|
|
33
|
+
fontSize: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export default _default;
|
|
@@ -234,6 +234,66 @@ declare const _default: {
|
|
|
234
234
|
fontSize: string;
|
|
235
235
|
};
|
|
236
236
|
};
|
|
237
|
+
passwordInput: {
|
|
238
|
+
gap: string;
|
|
239
|
+
fontSize: string;
|
|
240
|
+
padding: string;
|
|
241
|
+
borderRadius: string;
|
|
242
|
+
borderColor: string;
|
|
243
|
+
backgroundColor: string;
|
|
244
|
+
textColor: string;
|
|
245
|
+
placeholderColor: string;
|
|
246
|
+
focusBorderColor: string;
|
|
247
|
+
focusRingShadow: string;
|
|
248
|
+
hoverBorderColor: string;
|
|
249
|
+
disabledOpacity: string;
|
|
250
|
+
toggleSize: string;
|
|
251
|
+
toggleRadius: string;
|
|
252
|
+
toggleColor: string;
|
|
253
|
+
toggleHoverBackgroundColor: string;
|
|
254
|
+
strengthGap: string;
|
|
255
|
+
strengthTrackHeight: string;
|
|
256
|
+
strengthTrackRadius: string;
|
|
257
|
+
strengthTrackBackgroundColor: string;
|
|
258
|
+
strengthWeakColor: string;
|
|
259
|
+
strengthMediumColor: string;
|
|
260
|
+
strengthStrongColor: string;
|
|
261
|
+
metaFontSize: string;
|
|
262
|
+
hintColor: string;
|
|
263
|
+
small: {
|
|
264
|
+
padding: string;
|
|
265
|
+
fontSize: string;
|
|
266
|
+
};
|
|
267
|
+
large: {
|
|
268
|
+
padding: string;
|
|
269
|
+
fontSize: string;
|
|
270
|
+
};
|
|
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
|
+
};
|
|
237
297
|
numberInput: {
|
|
238
298
|
gap: string;
|
|
239
299
|
fontSize: string;
|