@propelinc/citrus-ui 1.3.1 → 2.0.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 +3 -1
- package/dist/citrus-ui.cdn.css +1 -1
- package/dist/citrus-ui.css +1 -1
- package/dist/colors/colors.d.ts +12 -0
- package/dist/components/CBadge.vue.d.ts +0 -1
- package/dist/components/CCard.vue.d.ts +0 -5
- package/dist/components/CIconButton.vue.d.ts +0 -6
- package/dist/components/CMaskedTextField.vue.d.ts +23 -60
- package/dist/components/CPhoneField.vue.d.ts +40 -92
- package/dist/components/CProgressRing.vue.d.ts +0 -1
- package/dist/components/CSelect.vue.d.ts +0 -4
- package/dist/components/CSkeleton.vue.d.ts +5 -1
- package/dist/components/CSkeletonLoaderCard.vue.d.ts +3 -0
- package/dist/components/CSplitInput.vue.d.ts +1 -5
- package/dist/components/CSsnField.vue.d.ts +41 -95
- package/dist/components/CSwitchListItem.vue.d.ts +1 -4
- package/dist/components/CTextArea.vue.d.ts +3 -8
- package/dist/components/CTextField.vue.d.ts +6 -14
- package/dist/components/CTextLink.vue.d.ts +0 -3
- package/dist/components/CZipcodeField.vue.d.ts +42 -96
- package/dist/components/index.d.ts +0 -2
- package/dist/composables/colors.d.ts +3 -2
- package/dist/composables/input-mask.d.ts +2 -2
- package/dist/composables/toast.d.ts +1 -0
- package/dist/index.cdn.mjs +4490 -4689
- package/dist/index.cdn.mjs.map +1 -1
- package/dist/index.mjs +1594 -1657
- package/dist/index.mjs.map +1 -1
- package/dist/src/assets/fonts/grenette-regular.woff2 +0 -0
- package/dist/src/assets/fonts/grenette-semibold.woff2 +0 -0
- package/dist/src/assets/fonts/polymath.woff2 +0 -0
- package/dist/styles.css +33 -34
- package/package.json +6 -4
- package/src/colors/colors.ts +44 -0
- package/src/colors/util-classes.ts +4 -0
- package/src/components/CAppBar.vue +3 -3
- package/src/components/CBadge.vue +3 -4
- package/src/components/CBottomSheet.vue +2 -2
- package/src/components/CCard.vue +3 -8
- package/src/components/CIconButton.vue +0 -6
- package/src/components/CLoader.vue +3 -3
- package/src/components/CMaskedTextField.vue +4 -9
- package/src/components/CNotification.vue +1 -0
- package/src/components/CProgressRing.vue +3 -4
- package/src/components/CSelect.vue +0 -4
- package/src/components/CSkeleton.vue +12 -1
- package/src/components/CSkeletonLoaderCard.vue +4 -1
- package/src/components/CSkeletonLoaderText.vue +3 -3
- package/src/components/CSplitInput.vue +1 -5
- package/src/components/CSquaredIcon.vue +2 -2
- package/src/components/CSsnField.vue +1 -3
- package/src/components/CSwitchListItem.vue +1 -4
- package/src/components/CTextArea.vue +3 -8
- package/src/components/CTextField.vue +3 -11
- package/src/components/CTextLink.vue +0 -3
- package/src/components/CToast.vue +3 -3
- package/src/components/CToastsList.vue +1 -0
- package/src/components/CZipcodeField.vue +2 -4
- package/src/components/index.ts +0 -2
- package/src/composables/colors.ts +12 -4
- package/src/composables/input-mask.ts +4 -4
- package/src/composables/toast.ts +1 -0
- package/src/styles/_core.scss +12 -10
- package/src/styles/_typography.scss +4 -0
- package/src/styles/layer-order.css +1 -0
- package/src/styles/tailwind.css +3 -0
- package/src/styles/variables.scss +15 -14
- package/dist/components/CCol.vue.d.ts +0 -30
- package/dist/components/CRow.vue.d.ts +0 -41
- package/src/components/CCol.vue +0 -54
- package/src/components/CRow.vue +0 -64
|
@@ -6,10 +6,10 @@ type __VLS_Props = {
|
|
|
6
6
|
counter?: number | null;
|
|
7
7
|
dataTest?: string;
|
|
8
8
|
id?: string;
|
|
9
|
-
label?: string
|
|
9
|
+
label?: string;
|
|
10
10
|
mask: MaskOptions['mask'] | null;
|
|
11
|
-
minlength?: number | string
|
|
12
|
-
maxlength?: number | string
|
|
11
|
+
minlength?: number | string;
|
|
12
|
+
maxlength?: number | string;
|
|
13
13
|
placeholder?: string;
|
|
14
14
|
rules?: Rules<string>;
|
|
15
15
|
tokens?: MaskTokens | null;
|
|
@@ -34,9 +34,9 @@ declare function __VLS_template(): {
|
|
|
34
34
|
$: ComponentInternalInstance;
|
|
35
35
|
$data: {};
|
|
36
36
|
$props: {
|
|
37
|
-
readonly id?: string |
|
|
38
|
-
readonly label?: string |
|
|
39
|
-
readonly ariaLabel?: string |
|
|
37
|
+
readonly id?: string | undefined;
|
|
38
|
+
readonly label?: string | undefined;
|
|
39
|
+
readonly ariaLabel?: string | undefined;
|
|
40
40
|
readonly placeholder?: string | undefined;
|
|
41
41
|
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
|
|
42
42
|
readonly clearable?: boolean | undefined;
|
|
@@ -83,9 +83,9 @@ declare function __VLS_template(): {
|
|
|
83
83
|
$emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
|
|
84
84
|
$el: any;
|
|
85
85
|
$options: ComponentOptionsBase<Readonly<{
|
|
86
|
-
id?: string
|
|
87
|
-
label?: string
|
|
88
|
-
ariaLabel?: string
|
|
86
|
+
id?: string;
|
|
87
|
+
label?: string;
|
|
88
|
+
ariaLabel?: string;
|
|
89
89
|
placeholder?: string;
|
|
90
90
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
91
91
|
clearable?: boolean;
|
|
@@ -132,27 +132,19 @@ declare function __VLS_template(): {
|
|
|
132
132
|
"click:hide": (hidden: boolean) => any;
|
|
133
133
|
}, string, {
|
|
134
134
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
135
|
-
label: string | null;
|
|
136
|
-
id: string | null;
|
|
137
135
|
value: string;
|
|
138
136
|
size: "medium" | "large";
|
|
139
137
|
dataTest: string;
|
|
140
|
-
placeholder: string;
|
|
141
138
|
disabled: boolean;
|
|
142
|
-
ariaLabel: string | null;
|
|
143
139
|
rules: Rules<string>;
|
|
144
140
|
required: boolean;
|
|
145
141
|
hideDetails: boolean | "auto";
|
|
146
142
|
counter: number | null;
|
|
147
143
|
counterValue: number | (() => number | null) | null;
|
|
148
144
|
clearable: boolean;
|
|
149
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
150
|
-
minlength: number | string;
|
|
151
|
-
maxlength: number | string;
|
|
152
145
|
hideable: boolean;
|
|
153
146
|
hideLabel: boolean;
|
|
154
147
|
validateOnBlur: boolean;
|
|
155
|
-
errorMessage: string;
|
|
156
148
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
157
149
|
beforeCreate?: (() => void) | (() => void)[];
|
|
158
150
|
created?: (() => void) | (() => void)[];
|
|
@@ -175,31 +167,23 @@ declare function __VLS_template(): {
|
|
|
175
167
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
176
168
|
} & Readonly<{
|
|
177
169
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
178
|
-
label: string | null;
|
|
179
|
-
id: string | null;
|
|
180
170
|
value: string;
|
|
181
171
|
size: "medium" | "large";
|
|
182
172
|
dataTest: string;
|
|
183
|
-
placeholder: string;
|
|
184
173
|
disabled: boolean;
|
|
185
|
-
ariaLabel: string | null;
|
|
186
174
|
rules: Rules<string>;
|
|
187
175
|
required: boolean;
|
|
188
176
|
hideDetails: boolean | "auto";
|
|
189
177
|
counter: number | null;
|
|
190
178
|
counterValue: number | (() => number | null) | null;
|
|
191
179
|
clearable: boolean;
|
|
192
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
193
|
-
minlength: number | string;
|
|
194
|
-
maxlength: number | string;
|
|
195
180
|
hideable: boolean;
|
|
196
181
|
hideLabel: boolean;
|
|
197
182
|
validateOnBlur: boolean;
|
|
198
|
-
errorMessage: string;
|
|
199
183
|
}> & Omit<Readonly<{
|
|
200
|
-
id?: string
|
|
201
|
-
label?: string
|
|
202
|
-
ariaLabel?: string
|
|
184
|
+
id?: string;
|
|
185
|
+
label?: string;
|
|
186
|
+
ariaLabel?: string;
|
|
203
187
|
placeholder?: string;
|
|
204
188
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
205
189
|
clearable?: boolean;
|
|
@@ -229,7 +213,7 @@ declare function __VLS_template(): {
|
|
|
229
213
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
230
214
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
231
215
|
"onClick:hide"?: ((hidden: boolean) => any) | undefined;
|
|
232
|
-
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "
|
|
216
|
+
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
|
|
233
217
|
input: Ref<HTMLInputElement | null>;
|
|
234
218
|
focus: () => void;
|
|
235
219
|
blur: () => void;
|
|
@@ -272,15 +256,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
272
256
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
273
257
|
"onInput:masked"?: ((value: string) => any) | undefined;
|
|
274
258
|
}>, {
|
|
275
|
-
label: string | null;
|
|
276
|
-
id: string;
|
|
277
259
|
value: string;
|
|
278
260
|
dataTest: string;
|
|
279
|
-
placeholder: string;
|
|
280
261
|
rules: Rules<string>;
|
|
281
262
|
counter: number | null;
|
|
282
|
-
minlength: number | string | null;
|
|
283
|
-
maxlength: number | string | null;
|
|
284
263
|
tokens: MaskTokens | null;
|
|
285
264
|
unmaskRules: boolean;
|
|
286
265
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
@@ -288,9 +267,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
288
267
|
$: ComponentInternalInstance;
|
|
289
268
|
$data: {};
|
|
290
269
|
$props: {
|
|
291
|
-
readonly id?: string |
|
|
292
|
-
readonly label?: string |
|
|
293
|
-
readonly ariaLabel?: string |
|
|
270
|
+
readonly id?: string | undefined;
|
|
271
|
+
readonly label?: string | undefined;
|
|
272
|
+
readonly ariaLabel?: string | undefined;
|
|
294
273
|
readonly placeholder?: string | undefined;
|
|
295
274
|
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
|
|
296
275
|
readonly clearable?: boolean | undefined;
|
|
@@ -337,9 +316,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
337
316
|
$emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
|
|
338
317
|
$el: any;
|
|
339
318
|
$options: ComponentOptionsBase<Readonly<{
|
|
340
|
-
id?: string
|
|
341
|
-
label?: string
|
|
342
|
-
ariaLabel?: string
|
|
319
|
+
id?: string;
|
|
320
|
+
label?: string;
|
|
321
|
+
ariaLabel?: string;
|
|
343
322
|
placeholder?: string;
|
|
344
323
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
345
324
|
clearable?: boolean;
|
|
@@ -386,27 +365,19 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
386
365
|
"click:hide": (hidden: boolean) => any;
|
|
387
366
|
}, string, {
|
|
388
367
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
389
|
-
label: string | null;
|
|
390
|
-
id: string | null;
|
|
391
368
|
value: string;
|
|
392
369
|
size: "medium" | "large";
|
|
393
370
|
dataTest: string;
|
|
394
|
-
placeholder: string;
|
|
395
371
|
disabled: boolean;
|
|
396
|
-
ariaLabel: string | null;
|
|
397
372
|
rules: Rules<string>;
|
|
398
373
|
required: boolean;
|
|
399
374
|
hideDetails: boolean | "auto";
|
|
400
375
|
counter: number | null;
|
|
401
376
|
counterValue: number | (() => number | null) | null;
|
|
402
377
|
clearable: boolean;
|
|
403
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
404
|
-
minlength: number | string;
|
|
405
|
-
maxlength: number | string;
|
|
406
378
|
hideable: boolean;
|
|
407
379
|
hideLabel: boolean;
|
|
408
380
|
validateOnBlur: boolean;
|
|
409
|
-
errorMessage: string;
|
|
410
381
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
411
382
|
beforeCreate?: (() => void) | (() => void)[];
|
|
412
383
|
created?: (() => void) | (() => void)[];
|
|
@@ -429,31 +400,23 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
429
400
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
430
401
|
} & Readonly<{
|
|
431
402
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
432
|
-
label: string | null;
|
|
433
|
-
id: string | null;
|
|
434
403
|
value: string;
|
|
435
404
|
size: "medium" | "large";
|
|
436
405
|
dataTest: string;
|
|
437
|
-
placeholder: string;
|
|
438
406
|
disabled: boolean;
|
|
439
|
-
ariaLabel: string | null;
|
|
440
407
|
rules: Rules<string>;
|
|
441
408
|
required: boolean;
|
|
442
409
|
hideDetails: boolean | "auto";
|
|
443
410
|
counter: number | null;
|
|
444
411
|
counterValue: number | (() => number | null) | null;
|
|
445
412
|
clearable: boolean;
|
|
446
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
447
|
-
minlength: number | string;
|
|
448
|
-
maxlength: number | string;
|
|
449
413
|
hideable: boolean;
|
|
450
414
|
hideLabel: boolean;
|
|
451
415
|
validateOnBlur: boolean;
|
|
452
|
-
errorMessage: string;
|
|
453
416
|
}> & Omit<Readonly<{
|
|
454
|
-
id?: string
|
|
455
|
-
label?: string
|
|
456
|
-
ariaLabel?: string
|
|
417
|
+
id?: string;
|
|
418
|
+
label?: string;
|
|
419
|
+
ariaLabel?: string;
|
|
457
420
|
placeholder?: string;
|
|
458
421
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
459
422
|
clearable?: boolean;
|
|
@@ -483,7 +446,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
483
446
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
484
447
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
485
448
|
"onClick:hide"?: ((hidden: boolean) => any) | undefined;
|
|
486
|
-
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "
|
|
449
|
+
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
|
|
487
450
|
input: Ref<HTMLInputElement | null>;
|
|
488
451
|
focus: () => void;
|
|
489
452
|
blur: () => void;
|
|
@@ -33,10 +33,10 @@ declare function __VLS_template(): {
|
|
|
33
33
|
readonly counter?: number | null | undefined;
|
|
34
34
|
readonly dataTest?: string | undefined;
|
|
35
35
|
readonly id?: string | undefined;
|
|
36
|
-
readonly label?: string |
|
|
36
|
+
readonly label?: string | undefined;
|
|
37
37
|
readonly mask: MaskOptions["mask"] | null;
|
|
38
|
-
readonly minlength?: number | string |
|
|
39
|
-
readonly maxlength?: number | string |
|
|
38
|
+
readonly minlength?: number | string | undefined;
|
|
39
|
+
readonly maxlength?: number | string | undefined;
|
|
40
40
|
readonly placeholder?: string | undefined;
|
|
41
41
|
readonly rules?: Rules<string> | undefined;
|
|
42
42
|
readonly tokens?: ( MaskTokens | null) | undefined;
|
|
@@ -61,9 +61,9 @@ declare function __VLS_template(): {
|
|
|
61
61
|
$: ComponentInternalInstance;
|
|
62
62
|
$data: {};
|
|
63
63
|
$props: {
|
|
64
|
-
readonly id?: string |
|
|
65
|
-
readonly label?: string |
|
|
66
|
-
readonly ariaLabel?: string |
|
|
64
|
+
readonly id?: string | undefined;
|
|
65
|
+
readonly label?: string | undefined;
|
|
66
|
+
readonly ariaLabel?: string | undefined;
|
|
67
67
|
readonly placeholder?: string | undefined;
|
|
68
68
|
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
|
|
69
69
|
readonly clearable?: boolean | undefined;
|
|
@@ -110,9 +110,9 @@ declare function __VLS_template(): {
|
|
|
110
110
|
$emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
|
|
111
111
|
$el: any;
|
|
112
112
|
$options: ComponentOptionsBase<Readonly<{
|
|
113
|
-
id?: string
|
|
114
|
-
label?: string
|
|
115
|
-
ariaLabel?: string
|
|
113
|
+
id?: string;
|
|
114
|
+
label?: string;
|
|
115
|
+
ariaLabel?: string;
|
|
116
116
|
placeholder?: string;
|
|
117
117
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
118
118
|
clearable?: boolean;
|
|
@@ -159,27 +159,19 @@ declare function __VLS_template(): {
|
|
|
159
159
|
"click:hide": (hidden: boolean) => any;
|
|
160
160
|
}, string, {
|
|
161
161
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
162
|
-
label: string | null;
|
|
163
|
-
id: string | null;
|
|
164
162
|
value: string;
|
|
165
163
|
size: "medium" | "large";
|
|
166
164
|
dataTest: string;
|
|
167
|
-
placeholder: string;
|
|
168
165
|
disabled: boolean;
|
|
169
|
-
ariaLabel: string | null;
|
|
170
166
|
rules: Rules<string>;
|
|
171
167
|
required: boolean;
|
|
172
168
|
hideDetails: boolean | "auto";
|
|
173
169
|
counter: number | null;
|
|
174
170
|
counterValue: number | (() => number | null) | null;
|
|
175
171
|
clearable: boolean;
|
|
176
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
177
|
-
minlength: number | string;
|
|
178
|
-
maxlength: number | string;
|
|
179
172
|
hideable: boolean;
|
|
180
173
|
hideLabel: boolean;
|
|
181
174
|
validateOnBlur: boolean;
|
|
182
|
-
errorMessage: string;
|
|
183
175
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
184
176
|
beforeCreate?: (() => void) | (() => void)[];
|
|
185
177
|
created?: (() => void) | (() => void)[];
|
|
@@ -202,31 +194,23 @@ declare function __VLS_template(): {
|
|
|
202
194
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
203
195
|
} & Readonly<{
|
|
204
196
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
205
|
-
label: string | null;
|
|
206
|
-
id: string | null;
|
|
207
197
|
value: string;
|
|
208
198
|
size: "medium" | "large";
|
|
209
199
|
dataTest: string;
|
|
210
|
-
placeholder: string;
|
|
211
200
|
disabled: boolean;
|
|
212
|
-
ariaLabel: string | null;
|
|
213
201
|
rules: Rules<string>;
|
|
214
202
|
required: boolean;
|
|
215
203
|
hideDetails: boolean | "auto";
|
|
216
204
|
counter: number | null;
|
|
217
205
|
counterValue: number | (() => number | null) | null;
|
|
218
206
|
clearable: boolean;
|
|
219
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
220
|
-
minlength: number | string;
|
|
221
|
-
maxlength: number | string;
|
|
222
207
|
hideable: boolean;
|
|
223
208
|
hideLabel: boolean;
|
|
224
209
|
validateOnBlur: boolean;
|
|
225
|
-
errorMessage: string;
|
|
226
210
|
}> & Omit<Readonly<{
|
|
227
|
-
id?: string
|
|
228
|
-
label?: string
|
|
229
|
-
ariaLabel?: string
|
|
211
|
+
id?: string;
|
|
212
|
+
label?: string;
|
|
213
|
+
ariaLabel?: string;
|
|
230
214
|
placeholder?: string;
|
|
231
215
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
232
216
|
clearable?: boolean;
|
|
@@ -256,7 +240,7 @@ declare function __VLS_template(): {
|
|
|
256
240
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
257
241
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
258
242
|
"onClick:hide"?: ((hidden: boolean) => any) | undefined;
|
|
259
|
-
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "
|
|
243
|
+
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
|
|
260
244
|
input: Ref<HTMLInputElement | null>;
|
|
261
245
|
focus: () => void;
|
|
262
246
|
blur: () => void;
|
|
@@ -287,10 +271,10 @@ declare function __VLS_template(): {
|
|
|
287
271
|
counter?: number | null;
|
|
288
272
|
dataTest?: string;
|
|
289
273
|
id?: string;
|
|
290
|
-
label?: string
|
|
274
|
+
label?: string;
|
|
291
275
|
mask: MaskOptions["mask"] | null;
|
|
292
|
-
minlength?: number | string
|
|
293
|
-
maxlength?: number | string
|
|
276
|
+
minlength?: number | string;
|
|
277
|
+
maxlength?: number | string;
|
|
294
278
|
placeholder?: string;
|
|
295
279
|
rules?: Rules<string>;
|
|
296
280
|
tokens?: MaskTokens | null;
|
|
@@ -317,15 +301,10 @@ declare function __VLS_template(): {
|
|
|
317
301
|
keyup: (event: KeyboardEvent) => any;
|
|
318
302
|
"input:masked": (value: string) => any;
|
|
319
303
|
}, string, {
|
|
320
|
-
label: string | null;
|
|
321
|
-
id: string;
|
|
322
304
|
value: string;
|
|
323
305
|
dataTest: string;
|
|
324
|
-
placeholder: string;
|
|
325
306
|
rules: Rules<string>;
|
|
326
307
|
counter: number | null;
|
|
327
|
-
minlength: number | string | null;
|
|
328
|
-
maxlength: number | string | null;
|
|
329
308
|
tokens: MaskTokens | null;
|
|
330
309
|
unmaskRules: boolean;
|
|
331
310
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
@@ -349,25 +328,20 @@ declare function __VLS_template(): {
|
|
|
349
328
|
$nextTick: nextTick;
|
|
350
329
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
351
330
|
} & Readonly<{
|
|
352
|
-
label: string | null;
|
|
353
|
-
id: string;
|
|
354
331
|
value: string;
|
|
355
332
|
dataTest: string;
|
|
356
|
-
placeholder: string;
|
|
357
333
|
rules: Rules<string>;
|
|
358
334
|
counter: number | null;
|
|
359
|
-
minlength: number | string | null;
|
|
360
|
-
maxlength: number | string | null;
|
|
361
335
|
tokens: MaskTokens | null;
|
|
362
336
|
unmaskRules: boolean;
|
|
363
337
|
}> & Omit<Readonly<{
|
|
364
338
|
counter?: number | null;
|
|
365
339
|
dataTest?: string;
|
|
366
340
|
id?: string;
|
|
367
|
-
label?: string
|
|
341
|
+
label?: string;
|
|
368
342
|
mask: MaskOptions["mask"] | null;
|
|
369
|
-
minlength?: number | string
|
|
370
|
-
maxlength?: number | string
|
|
343
|
+
minlength?: number | string;
|
|
344
|
+
maxlength?: number | string;
|
|
371
345
|
placeholder?: string;
|
|
372
346
|
rules?: Rules<string>;
|
|
373
347
|
tokens?: MaskTokens | null;
|
|
@@ -382,7 +356,7 @@ declare function __VLS_template(): {
|
|
|
382
356
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
383
357
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
384
358
|
"onInput:masked"?: ((value: string) => any) | undefined;
|
|
385
|
-
}>, "input" | ("
|
|
359
|
+
}>, "input" | ("value" | "dataTest" | "rules" | "counter" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
|
|
386
360
|
input: ComputedRef<HTMLInputElement | null>;
|
|
387
361
|
}> & {} & ComponentCustomProperties & {} & {
|
|
388
362
|
$slots: Readonly<{
|
|
@@ -418,10 +392,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
418
392
|
readonly counter?: number | null | undefined;
|
|
419
393
|
readonly dataTest?: string | undefined;
|
|
420
394
|
readonly id?: string | undefined;
|
|
421
|
-
readonly label?: string |
|
|
395
|
+
readonly label?: string | undefined;
|
|
422
396
|
readonly mask: MaskOptions["mask"] | null;
|
|
423
|
-
readonly minlength?: number | string |
|
|
424
|
-
readonly maxlength?: number | string |
|
|
397
|
+
readonly minlength?: number | string | undefined;
|
|
398
|
+
readonly maxlength?: number | string | undefined;
|
|
425
399
|
readonly placeholder?: string | undefined;
|
|
426
400
|
readonly rules?: Rules<string> | undefined;
|
|
427
401
|
readonly tokens?: ( MaskTokens | null) | undefined;
|
|
@@ -446,9 +420,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
446
420
|
$: ComponentInternalInstance;
|
|
447
421
|
$data: {};
|
|
448
422
|
$props: {
|
|
449
|
-
readonly id?: string |
|
|
450
|
-
readonly label?: string |
|
|
451
|
-
readonly ariaLabel?: string |
|
|
423
|
+
readonly id?: string | undefined;
|
|
424
|
+
readonly label?: string | undefined;
|
|
425
|
+
readonly ariaLabel?: string | undefined;
|
|
452
426
|
readonly placeholder?: string | undefined;
|
|
453
427
|
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
|
|
454
428
|
readonly clearable?: boolean | undefined;
|
|
@@ -495,9 +469,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
495
469
|
$emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
|
|
496
470
|
$el: any;
|
|
497
471
|
$options: ComponentOptionsBase<Readonly<{
|
|
498
|
-
id?: string
|
|
499
|
-
label?: string
|
|
500
|
-
ariaLabel?: string
|
|
472
|
+
id?: string;
|
|
473
|
+
label?: string;
|
|
474
|
+
ariaLabel?: string;
|
|
501
475
|
placeholder?: string;
|
|
502
476
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
503
477
|
clearable?: boolean;
|
|
@@ -544,27 +518,19 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
544
518
|
"click:hide": (hidden: boolean) => any;
|
|
545
519
|
}, string, {
|
|
546
520
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
547
|
-
label: string | null;
|
|
548
|
-
id: string | null;
|
|
549
521
|
value: string;
|
|
550
522
|
size: "medium" | "large";
|
|
551
523
|
dataTest: string;
|
|
552
|
-
placeholder: string;
|
|
553
524
|
disabled: boolean;
|
|
554
|
-
ariaLabel: string | null;
|
|
555
525
|
rules: Rules<string>;
|
|
556
526
|
required: boolean;
|
|
557
527
|
hideDetails: boolean | "auto";
|
|
558
528
|
counter: number | null;
|
|
559
529
|
counterValue: number | (() => number | null) | null;
|
|
560
530
|
clearable: boolean;
|
|
561
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
562
|
-
minlength: number | string;
|
|
563
|
-
maxlength: number | string;
|
|
564
531
|
hideable: boolean;
|
|
565
532
|
hideLabel: boolean;
|
|
566
533
|
validateOnBlur: boolean;
|
|
567
|
-
errorMessage: string;
|
|
568
534
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
569
535
|
beforeCreate?: (() => void) | (() => void)[];
|
|
570
536
|
created?: (() => void) | (() => void)[];
|
|
@@ -587,31 +553,23 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
587
553
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
588
554
|
} & Readonly<{
|
|
589
555
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
590
|
-
label: string | null;
|
|
591
|
-
id: string | null;
|
|
592
556
|
value: string;
|
|
593
557
|
size: "medium" | "large";
|
|
594
558
|
dataTest: string;
|
|
595
|
-
placeholder: string;
|
|
596
559
|
disabled: boolean;
|
|
597
|
-
ariaLabel: string | null;
|
|
598
560
|
rules: Rules<string>;
|
|
599
561
|
required: boolean;
|
|
600
562
|
hideDetails: boolean | "auto";
|
|
601
563
|
counter: number | null;
|
|
602
564
|
counterValue: number | (() => number | null) | null;
|
|
603
565
|
clearable: boolean;
|
|
604
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
605
|
-
minlength: number | string;
|
|
606
|
-
maxlength: number | string;
|
|
607
566
|
hideable: boolean;
|
|
608
567
|
hideLabel: boolean;
|
|
609
568
|
validateOnBlur: boolean;
|
|
610
|
-
errorMessage: string;
|
|
611
569
|
}> & Omit<Readonly<{
|
|
612
|
-
id?: string
|
|
613
|
-
label?: string
|
|
614
|
-
ariaLabel?: string
|
|
570
|
+
id?: string;
|
|
571
|
+
label?: string;
|
|
572
|
+
ariaLabel?: string;
|
|
615
573
|
placeholder?: string;
|
|
616
574
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
617
575
|
clearable?: boolean;
|
|
@@ -641,7 +599,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
641
599
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
642
600
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
643
601
|
"onClick:hide"?: ((hidden: boolean) => any) | undefined;
|
|
644
|
-
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "
|
|
602
|
+
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
|
|
645
603
|
input: Ref<HTMLInputElement | null>;
|
|
646
604
|
focus: () => void;
|
|
647
605
|
blur: () => void;
|
|
@@ -672,10 +630,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
672
630
|
counter?: number | null;
|
|
673
631
|
dataTest?: string;
|
|
674
632
|
id?: string;
|
|
675
|
-
label?: string
|
|
633
|
+
label?: string;
|
|
676
634
|
mask: MaskOptions["mask"] | null;
|
|
677
|
-
minlength?: number | string
|
|
678
|
-
maxlength?: number | string
|
|
635
|
+
minlength?: number | string;
|
|
636
|
+
maxlength?: number | string;
|
|
679
637
|
placeholder?: string;
|
|
680
638
|
rules?: Rules<string>;
|
|
681
639
|
tokens?: MaskTokens | null;
|
|
@@ -702,15 +660,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
702
660
|
keyup: (event: KeyboardEvent) => any;
|
|
703
661
|
"input:masked": (value: string) => any;
|
|
704
662
|
}, string, {
|
|
705
|
-
label: string | null;
|
|
706
|
-
id: string;
|
|
707
663
|
value: string;
|
|
708
664
|
dataTest: string;
|
|
709
|
-
placeholder: string;
|
|
710
665
|
rules: Rules<string>;
|
|
711
666
|
counter: number | null;
|
|
712
|
-
minlength: number | string | null;
|
|
713
|
-
maxlength: number | string | null;
|
|
714
667
|
tokens: MaskTokens | null;
|
|
715
668
|
unmaskRules: boolean;
|
|
716
669
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
@@ -734,25 +687,20 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
734
687
|
$nextTick: nextTick;
|
|
735
688
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
736
689
|
} & Readonly<{
|
|
737
|
-
label: string | null;
|
|
738
|
-
id: string;
|
|
739
690
|
value: string;
|
|
740
691
|
dataTest: string;
|
|
741
|
-
placeholder: string;
|
|
742
692
|
rules: Rules<string>;
|
|
743
693
|
counter: number | null;
|
|
744
|
-
minlength: number | string | null;
|
|
745
|
-
maxlength: number | string | null;
|
|
746
694
|
tokens: MaskTokens | null;
|
|
747
695
|
unmaskRules: boolean;
|
|
748
696
|
}> & Omit<Readonly<{
|
|
749
697
|
counter?: number | null;
|
|
750
698
|
dataTest?: string;
|
|
751
699
|
id?: string;
|
|
752
|
-
label?: string
|
|
700
|
+
label?: string;
|
|
753
701
|
mask: MaskOptions["mask"] | null;
|
|
754
|
-
minlength?: number | string
|
|
755
|
-
maxlength?: number | string
|
|
702
|
+
minlength?: number | string;
|
|
703
|
+
maxlength?: number | string;
|
|
756
704
|
placeholder?: string;
|
|
757
705
|
rules?: Rules<string>;
|
|
758
706
|
tokens?: MaskTokens | null;
|
|
@@ -767,7 +715,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
767
715
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
768
716
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
769
717
|
"onInput:masked"?: ((value: string) => any) | undefined;
|
|
770
|
-
}>, "input" | ("
|
|
718
|
+
}>, "input" | ("value" | "dataTest" | "rules" | "counter" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
|
|
771
719
|
input: ComputedRef<HTMLInputElement | null>;
|
|
772
720
|
}> & {} & ComponentCustomProperties & {} & {
|
|
773
721
|
$slots: Readonly<{
|
|
@@ -33,7 +33,6 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
|
|
|
33
33
|
value: number | string;
|
|
34
34
|
size: number | string;
|
|
35
35
|
dataTest: string;
|
|
36
|
-
accessibleText: string;
|
|
37
36
|
color: HexColor | keyof typeof Colors;
|
|
38
37
|
trackColor: HexColor | keyof typeof Colors;
|
|
39
38
|
valueMax: number | string;
|
|
@@ -71,14 +71,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
71
71
|
onInput?: ((value: string) => any) | undefined;
|
|
72
72
|
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
73
73
|
}>, {
|
|
74
|
-
label: string;
|
|
75
|
-
id: string;
|
|
76
74
|
value: string;
|
|
77
75
|
dataTest: string;
|
|
78
|
-
placeholder: string;
|
|
79
76
|
loading: boolean;
|
|
80
77
|
disabled: boolean;
|
|
81
|
-
ariaLabel: string;
|
|
82
78
|
rules: ((value: string) => string | boolean)[];
|
|
83
79
|
required: boolean;
|
|
84
80
|
hideDetails: boolean | "auto";
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
-
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** Toggles a squared-off card style intended to fill the width of the page */
|
|
4
|
+
squared?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
3
7
|
export default _default;
|
|
@@ -2,8 +2,11 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
|
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
/** Controls the height of the skeleton loader card */
|
|
4
4
|
height?: number | string;
|
|
5
|
+
/** Toggles a squared-off card style intended to fill the width of the page */
|
|
6
|
+
tile?: boolean;
|
|
5
7
|
};
|
|
6
8
|
declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
7
9
|
height: number | string;
|
|
10
|
+
tile: boolean;
|
|
8
11
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
9
12
|
export default _default;
|