@dpa-id-components/dpa-shared-components 12.0.2 → 12.2.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 (56) hide show
  1. package/dist/components/UiAutocomplete/UiAutocomplete.stories.d.ts +29 -29
  2. package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +29 -29
  3. package/dist/components/UiButton/UiButton.stories.d.ts +3 -3
  4. package/dist/components/UiButton/UiButton.vue.d.ts +1 -1
  5. package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +13 -1
  6. package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +7 -6
  7. package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts +4 -4
  8. package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.stories.d.ts +6 -6
  9. package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.vue.d.ts +6 -6
  10. package/dist/components/UiColorPicker/UiColorPicker.stories.d.ts +3 -3
  11. package/dist/components/UiColorPicker/UiColorPicker.vue.d.ts +3 -3
  12. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +2713 -57
  13. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +33 -33
  14. package/dist/components/UiDialog/UiDialog.stories.d.ts +224 -12
  15. package/dist/components/UiDialog/UiDialog.vue.d.ts +2 -2
  16. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +100 -21
  17. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +133 -15
  18. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.vue.d.ts +2 -2
  19. package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +80 -6
  20. package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +2 -2
  21. package/dist/components/UiIcon/UiIcon.stories.d.ts +1 -16
  22. package/dist/components/UiIconButton/UiIconButton.stories.d.ts +56 -8
  23. package/dist/components/UiIconButton/UiIconButton.vue.d.ts +3 -3
  24. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +100 -4
  25. package/dist/components/UiInput/UiInput.stories.d.ts +427 -76
  26. package/dist/components/UiInput/UiInput.vue.d.ts +12 -11
  27. package/dist/components/UiList/UiList.stories.d.ts +13 -292
  28. package/dist/components/UiListItem/UiListItem.stories.d.ts +248 -24
  29. package/dist/components/UiListItem/UiListItem.vue.d.ts +4 -4
  30. package/dist/components/UiMenu/UiMenu.stories.d.ts +55 -189
  31. package/dist/components/UiMenu/UiMenu.vue.d.ts +15 -9
  32. package/dist/components/UiOverlay/UiOverlay.stories.d.ts +64 -12
  33. package/dist/components/UiOverlay/UiOverlay.vue.d.ts +2 -2
  34. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +110 -34
  35. package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts +2 -2
  36. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.stories.d.ts +56 -26
  37. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.vue.d.ts +8 -7
  38. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +36 -317
  39. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +12 -14
  40. package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +196 -36
  41. package/dist/components/UiSearchInput/UiSearchInput.vue.d.ts +7 -7
  42. package/dist/components/UiSimpleInput/UiSimpleInput.stories.d.ts +48 -6
  43. package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts +2 -2
  44. package/dist/components/UiSkeletonBox/UiSkeletonBox.stories.d.ts +26 -2
  45. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +163 -23
  46. package/dist/components/UiSnackbar/UiSnackbar.vue.d.ts +4 -4
  47. package/dist/components/UiSpinner/UiSpinner.stories.d.ts +20 -2
  48. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +11 -5
  49. package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts +4 -2
  50. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +200 -2
  51. package/dist/dpa-shared-components.mjs +6458 -6461
  52. package/dist/dpa-shared-components.umd.js +4 -4
  53. package/dist/style.css +1 -1
  54. package/dist/tailwind/tailwind.config.d.cts +3 -211
  55. package/dist/tailwind.config.cjs +7 -3
  56. package/package.json +9 -9
@@ -239,7 +239,7 @@ declare function __VLS_template(): {
239
239
  readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
240
240
  readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
241
241
  readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
242
- readonly weekStart?: import('vue').Prop<0 | "0" | 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | "0" | 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
242
+ readonly weekStart?: import('vue').Prop<0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
243
243
  readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
244
244
  readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
245
245
  readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -383,9 +383,9 @@ declare function __VLS_template(): {
383
383
  clearInput?: string;
384
384
  calendarIcon?: string;
385
385
  timePicker?: string;
386
- monthPicker: (overlay: boolean) => string;
387
- yearPicker: (overlay: boolean) => string;
388
- timeOverlay: (type: import('@vuepic/vue-datepicker').TimeType) => string;
386
+ monthPicker?: (overlay: boolean) => string;
387
+ yearPicker?: (overlay: boolean) => string;
388
+ timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
389
389
  } | undefined, {
390
390
  toggleOverlay?: string;
391
391
  menu?: string;
@@ -411,9 +411,9 @@ declare function __VLS_template(): {
411
411
  clearInput?: string;
412
412
  calendarIcon?: string;
413
413
  timePicker?: string;
414
- monthPicker: (overlay: boolean) => string;
415
- yearPicker: (overlay: boolean) => string;
416
- timeOverlay: (type: import('@vuepic/vue-datepicker').TimeType) => string;
414
+ monthPicker?: (overlay: boolean) => string;
415
+ yearPicker?: (overlay: boolean) => string;
416
+ timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
417
417
  } | undefined> | null | undefined;
418
418
  readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
419
419
  readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -772,7 +772,7 @@ declare function __VLS_template(): {
772
772
  readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
773
773
  readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
774
774
  readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
775
- readonly weekStart?: import('vue').Prop<0 | "0" | 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | "0" | 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
775
+ readonly weekStart?: import('vue').Prop<0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
776
776
  readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
777
777
  readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
778
778
  readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -916,9 +916,9 @@ declare function __VLS_template(): {
916
916
  clearInput?: string;
917
917
  calendarIcon?: string;
918
918
  timePicker?: string;
919
- monthPicker: (overlay: boolean) => string;
920
- yearPicker: (overlay: boolean) => string;
921
- timeOverlay: (type: import('@vuepic/vue-datepicker').TimeType) => string;
919
+ monthPicker?: (overlay: boolean) => string;
920
+ yearPicker?: (overlay: boolean) => string;
921
+ timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
922
922
  } | undefined, {
923
923
  toggleOverlay?: string;
924
924
  menu?: string;
@@ -944,9 +944,9 @@ declare function __VLS_template(): {
944
944
  clearInput?: string;
945
945
  calendarIcon?: string;
946
946
  timePicker?: string;
947
- monthPicker: (overlay: boolean) => string;
948
- yearPicker: (overlay: boolean) => string;
949
- timeOverlay: (type: import('@vuepic/vue-datepicker').TimeType) => string;
947
+ monthPicker?: (overlay: boolean) => string;
948
+ yearPicker?: (overlay: boolean) => string;
949
+ timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
950
950
  } | undefined> | null | undefined;
951
951
  readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
952
952
  readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -1119,18 +1119,18 @@ declare function __VLS_template(): {
1119
1119
  rootEl: HTMLDivElement;
1120
1120
  };
1121
1121
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
1122
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
1122
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1123
1123
  close: () => any;
1124
1124
  reset: () => any;
1125
- "date-changed": (date: Date | [Date, Date]) => any;
1125
+ "date-changed": (args_0: Date | [Date, Date]) => any;
1126
1126
  open: () => any;
1127
- datepickerQuickfilterClick: (trackingName: string) => any;
1127
+ datepickerQuickfilterClick: (args_0: string) => any;
1128
1128
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
1129
1129
  onClose?: (() => any) | undefined;
1130
1130
  onReset?: (() => any) | undefined;
1131
- "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
1131
+ "onDate-changed"?: ((args_0: Date | [Date, Date]) => any) | undefined;
1132
1132
  onOpen?: (() => any) | undefined;
1133
- onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
1133
+ onDatepickerQuickfilterClick?: ((args_0: string) => any) | undefined;
1134
1134
  }>, {
1135
1135
  cancel: string;
1136
1136
  submit: string;
@@ -1357,7 +1357,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
1357
1357
  readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
1358
1358
  readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
1359
1359
  readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
1360
- readonly weekStart?: import('vue').Prop<0 | "0" | 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | "0" | 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
1360
+ readonly weekStart?: import('vue').Prop<0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
1361
1361
  readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
1362
1362
  readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
1363
1363
  readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -1501,9 +1501,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
1501
1501
  clearInput?: string;
1502
1502
  calendarIcon?: string;
1503
1503
  timePicker?: string;
1504
- monthPicker: (overlay: boolean) => string;
1505
- yearPicker: (overlay: boolean) => string;
1506
- timeOverlay: (type: import('@vuepic/vue-datepicker').TimeType) => string;
1504
+ monthPicker?: (overlay: boolean) => string;
1505
+ yearPicker?: (overlay: boolean) => string;
1506
+ timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
1507
1507
  } | undefined, {
1508
1508
  toggleOverlay?: string;
1509
1509
  menu?: string;
@@ -1529,9 +1529,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
1529
1529
  clearInput?: string;
1530
1530
  calendarIcon?: string;
1531
1531
  timePicker?: string;
1532
- monthPicker: (overlay: boolean) => string;
1533
- yearPicker: (overlay: boolean) => string;
1534
- timeOverlay: (type: import('@vuepic/vue-datepicker').TimeType) => string;
1532
+ monthPicker?: (overlay: boolean) => string;
1533
+ yearPicker?: (overlay: boolean) => string;
1534
+ timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
1535
1535
  } | undefined> | null | undefined;
1536
1536
  readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1537
1537
  readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -1890,7 +1890,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
1890
1890
  readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
1891
1891
  readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
1892
1892
  readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
1893
- readonly weekStart?: import('vue').Prop<0 | "0" | 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | "0" | 1 | 2 | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
1893
+ readonly weekStart?: import('vue').Prop<0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
1894
1894
  readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
1895
1895
  readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
1896
1896
  readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -2034,9 +2034,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
2034
2034
  clearInput?: string;
2035
2035
  calendarIcon?: string;
2036
2036
  timePicker?: string;
2037
- monthPicker: (overlay: boolean) => string;
2038
- yearPicker: (overlay: boolean) => string;
2039
- timeOverlay: (type: import('@vuepic/vue-datepicker').TimeType) => string;
2037
+ monthPicker?: (overlay: boolean) => string;
2038
+ yearPicker?: (overlay: boolean) => string;
2039
+ timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
2040
2040
  } | undefined, {
2041
2041
  toggleOverlay?: string;
2042
2042
  menu?: string;
@@ -2062,9 +2062,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
2062
2062
  clearInput?: string;
2063
2063
  calendarIcon?: string;
2064
2064
  timePicker?: string;
2065
- monthPicker: (overlay: boolean) => string;
2066
- yearPicker: (overlay: boolean) => string;
2067
- timeOverlay: (type: import('@vuepic/vue-datepicker').TimeType) => string;
2065
+ monthPicker?: (overlay: boolean) => string;
2066
+ yearPicker?: (overlay: boolean) => string;
2067
+ timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
2068
2068
  } | undefined> | null | undefined;
2069
2069
  readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
2070
2070
  readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -16,9 +16,9 @@ declare const meta: {
16
16
  positionTop?: string;
17
17
  closeOnEsc?: boolean;
18
18
  }> & Readonly<{
19
- onClose?: ((...args: any[]) => any) | undefined;
19
+ onClose?: (() => any) | undefined;
20
20
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
- close: (...args: any[]) => void;
21
+ close: () => any;
22
22
  }, import('vue').PublicProps, {
23
23
  scrollable: boolean;
24
24
  maxWidth: string;
@@ -53,7 +53,7 @@ declare const meta: {
53
53
  positionTop?: string;
54
54
  closeOnEsc?: boolean;
55
55
  }> & Readonly<{
56
- onClose?: ((...args: any[]) => any) | undefined;
56
+ onClose?: (() => any) | undefined;
57
57
  }>, {}, {}, {}, {}, {
58
58
  scrollable: boolean;
59
59
  maxWidth: string;
@@ -85,9 +85,9 @@ declare const meta: {
85
85
  positionTop?: string;
86
86
  closeOnEsc?: boolean;
87
87
  }> & Readonly<{
88
- onClose?: ((...args: any[]) => any) | undefined;
88
+ onClose?: (() => any) | undefined;
89
89
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
90
- close: (...args: any[]) => void;
90
+ close: () => any;
91
91
  }, string, {
92
92
  scrollable: boolean;
93
93
  maxWidth: string;
@@ -157,9 +157,221 @@ declare const meta: {
157
157
  closeOnClickOutside: true;
158
158
  positionTop: string;
159
159
  };
160
- render: (args: any) => {
160
+ render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
161
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
162
+ scrollable?: boolean;
163
+ maxWidth?: string;
164
+ maxHeight?: string;
165
+ roundedBorder?: boolean;
166
+ hasPaddingY?: boolean;
167
+ hasPaddingX?: boolean;
168
+ headerClasses?: string;
169
+ mainClasses?: string;
170
+ hasCloseButton?: boolean;
171
+ closeOnClickOutside?: boolean;
172
+ positionTop?: string;
173
+ closeOnEsc?: boolean;
174
+ }> & Readonly<{
175
+ onClose?: (() => any) | undefined;
176
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
177
+ close: () => any;
178
+ }, import('vue').PublicProps, {
179
+ scrollable: boolean;
180
+ maxWidth: string;
181
+ maxHeight: string;
182
+ roundedBorder: boolean;
183
+ hasPaddingY: boolean;
184
+ hasPaddingX: boolean;
185
+ headerClasses: string;
186
+ mainClasses: string;
187
+ hasCloseButton: boolean;
188
+ closeOnClickOutside: boolean;
189
+ positionTop: string;
190
+ closeOnEsc: boolean;
191
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
192
+ P: {};
193
+ B: {};
194
+ D: {};
195
+ C: {};
196
+ M: {};
197
+ Defaults: {};
198
+ }, Readonly<{
199
+ scrollable?: boolean;
200
+ maxWidth?: string;
201
+ maxHeight?: string;
202
+ roundedBorder?: boolean;
203
+ hasPaddingY?: boolean;
204
+ hasPaddingX?: boolean;
205
+ headerClasses?: string;
206
+ mainClasses?: string;
207
+ hasCloseButton?: boolean;
208
+ closeOnClickOutside?: boolean;
209
+ positionTop?: string;
210
+ closeOnEsc?: boolean;
211
+ }> & Readonly<{
212
+ onClose?: (() => any) | undefined;
213
+ }>, {}, {}, {}, {}, {
214
+ scrollable: boolean;
215
+ maxWidth: string;
216
+ maxHeight: string;
217
+ roundedBorder: boolean;
218
+ hasPaddingY: boolean;
219
+ hasPaddingX: boolean;
220
+ headerClasses: string;
221
+ mainClasses: string;
222
+ hasCloseButton: boolean;
223
+ closeOnClickOutside: boolean;
224
+ positionTop: string;
225
+ closeOnEsc: boolean;
226
+ }>;
227
+ __isFragment?: never;
228
+ __isTeleport?: never;
229
+ __isSuspense?: never;
230
+ } & import('vue').ComponentOptionsBase<Readonly<{
231
+ scrollable?: boolean;
232
+ maxWidth?: string;
233
+ maxHeight?: string;
234
+ roundedBorder?: boolean;
235
+ hasPaddingY?: boolean;
236
+ hasPaddingX?: boolean;
237
+ headerClasses?: string;
238
+ mainClasses?: string;
239
+ hasCloseButton?: boolean;
240
+ closeOnClickOutside?: boolean;
241
+ positionTop?: string;
242
+ closeOnEsc?: boolean;
243
+ }> & Readonly<{
244
+ onClose?: (() => any) | undefined;
245
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
246
+ close: () => any;
247
+ }, string, {
248
+ scrollable: boolean;
249
+ maxWidth: string;
250
+ maxHeight: string;
251
+ roundedBorder: boolean;
252
+ hasPaddingY: boolean;
253
+ hasPaddingX: boolean;
254
+ headerClasses: string;
255
+ mainClasses: string;
256
+ hasCloseButton: boolean;
257
+ closeOnClickOutside: boolean;
258
+ positionTop: string;
259
+ closeOnEsc: boolean;
260
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
261
+ $slots: {
262
+ header?(_: {}): any;
263
+ default?(_: {}): any;
264
+ footer?(_: {}): any;
265
+ };
266
+ })>) => {
161
267
  setup(this: void): {
162
- args: any;
268
+ args: import('@storybook/vue3').ComponentPropsAndSlots<{
269
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
270
+ scrollable?: boolean;
271
+ maxWidth?: string;
272
+ maxHeight?: string;
273
+ roundedBorder?: boolean;
274
+ hasPaddingY?: boolean;
275
+ hasPaddingX?: boolean;
276
+ headerClasses?: string;
277
+ mainClasses?: string;
278
+ hasCloseButton?: boolean;
279
+ closeOnClickOutside?: boolean;
280
+ positionTop?: string;
281
+ closeOnEsc?: boolean;
282
+ }> & Readonly<{
283
+ onClose?: (() => any) | undefined;
284
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
285
+ close: () => any;
286
+ }, import('vue').PublicProps, {
287
+ scrollable: boolean;
288
+ maxWidth: string;
289
+ maxHeight: string;
290
+ roundedBorder: boolean;
291
+ hasPaddingY: boolean;
292
+ hasPaddingX: boolean;
293
+ headerClasses: string;
294
+ mainClasses: string;
295
+ hasCloseButton: boolean;
296
+ closeOnClickOutside: boolean;
297
+ positionTop: string;
298
+ closeOnEsc: boolean;
299
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
300
+ P: {};
301
+ B: {};
302
+ D: {};
303
+ C: {};
304
+ M: {};
305
+ Defaults: {};
306
+ }, Readonly<{
307
+ scrollable?: boolean;
308
+ maxWidth?: string;
309
+ maxHeight?: string;
310
+ roundedBorder?: boolean;
311
+ hasPaddingY?: boolean;
312
+ hasPaddingX?: boolean;
313
+ headerClasses?: string;
314
+ mainClasses?: string;
315
+ hasCloseButton?: boolean;
316
+ closeOnClickOutside?: boolean;
317
+ positionTop?: string;
318
+ closeOnEsc?: boolean;
319
+ }> & Readonly<{
320
+ onClose?: (() => any) | undefined;
321
+ }>, {}, {}, {}, {}, {
322
+ scrollable: boolean;
323
+ maxWidth: string;
324
+ maxHeight: string;
325
+ roundedBorder: boolean;
326
+ hasPaddingY: boolean;
327
+ hasPaddingX: boolean;
328
+ headerClasses: string;
329
+ mainClasses: string;
330
+ hasCloseButton: boolean;
331
+ closeOnClickOutside: boolean;
332
+ positionTop: string;
333
+ closeOnEsc: boolean;
334
+ }>;
335
+ __isFragment?: never;
336
+ __isTeleport?: never;
337
+ __isSuspense?: never;
338
+ } & import('vue').ComponentOptionsBase<Readonly<{
339
+ scrollable?: boolean;
340
+ maxWidth?: string;
341
+ maxHeight?: string;
342
+ roundedBorder?: boolean;
343
+ hasPaddingY?: boolean;
344
+ hasPaddingX?: boolean;
345
+ headerClasses?: string;
346
+ mainClasses?: string;
347
+ hasCloseButton?: boolean;
348
+ closeOnClickOutside?: boolean;
349
+ positionTop?: string;
350
+ closeOnEsc?: boolean;
351
+ }> & Readonly<{
352
+ onClose?: (() => any) | undefined;
353
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
354
+ close: () => any;
355
+ }, string, {
356
+ scrollable: boolean;
357
+ maxWidth: string;
358
+ maxHeight: string;
359
+ roundedBorder: boolean;
360
+ hasPaddingY: boolean;
361
+ hasPaddingX: boolean;
362
+ headerClasses: string;
363
+ mainClasses: string;
364
+ hasCloseButton: boolean;
365
+ closeOnClickOutside: boolean;
366
+ positionTop: string;
367
+ closeOnEsc: boolean;
368
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
369
+ $slots: {
370
+ header?(_: {}): any;
371
+ default?(_: {}): any;
372
+ footer?(_: {}): any;
373
+ };
374
+ })>;
163
375
  };
164
376
  components: {
165
377
  UiDialog: {
@@ -177,9 +389,9 @@ declare const meta: {
177
389
  positionTop?: string;
178
390
  closeOnEsc?: boolean;
179
391
  }> & Readonly<{
180
- onClose?: ((...args: any[]) => any) | undefined;
392
+ onClose?: (() => any) | undefined;
181
393
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
182
- close: (...args: any[]) => void;
394
+ close: () => any;
183
395
  }, import('vue').PublicProps, {
184
396
  scrollable: boolean;
185
397
  maxWidth: string;
@@ -214,7 +426,7 @@ declare const meta: {
214
426
  positionTop?: string;
215
427
  closeOnEsc?: boolean;
216
428
  }> & Readonly<{
217
- onClose?: ((...args: any[]) => any) | undefined;
429
+ onClose?: (() => any) | undefined;
218
430
  }>, {}, {}, {}, {}, {
219
431
  scrollable: boolean;
220
432
  maxWidth: string;
@@ -246,9 +458,9 @@ declare const meta: {
246
458
  positionTop?: string;
247
459
  closeOnEsc?: boolean;
248
460
  }> & Readonly<{
249
- onClose?: ((...args: any[]) => any) | undefined;
461
+ onClose?: (() => any) | undefined;
250
462
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
251
- close: (...args: any[]) => void;
463
+ close: () => any;
252
464
  }, string, {
253
465
  scrollable: boolean;
254
466
  maxWidth: string;
@@ -24,9 +24,9 @@ declare function __VLS_template(): {
24
24
  };
25
25
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
26
26
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
27
- close: (...args: any[]) => void;
27
+ close: () => any;
28
28
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
29
- onClose?: ((...args: any[]) => any) | undefined;
29
+ onClose?: (() => any) | undefined;
30
30
  }>, {
31
31
  scrollable: boolean;
32
32
  maxWidth: string;
@@ -62,29 +62,108 @@ declare const meta: {
62
62
  iconIsFilled: {
63
63
  control: "boolean";
64
64
  };
65
- isClickable: {
66
- control: string;
67
- };
68
- label: {
69
- control: string;
70
- };
71
- iconMargin: {
72
- control: string;
73
- options: string[];
74
- };
75
- args: {
76
- size: string;
65
+ };
66
+ args: {
67
+ size: "medium";
68
+ color: string;
69
+ fill: string;
70
+ iconIsFilled: true;
71
+ };
72
+ render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
73
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
74
+ color?: string;
75
+ fill?: string;
76
+ iconIsFilled?: boolean;
77
+ size?: "small" | "medium" | "large" | "xl";
78
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
79
+ size: "small" | "medium" | "large" | "xl";
80
+ fill: string;
77
81
  color: string;
82
+ iconIsFilled: boolean;
83
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
84
+ P: {};
85
+ B: {};
86
+ D: {};
87
+ C: {};
88
+ M: {};
89
+ Defaults: {};
90
+ }, Readonly<{
91
+ color?: string;
92
+ fill?: string;
93
+ iconIsFilled?: boolean;
94
+ size?: "small" | "medium" | "large" | "xl";
95
+ }> & Readonly<{}>, {}, {}, {}, {}, {
96
+ size: "small" | "medium" | "large" | "xl";
78
97
  fill: string;
98
+ color: string;
79
99
  iconIsFilled: boolean;
80
- isClickable: boolean;
81
- label: string;
82
- iconMargin: string;
100
+ }>;
101
+ __isFragment?: never;
102
+ __isTeleport?: never;
103
+ __isSuspense?: never;
104
+ } & import('vue').ComponentOptionsBase<Readonly<{
105
+ color?: string;
106
+ fill?: string;
107
+ iconIsFilled?: boolean;
108
+ size?: "small" | "medium" | "large" | "xl";
109
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
110
+ size: "small" | "medium" | "large" | "xl";
111
+ fill: string;
112
+ color: string;
113
+ iconIsFilled: boolean;
114
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
115
+ $slots: {
116
+ default?(_: {}): any;
83
117
  };
84
- };
85
- render: (args: any) => {
118
+ })>) => {
86
119
  setup(this: void): {
87
- args: any;
120
+ args: import('@storybook/vue3').ComponentPropsAndSlots<{
121
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
122
+ color?: string;
123
+ fill?: string;
124
+ iconIsFilled?: boolean;
125
+ size?: "small" | "medium" | "large" | "xl";
126
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
127
+ size: "small" | "medium" | "large" | "xl";
128
+ fill: string;
129
+ color: string;
130
+ iconIsFilled: boolean;
131
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
132
+ P: {};
133
+ B: {};
134
+ D: {};
135
+ C: {};
136
+ M: {};
137
+ Defaults: {};
138
+ }, Readonly<{
139
+ color?: string;
140
+ fill?: string;
141
+ iconIsFilled?: boolean;
142
+ size?: "small" | "medium" | "large" | "xl";
143
+ }> & Readonly<{}>, {}, {}, {}, {}, {
144
+ size: "small" | "medium" | "large" | "xl";
145
+ fill: string;
146
+ color: string;
147
+ iconIsFilled: boolean;
148
+ }>;
149
+ __isFragment?: never;
150
+ __isTeleport?: never;
151
+ __isSuspense?: never;
152
+ } & import('vue').ComponentOptionsBase<Readonly<{
153
+ color?: string;
154
+ fill?: string;
155
+ iconIsFilled?: boolean;
156
+ size?: "small" | "medium" | "large" | "xl";
157
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
158
+ size: "small" | "medium" | "large" | "xl";
159
+ fill: string;
160
+ color: string;
161
+ iconIsFilled: boolean;
162
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
163
+ $slots: {
164
+ default?(_: {}): any;
165
+ };
166
+ })>;
88
167
  };
89
168
  components: {
90
169
  UiFilterBadge: {
@@ -141,8 +220,8 @@ declare const meta: {
141
220
  backgroundColor?: "blue" | "none" | "gray-hover";
142
221
  iconColor?: "blue" | "gray" | "white";
143
222
  size?: "small" | "medium" | "large" | "xl";
144
- }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
145
- click: (payload: any) => any;
223
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
224
+ click: (args_0: MouseEvent) => any;
146
225
  }, string, import('vue').PublicProps, Readonly<{
147
226
  iconName: typeof import('../UiIcon/iconNames').iconNames[number];
148
227
  title?: string;
@@ -151,7 +230,7 @@ declare const meta: {
151
230
  iconColor?: "blue" | "gray" | "white";
152
231
  size?: "small" | "medium" | "large" | "xl";
153
232
  }> & Readonly<{
154
- onClick?: ((payload: any) => any) | undefined;
233
+ onClick?: ((args_0: MouseEvent) => any) | undefined;
155
234
  }>, {
156
235
  size: "small" | "medium" | "large" | "xl";
157
236
  disabled: boolean;