@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.
Files changed (71) hide show
  1. package/README.md +3 -1
  2. package/dist/citrus-ui.cdn.css +1 -1
  3. package/dist/citrus-ui.css +1 -1
  4. package/dist/colors/colors.d.ts +12 -0
  5. package/dist/components/CBadge.vue.d.ts +0 -1
  6. package/dist/components/CCard.vue.d.ts +0 -5
  7. package/dist/components/CIconButton.vue.d.ts +0 -6
  8. package/dist/components/CMaskedTextField.vue.d.ts +23 -60
  9. package/dist/components/CPhoneField.vue.d.ts +40 -92
  10. package/dist/components/CProgressRing.vue.d.ts +0 -1
  11. package/dist/components/CSelect.vue.d.ts +0 -4
  12. package/dist/components/CSkeleton.vue.d.ts +5 -1
  13. package/dist/components/CSkeletonLoaderCard.vue.d.ts +3 -0
  14. package/dist/components/CSplitInput.vue.d.ts +1 -5
  15. package/dist/components/CSsnField.vue.d.ts +41 -95
  16. package/dist/components/CSwitchListItem.vue.d.ts +1 -4
  17. package/dist/components/CTextArea.vue.d.ts +3 -8
  18. package/dist/components/CTextField.vue.d.ts +6 -14
  19. package/dist/components/CTextLink.vue.d.ts +0 -3
  20. package/dist/components/CZipcodeField.vue.d.ts +42 -96
  21. package/dist/components/index.d.ts +0 -2
  22. package/dist/composables/colors.d.ts +3 -2
  23. package/dist/composables/input-mask.d.ts +2 -2
  24. package/dist/composables/toast.d.ts +1 -0
  25. package/dist/index.cdn.mjs +4490 -4689
  26. package/dist/index.cdn.mjs.map +1 -1
  27. package/dist/index.mjs +1594 -1657
  28. package/dist/index.mjs.map +1 -1
  29. package/dist/src/assets/fonts/grenette-regular.woff2 +0 -0
  30. package/dist/src/assets/fonts/grenette-semibold.woff2 +0 -0
  31. package/dist/src/assets/fonts/polymath.woff2 +0 -0
  32. package/dist/styles.css +33 -34
  33. package/package.json +6 -4
  34. package/src/colors/colors.ts +44 -0
  35. package/src/colors/util-classes.ts +4 -0
  36. package/src/components/CAppBar.vue +3 -3
  37. package/src/components/CBadge.vue +3 -4
  38. package/src/components/CBottomSheet.vue +2 -2
  39. package/src/components/CCard.vue +3 -8
  40. package/src/components/CIconButton.vue +0 -6
  41. package/src/components/CLoader.vue +3 -3
  42. package/src/components/CMaskedTextField.vue +4 -9
  43. package/src/components/CNotification.vue +1 -0
  44. package/src/components/CProgressRing.vue +3 -4
  45. package/src/components/CSelect.vue +0 -4
  46. package/src/components/CSkeleton.vue +12 -1
  47. package/src/components/CSkeletonLoaderCard.vue +4 -1
  48. package/src/components/CSkeletonLoaderText.vue +3 -3
  49. package/src/components/CSplitInput.vue +1 -5
  50. package/src/components/CSquaredIcon.vue +2 -2
  51. package/src/components/CSsnField.vue +1 -3
  52. package/src/components/CSwitchListItem.vue +1 -4
  53. package/src/components/CTextArea.vue +3 -8
  54. package/src/components/CTextField.vue +3 -11
  55. package/src/components/CTextLink.vue +0 -3
  56. package/src/components/CToast.vue +3 -3
  57. package/src/components/CToastsList.vue +1 -0
  58. package/src/components/CZipcodeField.vue +2 -4
  59. package/src/components/index.ts +0 -2
  60. package/src/composables/colors.ts +12 -4
  61. package/src/composables/input-mask.ts +4 -4
  62. package/src/composables/toast.ts +1 -0
  63. package/src/styles/_core.scss +12 -10
  64. package/src/styles/_typography.scss +4 -0
  65. package/src/styles/layer-order.css +1 -0
  66. package/src/styles/tailwind.css +3 -0
  67. package/src/styles/variables.scss +15 -14
  68. package/dist/components/CCol.vue.d.ts +0 -30
  69. package/dist/components/CRow.vue.d.ts +0 -41
  70. package/src/components/CCol.vue +0 -54
  71. package/src/components/CRow.vue +0 -64
@@ -13,7 +13,7 @@ type __VLS_Props = {
13
13
  /** A hint to show the appropriate virtual keyboard, e.g. "numeric". */
14
14
  inputmode?: HTMLAttributes['inputmode'];
15
15
  /** The input's label */
16
- label?: string | null;
16
+ label?: string;
17
17
  /** The input's name */
18
18
  name?: string;
19
19
  /** Validation rules */
@@ -38,14 +38,10 @@ declare function __VLS_template(): {
38
38
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
39
39
  declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
40
40
  type: "text" | "tel";
41
- label: string | null;
42
41
  value: string;
43
42
  dataTest: string;
44
- name: string;
45
43
  disabled: boolean;
46
44
  rules: Rules<string>;
47
- inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric";
48
- autocomplete: string;
49
45
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
50
46
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
51
47
  export default _default;
@@ -5,7 +5,7 @@ import { OnCleanup } from '@vue/reactivity';
5
5
  type __VLS_Props = {
6
6
  dataTest?: string;
7
7
  id?: string;
8
- label?: string | null;
8
+ label?: string;
9
9
  rules?: Rules<string>;
10
10
  value?: string;
11
11
  fourDigitSsn?: boolean;
@@ -29,10 +29,10 @@ declare function __VLS_template(): {
29
29
  readonly counter?: number | null | undefined;
30
30
  readonly dataTest?: string | undefined;
31
31
  readonly id?: string | undefined;
32
- readonly label?: string | null | undefined;
32
+ readonly label?: string | undefined;
33
33
  readonly mask: MaskOptions["mask"] | null;
34
- readonly minlength?: number | string | null | undefined;
35
- readonly maxlength?: number | string | null | undefined;
34
+ readonly minlength?: number | string | undefined;
35
+ readonly maxlength?: number | string | undefined;
36
36
  readonly placeholder?: string | undefined;
37
37
  readonly rules?: Rules<string> | undefined;
38
38
  readonly tokens?: ( MaskTokens | null) | undefined;
@@ -57,9 +57,9 @@ declare function __VLS_template(): {
57
57
  $: ComponentInternalInstance;
58
58
  $data: {};
59
59
  $props: {
60
- readonly id?: string | null | undefined;
61
- readonly label?: string | null | undefined;
62
- readonly ariaLabel?: string | null | undefined;
60
+ readonly id?: string | undefined;
61
+ readonly label?: string | undefined;
62
+ readonly ariaLabel?: string | undefined;
63
63
  readonly placeholder?: string | undefined;
64
64
  readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
65
65
  readonly clearable?: boolean | undefined;
@@ -106,9 +106,9 @@ declare function __VLS_template(): {
106
106
  $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);
107
107
  $el: any;
108
108
  $options: ComponentOptionsBase<Readonly<{
109
- id?: string | null;
110
- label?: string | null;
111
- ariaLabel?: string | null;
109
+ id?: string;
110
+ label?: string;
111
+ ariaLabel?: string;
112
112
  placeholder?: string;
113
113
  type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
114
114
  clearable?: boolean;
@@ -155,27 +155,19 @@ declare function __VLS_template(): {
155
155
  "click:hide": (hidden: boolean) => any;
156
156
  }, string, {
157
157
  type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
158
- label: string | null;
159
- id: string | null;
160
158
  value: string;
161
159
  size: "medium" | "large";
162
160
  dataTest: string;
163
- placeholder: string;
164
161
  disabled: boolean;
165
- ariaLabel: string | null;
166
162
  rules: Rules<string>;
167
163
  required: boolean;
168
164
  hideDetails: boolean | "auto";
169
165
  counter: number | null;
170
166
  counterValue: number | (() => number | null) | null;
171
167
  clearable: boolean;
172
- inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
173
- minlength: number | string;
174
- maxlength: number | string;
175
168
  hideable: boolean;
176
169
  hideLabel: boolean;
177
170
  validateOnBlur: boolean;
178
- errorMessage: string;
179
171
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
180
172
  beforeCreate?: (() => void) | (() => void)[];
181
173
  created?: (() => void) | (() => void)[];
@@ -198,31 +190,23 @@ declare function __VLS_template(): {
198
190
  $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;
199
191
  } & Readonly<{
200
192
  type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
201
- label: string | null;
202
- id: string | null;
203
193
  value: string;
204
194
  size: "medium" | "large";
205
195
  dataTest: string;
206
- placeholder: string;
207
196
  disabled: boolean;
208
- ariaLabel: string | null;
209
197
  rules: Rules<string>;
210
198
  required: boolean;
211
199
  hideDetails: boolean | "auto";
212
200
  counter: number | null;
213
201
  counterValue: number | (() => number | null) | null;
214
202
  clearable: boolean;
215
- inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
216
- minlength: number | string;
217
- maxlength: number | string;
218
203
  hideable: boolean;
219
204
  hideLabel: boolean;
220
205
  validateOnBlur: boolean;
221
- errorMessage: string;
222
206
  }> & Omit<Readonly<{
223
- id?: string | null;
224
- label?: string | null;
225
- ariaLabel?: string | null;
207
+ id?: string;
208
+ label?: string;
209
+ ariaLabel?: string;
226
210
  placeholder?: string;
227
211
  type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
228
212
  clearable?: boolean;
@@ -252,7 +236,7 @@ declare function __VLS_template(): {
252
236
  onKeypress?: ((event: KeyboardEvent) => any) | undefined;
253
237
  onKeyup?: ((event: KeyboardEvent) => any) | undefined;
254
238
  "onClick:hide"?: ((hidden: boolean) => any) | undefined;
255
- }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
239
+ }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
256
240
  input: Ref<HTMLInputElement | null>;
257
241
  focus: () => void;
258
242
  blur: () => void;
@@ -283,10 +267,10 @@ declare function __VLS_template(): {
283
267
  counter?: number | null;
284
268
  dataTest?: string;
285
269
  id?: string;
286
- label?: string | null;
270
+ label?: string;
287
271
  mask: MaskOptions["mask"] | null;
288
- minlength?: number | string | null;
289
- maxlength?: number | string | null;
272
+ minlength?: number | string;
273
+ maxlength?: number | string;
290
274
  placeholder?: string;
291
275
  rules?: Rules<string>;
292
276
  tokens?: MaskTokens | null;
@@ -313,15 +297,10 @@ declare function __VLS_template(): {
313
297
  keyup: (event: KeyboardEvent) => any;
314
298
  "input:masked": (value: string) => any;
315
299
  }, string, {
316
- label: string | null;
317
- id: string;
318
300
  value: string;
319
301
  dataTest: string;
320
- placeholder: string;
321
302
  rules: Rules<string>;
322
303
  counter: number | null;
323
- minlength: number | string | null;
324
- maxlength: number | string | null;
325
304
  tokens: MaskTokens | null;
326
305
  unmaskRules: boolean;
327
306
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -345,25 +324,20 @@ declare function __VLS_template(): {
345
324
  $nextTick: nextTick;
346
325
  $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;
347
326
  } & Readonly<{
348
- label: string | null;
349
- id: string;
350
327
  value: string;
351
328
  dataTest: string;
352
- placeholder: string;
353
329
  rules: Rules<string>;
354
330
  counter: number | null;
355
- minlength: number | string | null;
356
- maxlength: number | string | null;
357
331
  tokens: MaskTokens | null;
358
332
  unmaskRules: boolean;
359
333
  }> & Omit<Readonly<{
360
334
  counter?: number | null;
361
335
  dataTest?: string;
362
336
  id?: string;
363
- label?: string | null;
337
+ label?: string;
364
338
  mask: MaskOptions["mask"] | null;
365
- minlength?: number | string | null;
366
- maxlength?: number | string | null;
339
+ minlength?: number | string;
340
+ maxlength?: number | string;
367
341
  placeholder?: string;
368
342
  rules?: Rules<string>;
369
343
  tokens?: MaskTokens | null;
@@ -378,7 +352,7 @@ declare function __VLS_template(): {
378
352
  onKeypress?: ((event: KeyboardEvent) => any) | undefined;
379
353
  onKeyup?: ((event: KeyboardEvent) => any) | undefined;
380
354
  "onInput:masked"?: ((value: string) => any) | undefined;
381
- }>, "input" | ("label" | "id" | "value" | "dataTest" | "placeholder" | "rules" | "counter" | "minlength" | "maxlength" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
355
+ }>, "input" | ("value" | "dataTest" | "rules" | "counter" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
382
356
  input: ComputedRef<HTMLInputElement | null>;
383
357
  }> & {} & ComponentCustomProperties & {} & {
384
358
  $slots: Readonly<{
@@ -410,8 +384,6 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
410
384
  onFocus?: ((event: Event) => any) | undefined;
411
385
  onInput?: ((value: string) => any) | undefined;
412
386
  }>, {
413
- label: string | null;
414
- id: string;
415
387
  value: string;
416
388
  dataTest: string;
417
389
  rules: Rules<string>;
@@ -424,10 +396,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
424
396
  readonly counter?: number | null | undefined;
425
397
  readonly dataTest?: string | undefined;
426
398
  readonly id?: string | undefined;
427
- readonly label?: string | null | undefined;
399
+ readonly label?: string | undefined;
428
400
  readonly mask: MaskOptions["mask"] | null;
429
- readonly minlength?: number | string | null | undefined;
430
- readonly maxlength?: number | string | null | undefined;
401
+ readonly minlength?: number | string | undefined;
402
+ readonly maxlength?: number | string | undefined;
431
403
  readonly placeholder?: string | undefined;
432
404
  readonly rules?: Rules<string> | undefined;
433
405
  readonly tokens?: ( MaskTokens | null) | undefined;
@@ -452,9 +424,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
452
424
  $: ComponentInternalInstance;
453
425
  $data: {};
454
426
  $props: {
455
- readonly id?: string | null | undefined;
456
- readonly label?: string | null | undefined;
457
- readonly ariaLabel?: string | null | undefined;
427
+ readonly id?: string | undefined;
428
+ readonly label?: string | undefined;
429
+ readonly ariaLabel?: string | undefined;
458
430
  readonly placeholder?: string | undefined;
459
431
  readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
460
432
  readonly clearable?: boolean | undefined;
@@ -501,9 +473,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
501
473
  $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);
502
474
  $el: any;
503
475
  $options: ComponentOptionsBase<Readonly<{
504
- id?: string | null;
505
- label?: string | null;
506
- ariaLabel?: string | null;
476
+ id?: string;
477
+ label?: string;
478
+ ariaLabel?: string;
507
479
  placeholder?: string;
508
480
  type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
509
481
  clearable?: boolean;
@@ -550,27 +522,19 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
550
522
  "click:hide": (hidden: boolean) => any;
551
523
  }, string, {
552
524
  type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
553
- label: string | null;
554
- id: string | null;
555
525
  value: string;
556
526
  size: "medium" | "large";
557
527
  dataTest: string;
558
- placeholder: string;
559
528
  disabled: boolean;
560
- ariaLabel: string | null;
561
529
  rules: Rules<string>;
562
530
  required: boolean;
563
531
  hideDetails: boolean | "auto";
564
532
  counter: number | null;
565
533
  counterValue: number | (() => number | null) | null;
566
534
  clearable: boolean;
567
- inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
568
- minlength: number | string;
569
- maxlength: number | string;
570
535
  hideable: boolean;
571
536
  hideLabel: boolean;
572
537
  validateOnBlur: boolean;
573
- errorMessage: string;
574
538
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
575
539
  beforeCreate?: (() => void) | (() => void)[];
576
540
  created?: (() => void) | (() => void)[];
@@ -593,31 +557,23 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
593
557
  $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;
594
558
  } & Readonly<{
595
559
  type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
596
- label: string | null;
597
- id: string | null;
598
560
  value: string;
599
561
  size: "medium" | "large";
600
562
  dataTest: string;
601
- placeholder: string;
602
563
  disabled: boolean;
603
- ariaLabel: string | null;
604
564
  rules: Rules<string>;
605
565
  required: boolean;
606
566
  hideDetails: boolean | "auto";
607
567
  counter: number | null;
608
568
  counterValue: number | (() => number | null) | null;
609
569
  clearable: boolean;
610
- inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
611
- minlength: number | string;
612
- maxlength: number | string;
613
570
  hideable: boolean;
614
571
  hideLabel: boolean;
615
572
  validateOnBlur: boolean;
616
- errorMessage: string;
617
573
  }> & Omit<Readonly<{
618
- id?: string | null;
619
- label?: string | null;
620
- ariaLabel?: string | null;
574
+ id?: string;
575
+ label?: string;
576
+ ariaLabel?: string;
621
577
  placeholder?: string;
622
578
  type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
623
579
  clearable?: boolean;
@@ -647,7 +603,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
647
603
  onKeypress?: ((event: KeyboardEvent) => any) | undefined;
648
604
  onKeyup?: ((event: KeyboardEvent) => any) | undefined;
649
605
  "onClick:hide"?: ((hidden: boolean) => any) | undefined;
650
- }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
606
+ }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
651
607
  input: Ref<HTMLInputElement | null>;
652
608
  focus: () => void;
653
609
  blur: () => void;
@@ -678,10 +634,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
678
634
  counter?: number | null;
679
635
  dataTest?: string;
680
636
  id?: string;
681
- label?: string | null;
637
+ label?: string;
682
638
  mask: MaskOptions["mask"] | null;
683
- minlength?: number | string | null;
684
- maxlength?: number | string | null;
639
+ minlength?: number | string;
640
+ maxlength?: number | string;
685
641
  placeholder?: string;
686
642
  rules?: Rules<string>;
687
643
  tokens?: MaskTokens | null;
@@ -708,15 +664,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
708
664
  keyup: (event: KeyboardEvent) => any;
709
665
  "input:masked": (value: string) => any;
710
666
  }, string, {
711
- label: string | null;
712
- id: string;
713
667
  value: string;
714
668
  dataTest: string;
715
- placeholder: string;
716
669
  rules: Rules<string>;
717
670
  counter: number | null;
718
- minlength: number | string | null;
719
- maxlength: number | string | null;
720
671
  tokens: MaskTokens | null;
721
672
  unmaskRules: boolean;
722
673
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -740,25 +691,20 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
740
691
  $nextTick: nextTick;
741
692
  $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;
742
693
  } & Readonly<{
743
- label: string | null;
744
- id: string;
745
694
  value: string;
746
695
  dataTest: string;
747
- placeholder: string;
748
696
  rules: Rules<string>;
749
697
  counter: number | null;
750
- minlength: number | string | null;
751
- maxlength: number | string | null;
752
698
  tokens: MaskTokens | null;
753
699
  unmaskRules: boolean;
754
700
  }> & Omit<Readonly<{
755
701
  counter?: number | null;
756
702
  dataTest?: string;
757
703
  id?: string;
758
- label?: string | null;
704
+ label?: string;
759
705
  mask: MaskOptions["mask"] | null;
760
- minlength?: number | string | null;
761
- maxlength?: number | string | null;
706
+ minlength?: number | string;
707
+ maxlength?: number | string;
762
708
  placeholder?: string;
763
709
  rules?: Rules<string>;
764
710
  tokens?: MaskTokens | null;
@@ -773,7 +719,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
773
719
  onKeypress?: ((event: KeyboardEvent) => any) | undefined;
774
720
  onKeyup?: ((event: KeyboardEvent) => any) | undefined;
775
721
  "onInput:masked"?: ((value: string) => any) | undefined;
776
- }>, "input" | ("label" | "id" | "value" | "dataTest" | "placeholder" | "rules" | "counter" | "minlength" | "maxlength" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
722
+ }>, "input" | ("value" | "dataTest" | "rules" | "counter" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
777
723
  input: ComputedRef<HTMLInputElement | null>;
778
724
  }> & {} & ComponentCustomProperties & {} & {
779
725
  $slots: Readonly<{
@@ -6,7 +6,7 @@ type __VLS_Props = {
6
6
  /** Prevents the user from interacting with the switch */
7
7
  disabled?: boolean;
8
8
  /** Font Awesome icon to render on the left side of the component */
9
- icon?: string | string[] | IconDefinition | null;
9
+ icon?: string | string[] | IconDefinition;
10
10
  /** Color of the icon background */
11
11
  iconColor?: string;
12
12
  /** Plain body copy. Overridden by the default slot. */
@@ -31,11 +31,8 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
31
31
  }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
32
32
  onInput?: ((value: boolean) => any) | undefined;
33
33
  }>, {
34
- label: string;
35
- title: string;
36
34
  align: "top" | "center";
37
35
  value: boolean;
38
- icon: string | string[] | IconDefinition | null;
39
36
  disabled: boolean;
40
37
  iconColor: string;
41
38
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -16,7 +16,7 @@ type __VLS_Props = {
16
16
  * Overrides the default validation message. If provided, this error message will always
17
17
  * be shown, regardless of any other failing validation rules.
18
18
  */
19
- errorMessage?: string | null;
19
+ errorMessage?: string;
20
20
  /** Hides the label and instead labels the field with `aria-label` */
21
21
  hideLabel?: boolean;
22
22
  /**
@@ -25,9 +25,9 @@ type __VLS_Props = {
25
25
  */
26
26
  hideDetails?: boolean | 'auto';
27
27
  /** The textarea element's id */
28
- id?: string | null;
28
+ id?: string;
29
29
  /** The textarea's label, both visual and screenreader-only */
30
- label?: string | null;
30
+ label?: string;
31
31
  /** Sets the maxlength attribute of the textarea */
32
32
  maxlength?: number;
33
33
  /** The textarea's placeholder */
@@ -70,20 +70,15 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
70
70
  onFocus?: (() => any) | undefined;
71
71
  onInput?: ((value: string) => any) | undefined;
72
72
  }>, {
73
- label: string | null;
74
- id: string | null;
75
73
  value: string;
76
74
  dataTest: string;
77
- placeholder: string;
78
75
  disabled: boolean;
79
76
  rules: Rules<string>;
80
77
  required: boolean;
81
78
  hideDetails: boolean | "auto";
82
79
  counter: number | null;
83
80
  counterValue: number | (() => number | null) | null;
84
- maxlength: number;
85
81
  hideLabel: boolean;
86
- errorMessage: string | null;
87
82
  }, {}, {}, {}, string, ComponentProvideOptions, false, {
88
83
  textarea: HTMLTextAreaElement;
89
84
  }, HTMLDivElement>;
@@ -7,9 +7,9 @@ export interface CTextFieldExposed {
7
7
  startValidating: () => void;
8
8
  }
9
9
  declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
10
- id?: string | null;
11
- label?: string | null;
12
- ariaLabel?: string | null;
10
+ id?: string;
11
+ label?: string;
12
+ ariaLabel?: string;
13
13
  placeholder?: string;
14
14
  type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
15
15
  clearable?: boolean;
@@ -49,9 +49,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
49
49
  keyup: (event: KeyboardEvent) => any;
50
50
  "click:hide": (hidden: boolean) => any;
51
51
  }, string, PublicProps, Readonly<{
52
- id?: string | null;
53
- label?: string | null;
54
- ariaLabel?: string | null;
52
+ id?: string;
53
+ label?: string;
54
+ ariaLabel?: string;
55
55
  placeholder?: string;
56
56
  type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
57
57
  clearable?: boolean;
@@ -87,27 +87,19 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
87
87
  "onClick:hide"?: ((hidden: boolean) => any) | undefined;
88
88
  }>, {
89
89
  type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
90
- label: string | null;
91
- id: string | null;
92
90
  value: string;
93
91
  size: "medium" | "large";
94
92
  dataTest: string;
95
- placeholder: string;
96
93
  disabled: boolean;
97
- ariaLabel: string | null;
98
94
  rules: Rules<string>;
99
95
  required: boolean;
100
96
  hideDetails: boolean | "auto";
101
97
  counter: number | null;
102
98
  counterValue: number | (() => number | null) | null;
103
99
  clearable: boolean;
104
- inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
105
- minlength: number | string;
106
- maxlength: number | string;
107
100
  hideable: boolean;
108
101
  hideLabel: boolean;
109
102
  validateOnBlur: boolean;
110
- errorMessage: string;
111
103
  }, {}, {}, {}, string, ComponentProvideOptions, false, {
112
104
  input: HTMLInputElement;
113
105
  }, any>, Readonly<{
@@ -22,9 +22,6 @@ declare function __VLS_template(): {
22
22
  };
23
23
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
24
24
  declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
25
- to: RouteLocationRaw;
26
- target: string;
27
- href: string;
28
25
  underline: boolean;
29
26
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLAnchorElement>;
30
27
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;