@dpa-id-components/dpa-shared-components 13.0.1 → 13.1.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 (24) hide show
  1. package/dist/components/UiAutocomplete/UiAutocomplete.stories.d.ts +11 -11
  2. package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +11 -11
  3. package/dist/components/UiBadge/UiBadge.stories.d.ts +1 -1
  4. package/dist/components/UiButton/UiButton.stories.d.ts +1 -1
  5. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +9 -9
  6. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +4 -4
  7. package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +2 -2
  8. package/dist/components/UiIcon/UiIcon.stories.d.ts +1 -1
  9. package/dist/components/UiIcon/iconNames.d.ts +1 -1
  10. package/dist/components/UiIconButton/UiIconButton.stories.d.ts +1 -1
  11. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +1 -1
  12. package/dist/components/UiInput/UiInput.stories.d.ts +44 -44
  13. package/dist/components/UiInput/UiInput.vue.d.ts +7 -6
  14. package/dist/components/UiListItem/UiListItem.stories.d.ts +1 -1
  15. package/dist/components/UiMenu/UiMenu.stories.d.ts +1 -1
  16. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +33 -3
  17. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +8 -1
  18. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +1 -1
  19. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +2 -2
  20. package/dist/dpa-shared-components.mjs +1820 -1803
  21. package/dist/dpa-shared-components.umd.js +4 -4
  22. package/dist/list-search-8mB4oGGn.mjs +21 -0
  23. package/dist/style.css +1 -1
  24. package/package.json +1 -1
package/dist/components/UiInput/UiInput.stories.d.ts CHANGED
@@ -3,8 +3,9 @@ declare const meta: {
3
3
  title: string;
4
4
  component: {
5
5
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
6
- id?: string;
7
6
  modelValue?: string;
7
+ } & {
8
+ id?: string;
8
9
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
9
10
  label?: string;
10
11
  placeholder?: string;
@@ -28,7 +29,7 @@ declare const meta: {
28
29
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
29
30
  onInput?: ((args_0: string) => any) | undefined;
30
31
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
31
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
32
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
32
33
  }>, {
33
34
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
34
35
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -36,14 +37,13 @@ declare const meta: {
36
37
  focus: (args_0: FocusEvent) => any;
37
38
  input: (args_0: string) => any;
38
39
  keyup: (args_0: KeyboardEvent) => any;
39
- "update:modelValue": (args_0: string) => any;
40
+ "update:modelValue": (value: string) => any;
40
41
  }, import('vue').PublicProps, {
41
42
  label: string;
42
43
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
43
44
  disabled: boolean;
44
45
  readonly: boolean;
45
46
  id: string;
46
- modelValue: string;
47
47
  placeholder: string;
48
48
  autofocus: boolean;
49
49
  chevron: boolean;
@@ -68,8 +68,9 @@ declare const meta: {
68
68
  M: {};
69
69
  Defaults: {};
70
70
  }, Readonly<{
71
- id?: string;
72
71
  modelValue?: string;
72
+ } & {
73
+ id?: string;
73
74
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
74
75
  label?: string;
75
76
  placeholder?: string;
@@ -93,7 +94,7 @@ declare const meta: {
93
94
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
94
95
  onInput?: ((args_0: string) => any) | undefined;
95
96
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
96
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
97
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
97
98
  }>, {
98
99
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
99
100
  }, {}, {}, {}, {
@@ -102,7 +103,6 @@ declare const meta: {
102
103
  disabled: boolean;
103
104
  readonly: boolean;
104
105
  id: string;
105
- modelValue: string;
106
106
  placeholder: string;
107
107
  autofocus: boolean;
108
108
  chevron: boolean;
@@ -122,8 +122,9 @@ declare const meta: {
122
122
  __isTeleport?: never;
123
123
  __isSuspense?: never;
124
124
  } & import('vue').ComponentOptionsBase<Readonly<{
125
- id?: string;
126
125
  modelValue?: string;
126
+ } & {
127
+ id?: string;
127
128
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
128
129
  label?: string;
129
130
  placeholder?: string;
@@ -147,7 +148,7 @@ declare const meta: {
147
148
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
148
149
  onInput?: ((args_0: string) => any) | undefined;
149
150
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
150
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
151
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
151
152
  }>, {
152
153
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
153
154
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -155,14 +156,13 @@ declare const meta: {
155
156
  focus: (args_0: FocusEvent) => any;
156
157
  input: (args_0: string) => any;
157
158
  keyup: (args_0: KeyboardEvent) => any;
158
- "update:modelValue": (args_0: string) => any;
159
+ "update:modelValue": (value: string) => any;
159
160
  }, string, {
160
161
  label: string;
161
162
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
162
163
  disabled: boolean;
163
164
  readonly: boolean;
164
165
  id: string;
165
- modelValue: string;
166
166
  placeholder: string;
167
167
  autofocus: boolean;
168
168
  chevron: boolean;
@@ -246,8 +246,9 @@ declare const meta: {
246
246
  };
247
247
  render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
248
248
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
249
- id?: string;
250
249
  modelValue?: string;
250
+ } & {
251
+ id?: string;
251
252
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
252
253
  label?: string;
253
254
  placeholder?: string;
@@ -271,7 +272,7 @@ declare const meta: {
271
272
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
272
273
  onInput?: ((args_0: string) => any) | undefined;
273
274
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
274
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
275
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
275
276
  }>, {
276
277
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
277
278
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -279,14 +280,13 @@ declare const meta: {
279
280
  focus: (args_0: FocusEvent) => any;
280
281
  input: (args_0: string) => any;
281
282
  keyup: (args_0: KeyboardEvent) => any;
282
- "update:modelValue": (args_0: string) => any;
283
+ "update:modelValue": (value: string) => any;
283
284
  }, import('vue').PublicProps, {
284
285
  label: string;
285
286
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
286
287
  disabled: boolean;
287
288
  readonly: boolean;
288
289
  id: string;
289
- modelValue: string;
290
290
  placeholder: string;
291
291
  autofocus: boolean;
292
292
  chevron: boolean;
@@ -311,8 +311,9 @@ declare const meta: {
311
311
  M: {};
312
312
  Defaults: {};
313
313
  }, Readonly<{
314
- id?: string;
315
314
  modelValue?: string;
315
+ } & {
316
+ id?: string;
316
317
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
317
318
  label?: string;
318
319
  placeholder?: string;
@@ -336,7 +337,7 @@ declare const meta: {
336
337
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
337
338
  onInput?: ((args_0: string) => any) | undefined;
338
339
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
339
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
340
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
340
341
  }>, {
341
342
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
342
343
  }, {}, {}, {}, {
@@ -345,7 +346,6 @@ declare const meta: {
345
346
  disabled: boolean;
346
347
  readonly: boolean;
347
348
  id: string;
348
- modelValue: string;
349
349
  placeholder: string;
350
350
  autofocus: boolean;
351
351
  chevron: boolean;
@@ -365,8 +365,9 @@ declare const meta: {
365
365
  __isTeleport?: never;
366
366
  __isSuspense?: never;
367
367
  } & import('vue').ComponentOptionsBase<Readonly<{
368
- id?: string;
369
368
  modelValue?: string;
369
+ } & {
370
+ id?: string;
370
371
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
371
372
  label?: string;
372
373
  placeholder?: string;
@@ -390,7 +391,7 @@ declare const meta: {
390
391
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
391
392
  onInput?: ((args_0: string) => any) | undefined;
392
393
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
393
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
394
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
394
395
  }>, {
395
396
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
396
397
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -398,14 +399,13 @@ declare const meta: {
398
399
  focus: (args_0: FocusEvent) => any;
399
400
  input: (args_0: string) => any;
400
401
  keyup: (args_0: KeyboardEvent) => any;
401
- "update:modelValue": (args_0: string) => any;
402
+ "update:modelValue": (value: string) => any;
402
403
  }, string, {
403
404
  label: string;
404
405
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
405
406
  disabled: boolean;
406
407
  readonly: boolean;
407
408
  id: string;
408
- modelValue: string;
409
409
  placeholder: string;
410
410
  autofocus: boolean;
411
411
  chevron: boolean;
@@ -428,8 +428,9 @@ declare const meta: {
428
428
  components: {
429
429
  UiInput: {
430
430
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
431
- id?: string;
432
431
  modelValue?: string;
432
+ } & {
433
+ id?: string;
433
434
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
434
435
  label?: string;
435
436
  placeholder?: string;
@@ -453,7 +454,7 @@ declare const meta: {
453
454
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
454
455
  onInput?: ((args_0: string) => any) | undefined;
455
456
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
456
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
457
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
457
458
  }>, {
458
459
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
459
460
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -461,14 +462,13 @@ declare const meta: {
461
462
  focus: (args_0: FocusEvent) => any;
462
463
  input: (args_0: string) => any;
463
464
  keyup: (args_0: KeyboardEvent) => any;
464
- "update:modelValue": (args_0: string) => any;
465
+ "update:modelValue": (value: string) => any;
465
466
  }, import('vue').PublicProps, {
466
467
  label: string;
467
468
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
468
469
  disabled: boolean;
469
470
  readonly: boolean;
470
471
  id: string;
471
- modelValue: string;
472
472
  placeholder: string;
473
473
  autofocus: boolean;
474
474
  chevron: boolean;
@@ -493,8 +493,9 @@ declare const meta: {
493
493
  M: {};
494
494
  Defaults: {};
495
495
  }, Readonly<{
496
- id?: string;
497
496
  modelValue?: string;
497
+ } & {
498
+ id?: string;
498
499
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
499
500
  label?: string;
500
501
  placeholder?: string;
@@ -518,7 +519,7 @@ declare const meta: {
518
519
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
519
520
  onInput?: ((args_0: string) => any) | undefined;
520
521
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
521
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
522
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
522
523
  }>, {
523
524
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
524
525
  }, {}, {}, {}, {
@@ -527,7 +528,6 @@ declare const meta: {
527
528
  disabled: boolean;
528
529
  readonly: boolean;
529
530
  id: string;
530
- modelValue: string;
531
531
  placeholder: string;
532
532
  autofocus: boolean;
533
533
  chevron: boolean;
@@ -547,8 +547,9 @@ declare const meta: {
547
547
  __isTeleport?: never;
548
548
  __isSuspense?: never;
549
549
  } & import('vue').ComponentOptionsBase<Readonly<{
550
- id?: string;
551
550
  modelValue?: string;
551
+ } & {
552
+ id?: string;
552
553
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
553
554
  label?: string;
554
555
  placeholder?: string;
@@ -572,7 +573,7 @@ declare const meta: {
572
573
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
573
574
  onInput?: ((args_0: string) => any) | undefined;
574
575
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
575
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
576
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
576
577
  }>, {
577
578
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
578
579
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -580,14 +581,13 @@ declare const meta: {
580
581
  focus: (args_0: FocusEvent) => any;
581
582
  input: (args_0: string) => any;
582
583
  keyup: (args_0: KeyboardEvent) => any;
583
- "update:modelValue": (args_0: string) => any;
584
+ "update:modelValue": (value: string) => any;
584
585
  }, string, {
585
586
  label: string;
586
587
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
587
588
  disabled: boolean;
588
589
  readonly: boolean;
589
590
  id: string;
590
- modelValue: string;
591
591
  placeholder: string;
592
592
  autofocus: boolean;
593
593
  chevron: boolean;
@@ -611,8 +611,9 @@ declare const meta: {
611
611
  setup(this: void): {
612
612
  args: import('@storybook/vue3').ComponentPropsAndSlots<{
613
613
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
614
- id?: string;
615
614
  modelValue?: string;
615
+ } & {
616
+ id?: string;
616
617
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
617
618
  label?: string;
618
619
  placeholder?: string;
@@ -636,7 +637,7 @@ declare const meta: {
636
637
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
637
638
  onInput?: ((args_0: string) => any) | undefined;
638
639
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
639
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
640
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
640
641
  }>, {
641
642
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
642
643
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -644,14 +645,13 @@ declare const meta: {
644
645
  focus: (args_0: FocusEvent) => any;
645
646
  input: (args_0: string) => any;
646
647
  keyup: (args_0: KeyboardEvent) => any;
647
- "update:modelValue": (args_0: string) => any;
648
+ "update:modelValue": (value: string) => any;
648
649
  }, import('vue').PublicProps, {
649
650
  label: string;
650
651
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
651
652
  disabled: boolean;
652
653
  readonly: boolean;
653
654
  id: string;
654
- modelValue: string;
655
655
  placeholder: string;
656
656
  autofocus: boolean;
657
657
  chevron: boolean;
@@ -676,8 +676,9 @@ declare const meta: {
676
676
  M: {};
677
677
  Defaults: {};
678
678
  }, Readonly<{
679
- id?: string;
680
679
  modelValue?: string;
680
+ } & {
681
+ id?: string;
681
682
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
682
683
  label?: string;
683
684
  placeholder?: string;
@@ -701,7 +702,7 @@ declare const meta: {
701
702
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
702
703
  onInput?: ((args_0: string) => any) | undefined;
703
704
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
704
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
705
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
705
706
  }>, {
706
707
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
707
708
  }, {}, {}, {}, {
@@ -710,7 +711,6 @@ declare const meta: {
710
711
  disabled: boolean;
711
712
  readonly: boolean;
712
713
  id: string;
713
- modelValue: string;
714
714
  placeholder: string;
715
715
  autofocus: boolean;
716
716
  chevron: boolean;
@@ -730,8 +730,9 @@ declare const meta: {
730
730
  __isTeleport?: never;
731
731
  __isSuspense?: never;
732
732
  } & import('vue').ComponentOptionsBase<Readonly<{
733
- id?: string;
734
733
  modelValue?: string;
734
+ } & {
735
+ id?: string;
735
736
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
736
737
  label?: string;
737
738
  placeholder?: string;
@@ -755,7 +756,7 @@ declare const meta: {
755
756
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
756
757
  onInput?: ((args_0: string) => any) | undefined;
757
758
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
758
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
759
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
759
760
  }>, {
760
761
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
761
762
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -763,14 +764,13 @@ declare const meta: {
763
764
  focus: (args_0: FocusEvent) => any;
764
765
  input: (args_0: string) => any;
765
766
  keyup: (args_0: KeyboardEvent) => any;
766
- "update:modelValue": (args_0: string) => any;
767
+ "update:modelValue": (value: string) => any;
767
768
  }, string, {
768
769
  label: string;
769
770
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
770
771
  disabled: boolean;
771
772
  readonly: boolean;
772
773
  id: string;
773
- modelValue: string;
774
774
  placeholder: string;
775
775
  autofocus: boolean;
776
776
  chevron: boolean;
package/dist/components/UiInput/UiInput.vue.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  type __VLS_Props = {
2
2
  id?: string;
3
- modelValue?: string;
4
3
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
5
4
  label?: string;
6
5
  placeholder?: string;
@@ -20,6 +19,9 @@ type __VLS_Props = {
20
19
  inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
21
20
  isUiAutocomplete?: boolean;
22
21
  };
22
+ type __VLS_PublicProps = {
23
+ modelValue?: string;
24
+ } & __VLS_Props;
23
25
  declare function __VLS_template(): {
24
26
  attrs: Partial<{}>;
25
27
  slots: {
@@ -31,27 +33,26 @@ declare function __VLS_template(): {
31
33
  rootEl: any;
32
34
  };
33
35
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
34
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
36
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
35
37
  inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
36
38
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
37
39
  blur: (args_0: FocusEvent) => any;
38
40
  focus: (args_0: FocusEvent) => any;
39
41
  input: (args_0: string) => any;
40
42
  keyup: (args_0: KeyboardEvent) => any;
41
- "update:modelValue": (args_0: string) => any;
42
- }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
43
+ "update:modelValue": (value: string) => any;
44
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
43
45
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
44
46
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
45
47
  onInput?: ((args_0: string) => any) | undefined;
46
48
  onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
47
- "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
49
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
48
50
  }>, {
49
51
  label: string;
50
52
  type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
51
53
  disabled: boolean;
52
54
  readonly: boolean;
53
55
  id: string;
54
- modelValue: string;
55
56
  placeholder: string;
56
57
  autofocus: boolean;
57
58
  chevron: boolean;
package/dist/components/UiListItem/UiListItem.stories.d.ts CHANGED
@@ -117,7 +117,7 @@ declare const meta: {
117
117
  argTypes: {
118
118
  iconName: {
119
119
  control: "select";
120
- options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "view" | "view-off" | "volume-up")[];
120
+ options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "list-search" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "view" | "view-off" | "volume-up")[];
121
121
  };
122
122
  iconSize: {
123
123
  control: "select";
package/dist/components/UiMenu/UiMenu.stories.d.ts CHANGED
@@ -128,7 +128,7 @@ declare const meta: {
128
128
  };
129
129
  iconLeft: {
130
130
  control: "select";
131
- options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "view" | "view-off" | "volume-up")[];
131
+ options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "list-search" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "view" | "view-off" | "volume-up")[];
132
132
  };
133
133
  imageShape: {
134
134
  control: "select";
package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts CHANGED
@@ -14,6 +14,9 @@ declare const meta: {
14
14
  hasChips?: boolean;
15
15
  executeSearchButtonTitle?: string;
16
16
  resetSearchButtonTittle?: string;
17
+ hasShadow?: boolean;
18
+ slotClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
19
+ resetButtonWrapperClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
17
20
  }> & Readonly<{
18
21
  onReset?: ((args_0: string) => any) | undefined;
19
22
  onSearch?: ((args_0: string) => any) | undefined;
@@ -31,13 +34,16 @@ declare const meta: {
31
34
  submit: (args_0: string) => any;
32
35
  "update:modelValue": (args_0: string) => any;
33
36
  }, import('vue').PublicProps, {
34
- modelValue: string;
35
37
  placeholder: string;
38
+ modelValue: string;
36
39
  backgroundColor: "gray" | "white";
37
40
  isFilterChipEditable: boolean;
38
41
  hasChips: boolean;
39
42
  executeSearchButtonTitle: string;
40
43
  resetSearchButtonTittle: string;
44
+ hasShadow: boolean;
45
+ slotClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
46
+ resetButtonWrapperClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
41
47
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
42
48
  searchInputRef: HTMLInputElement;
43
49
  }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -55,6 +61,9 @@ declare const meta: {
55
61
  hasChips?: boolean;
56
62
  executeSearchButtonTitle?: string;
57
63
  resetSearchButtonTittle?: string;
64
+ hasShadow?: boolean;
65
+ slotClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
66
+ resetButtonWrapperClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
58
67
  }> & Readonly<{
59
68
  onReset?: ((args_0: string) => any) | undefined;
60
69
  onSearch?: ((args_0: string) => any) | undefined;
@@ -65,13 +74,16 @@ declare const meta: {
65
74
  }>, {
66
75
  searchInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
67
76
  }, {}, {}, {}, {
68
- modelValue: string;
69
77
  placeholder: string;
78
+ modelValue: string;
70
79
  backgroundColor: "gray" | "white";
71
80
  isFilterChipEditable: boolean;
72
81
  hasChips: boolean;
73
82
  executeSearchButtonTitle: string;
74
83
  resetSearchButtonTittle: string;
84
+ hasShadow: boolean;
85
+ slotClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
86
+ resetButtonWrapperClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
75
87
  }>;
76
88
  __isFragment?: never;
77
89
  __isTeleport?: never;
@@ -84,6 +96,9 @@ declare const meta: {
84
96
  hasChips?: boolean;
85
97
  executeSearchButtonTitle?: string;
86
98
  resetSearchButtonTittle?: string;
99
+ hasShadow?: boolean;
100
+ slotClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
101
+ resetButtonWrapperClass?: import('clsx').ClassValue | import('clsx').ClassValue[];
87
102
  }> & Readonly<{
88
103
  onReset?: ((args_0: string) => any) | undefined;
89
104
  onSearch?: ((args_0: string) => any) | undefined;
@@ -101,13 +116,16 @@ declare const meta: {
101
116
  submit: (args_0: string) => any;
102
117
  "update:modelValue": (args_0: string) => any;
103
118
  }, string, {
104
- modelValue: string;
105
119
  placeholder: string;
120
+ modelValue: string;
106
121
  backgroundColor: "gray" | "white";
107
122
  isFilterChipEditable: boolean;
108
123
  hasChips: boolean;
109
124
  executeSearchButtonTitle: string;
110
125
  resetSearchButtonTittle: string;
126
+ hasShadow: boolean;
127
+ slotClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
128
+ resetButtonWrapperClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | import('clsx').ClassValue[] | null;
111
129
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
112
130
  $slots: {
113
131
  nonEditableChips?(_: {}): any;
@@ -133,6 +151,15 @@ declare const meta: {
133
151
  isFilterChipEditable: {
134
152
  control: "boolean";
135
153
  };
154
+ hasShadow: {
155
+ control: "boolean";
156
+ };
157
+ slotClass: {
158
+ control: "text";
159
+ };
160
+ resetButtonWrapperClass: {
161
+ control: "text";
162
+ };
136
163
  };
137
164
  args: {
138
165
  modelValue: string;
@@ -140,6 +167,9 @@ declare const meta: {
140
167
  backgroundColor: "gray";
141
168
  hiddenFilterRules: number;
142
169
  isFilterChipEditable: true;
170
+ hasShadow: false;
171
+ slotClass: string;
172
+ resetButtonWrapperClass: string;
143
173
  };
144
174
  };
145
175
  export default meta;
package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { ClassValue } from 'clsx';
1
2
  type __VLS_Props = {
2
3
  modelValue?: string;
3
4
  placeholder?: string;
@@ -6,6 +7,9 @@ type __VLS_Props = {
6
7
  hasChips?: boolean;
7
8
  executeSearchButtonTitle?: string;
8
9
  resetSearchButtonTittle?: string;
10
+ hasShadow?: boolean;
11
+ slotClass?: ClassValue | ClassValue[];
12
+ resetButtonWrapperClass?: ClassValue | ClassValue[];
9
13
  };
10
14
  declare function __VLS_template(): {
11
15
  attrs: Partial<{}>;
@@ -38,13 +42,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
38
42
  onSubmit?: ((args_0: string) => any) | undefined;
39
43
  "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
40
44
  }>, {
41
- modelValue: string;
42
45
  placeholder: string;
46
+ modelValue: string;
43
47
  backgroundColor: "gray" | "white";
44
48
  isFilterChipEditable: boolean;
45
49
  hasChips: boolean;
46
50
  executeSearchButtonTitle: string;
47
51
  resetSearchButtonTittle: string;
52
+ hasShadow: boolean;
53
+ slotClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
54
+ resetButtonWrapperClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
48
55
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
49
56
  searchInputRef: HTMLInputElement;
50
57
  }, HTMLDivElement>;