@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
@@ -6,10 +6,10 @@ type __VLS_Props = {
6
6
  counter?: number | null;
7
7
  dataTest?: string;
8
8
  id?: string;
9
- label?: string | null;
9
+ label?: string;
10
10
  mask: MaskOptions['mask'] | null;
11
- minlength?: number | string | null;
12
- maxlength?: number | string | null;
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 | null | undefined;
38
- readonly label?: string | null | undefined;
39
- readonly ariaLabel?: string | null | undefined;
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 | null;
87
- label?: string | null;
88
- ariaLabel?: string | null;
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 | null;
201
- label?: string | null;
202
- ariaLabel?: string | null;
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" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
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 | null | undefined;
292
- readonly label?: string | null | undefined;
293
- readonly ariaLabel?: string | null | undefined;
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 | null;
341
- label?: string | null;
342
- ariaLabel?: string | null;
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 | null;
455
- label?: string | null;
456
- ariaLabel?: string | null;
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" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
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 | null | undefined;
36
+ readonly label?: string | undefined;
37
37
  readonly mask: MaskOptions["mask"] | null;
38
- readonly minlength?: number | string | null | undefined;
39
- readonly maxlength?: number | string | null | undefined;
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 | null | undefined;
65
- readonly label?: string | null | undefined;
66
- readonly ariaLabel?: string | null | undefined;
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 | null;
114
- label?: string | null;
115
- ariaLabel?: string | null;
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 | null;
228
- label?: string | null;
229
- ariaLabel?: string | null;
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" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
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 | null;
274
+ label?: string;
291
275
  mask: MaskOptions["mask"] | null;
292
- minlength?: number | string | null;
293
- maxlength?: number | string | null;
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 | null;
341
+ label?: string;
368
342
  mask: MaskOptions["mask"] | null;
369
- minlength?: number | string | null;
370
- maxlength?: number | string | null;
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" | ("label" | "id" | "value" | "dataTest" | "placeholder" | "rules" | "counter" | "minlength" | "maxlength" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
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 | null | undefined;
395
+ readonly label?: string | undefined;
422
396
  readonly mask: MaskOptions["mask"] | null;
423
- readonly minlength?: number | string | null | undefined;
424
- readonly maxlength?: number | string | null | undefined;
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 | null | undefined;
450
- readonly label?: string | null | undefined;
451
- readonly ariaLabel?: string | null | undefined;
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 | null;
499
- label?: string | null;
500
- ariaLabel?: string | null;
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 | null;
613
- label?: string | null;
614
- ariaLabel?: string | null;
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" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
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 | null;
633
+ label?: string;
676
634
  mask: MaskOptions["mask"] | null;
677
- minlength?: number | string | null;
678
- maxlength?: number | string | null;
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 | null;
700
+ label?: string;
753
701
  mask: MaskOptions["mask"] | null;
754
- minlength?: number | string | null;
755
- maxlength?: number | string | null;
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" | ("label" | "id" | "value" | "dataTest" | "placeholder" | "rules" | "counter" | "minlength" | "maxlength" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
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
- declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
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;