@dpa-id-components/dpa-shared-components 8.9.7 → 8.10.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 (39) hide show
  1. package/dist/UseBreakpoints.stories.ts +22 -0
  2. package/dist/UseBreakpoints.vue +12 -0
  3. package/dist/components/DpaEventItem/DpaEventItem.stories.d.ts +391 -556
  4. package/dist/components/DpaMediaItem/DpaMediaItem.stories.d.ts +63 -99
  5. package/dist/components/UiBadge/UiBadge.stories.d.ts +83 -121
  6. package/dist/components/UiButton/UiButton.stories.d.ts +89 -128
  7. package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +8 -38
  8. package/dist/components/UiCard/UiCard.stories.d.ts +8 -38
  9. package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +79 -117
  10. package/dist/components/UiChip/UiChip.stories.d.ts +40 -74
  11. package/dist/components/UiCollapseNavigation/UiCollapseNavigation.stories.d.ts +40 -74
  12. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +636 -768
  13. package/dist/components/UiDialog/UiDialog.stories.d.ts +276 -322
  14. package/dist/components/UiDialog/UiDialog.vue.d.ts +5 -0
  15. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +100 -170
  16. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +132 -206
  17. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +208 -317
  18. package/dist/components/UiList/UiList.stories.d.ts +469 -694
  19. package/dist/components/UiListItem/UiListItem.stories.d.ts +298 -388
  20. package/dist/components/UiOverlay/UiOverlay.stories.d.ts +30 -94
  21. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +372 -588
  22. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +370 -533
  23. package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +134 -222
  24. package/dist/components/UiSection/UiSection.stories.d.ts +50 -85
  25. package/dist/components/UiSectionDivider/UiSectionDivider.stories.d.ts +50 -85
  26. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +139 -215
  27. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +90 -129
  28. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +86 -125
  29. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +136 -214
  30. package/dist/dpa-shared-components.mjs +1564 -1530
  31. package/dist/dpa-shared-components.umd.js +8 -8
  32. package/dist/style.css +1 -1
  33. package/dist/tailwind/UseBreakpoints.stories.d.ts +10 -0
  34. package/dist/tailwind/useBreakpoints.d.ts +9 -0
  35. package/dist/useBreakpoints.ts +19 -0
  36. package/package.json +1 -1
  37. package/dist/bookmark-4ff074d8.mjs +0 -19
  38. package/dist/bookmark-fill-731ae06c.mjs +0 -19
  39. package/dist/graphic-90b2d2fc.mjs +0 -20
package/dist/components/UiDialog/UiDialog.vue.d.ts CHANGED
@@ -9,6 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
9
9
  hasCloseButton?: boolean | undefined;
10
10
  closeOnClickOutside?: boolean | undefined;
11
11
  positionTop?: string | undefined;
12
+ closeOnEsc?: boolean | undefined;
12
13
  }>, {
13
14
  scrollable: boolean;
14
15
  maxWidth: string;
@@ -20,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
20
21
  hasCloseButton: boolean;
21
22
  closeOnClickOutside: boolean;
22
23
  positionTop: string;
24
+ closeOnEsc: boolean;
23
25
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
24
26
  close: (...args: any[]) => void;
25
27
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -33,6 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
33
35
  hasCloseButton?: boolean | undefined;
34
36
  closeOnClickOutside?: boolean | undefined;
35
37
  positionTop?: string | undefined;
38
+ closeOnEsc?: boolean | undefined;
36
39
  }>, {
37
40
  scrollable: boolean;
38
41
  maxWidth: string;
@@ -44,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
47
  hasCloseButton: boolean;
45
48
  closeOnClickOutside: boolean;
46
49
  positionTop: string;
50
+ closeOnEsc: boolean;
47
51
  }>>> & {
48
52
  onClose?: ((...args: any[]) => any) | undefined;
49
53
  }, {
@@ -57,6 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
57
61
  hasCloseButton: boolean;
58
62
  closeOnClickOutside: boolean;
59
63
  positionTop: string;
64
+ closeOnEsc: boolean;
60
65
  }, {}>, {
61
66
  header?(_: {}): any;
62
67
  default?(_: {}): any;
package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts CHANGED
@@ -2,93 +2,53 @@ import type { StoryObj } from "@storybook/vue3";
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
5
- new (...args: any[]): {
6
- $: import("vue").ComponentInternalInstance;
7
- $data: {};
8
- $props: Partial<{
9
- size: "small" | "medium" | "large" | "xl";
10
- fill: string;
11
- color: string;
12
- iconIsFilled: boolean;
13
- }> & Omit<{
14
- readonly size: "small" | "medium" | "large" | "xl";
15
- readonly fill: string;
16
- readonly color: string;
17
- readonly iconIsFilled: boolean;
18
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
19
- size: {
20
- type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
21
- default: string;
22
- };
23
- fill: {
24
- type: import("vue").PropType<string>;
25
- default: string;
26
- };
27
- color: {
28
- type: import("vue").PropType<string>;
29
- default: string;
30
- };
31
- iconIsFilled: {
32
- type: import("vue").PropType<boolean>;
33
- default: boolean;
34
- };
35
- }>>, "size" | "fill" | "color" | "iconIsFilled">;
36
- $attrs: {
37
- [x: string]: unknown;
5
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
6
+ size: {
7
+ type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
8
+ default: string;
38
9
  };
39
- $refs: {
40
- [x: string]: unknown;
10
+ fill: {
11
+ type: import("vue").PropType<string>;
12
+ default: string;
41
13
  };
42
- $slots: Readonly<{
43
- [name: string]: import("vue").Slot<any> | undefined;
44
- }>;
45
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
46
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
47
- $emit: (event: string, ...args: any[]) => void;
48
- $el: any;
49
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
50
- size: {
51
- type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
52
- default: string;
53
- };
54
- fill: {
55
- type: import("vue").PropType<string>;
56
- default: string;
57
- };
58
- color: {
59
- type: import("vue").PropType<string>;
60
- default: string;
61
- };
62
- iconIsFilled: {
63
- type: import("vue").PropType<boolean>;
64
- default: boolean;
65
- };
66
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
67
- size: "small" | "medium" | "large" | "xl";
68
- fill: string;
69
- color: string;
70
- iconIsFilled: boolean;
71
- }, {}, string, {}> & {
72
- beforeCreate?: ((() => void) | (() => void)[]) | undefined;
73
- created?: ((() => void) | (() => void)[]) | undefined;
74
- beforeMount?: ((() => void) | (() => void)[]) | undefined;
75
- mounted?: ((() => void) | (() => void)[]) | undefined;
76
- beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
77
- updated?: ((() => void) | (() => void)[]) | undefined;
78
- activated?: ((() => void) | (() => void)[]) | undefined;
79
- deactivated?: ((() => void) | (() => void)[]) | undefined;
80
- beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
81
- beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
82
- destroyed?: ((() => void) | (() => void)[]) | undefined;
83
- unmounted?: ((() => void) | (() => void)[]) | undefined;
84
- renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
85
- renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
86
- errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
14
+ color: {
15
+ type: import("vue").PropType<string>;
16
+ default: string;
87
17
  };
88
- $forceUpdate: () => void;
89
- $nextTick: typeof import("vue").nextTick;
90
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
91
- } & Readonly<import("vue").ExtractPropTypes<{
18
+ iconIsFilled: {
19
+ type: import("vue").PropType<boolean>;
20
+ default: boolean;
21
+ };
22
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
23
+ size: {
24
+ type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
25
+ default: string;
26
+ };
27
+ fill: {
28
+ type: import("vue").PropType<string>;
29
+ default: string;
30
+ };
31
+ color: {
32
+ type: import("vue").PropType<string>;
33
+ default: string;
34
+ };
35
+ iconIsFilled: {
36
+ type: import("vue").PropType<boolean>;
37
+ default: boolean;
38
+ };
39
+ }>>, {
40
+ size: "small" | "medium" | "large" | "xl";
41
+ fill: string;
42
+ color: string;
43
+ iconIsFilled: boolean;
44
+ }, true, {}, {}, {
45
+ P: {};
46
+ B: {};
47
+ D: {};
48
+ C: {};
49
+ M: {};
50
+ Defaults: {};
51
+ }, Readonly<import("vue").ExtractPropTypes<{
92
52
  size: {
93
53
  type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
94
54
  default: string;
@@ -105,7 +65,12 @@ declare const meta: {
105
65
  type: import("vue").PropType<boolean>;
106
66
  default: boolean;
107
67
  };
108
- }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
68
+ }>>, {}, {}, {}, {}, {
69
+ size: "small" | "medium" | "large" | "xl";
70
+ fill: string;
71
+ color: string;
72
+ iconIsFilled: boolean;
73
+ }>;
109
74
  __isFragment?: undefined;
110
75
  __isTeleport?: undefined;
111
76
  __isSuspense?: undefined;
@@ -176,93 +141,53 @@ declare const meta: {
176
141
  };
177
142
  components: {
178
143
  UiFilterBadge: {
179
- new (...args: any[]): {
180
- $: import("vue").ComponentInternalInstance;
181
- $data: {};
182
- $props: Partial<{
183
- size: "small" | "medium" | "large" | "xl";
184
- fill: string;
185
- color: string;
186
- iconIsFilled: boolean;
187
- }> & Omit<{
188
- readonly size: "small" | "medium" | "large" | "xl";
189
- readonly fill: string;
190
- readonly color: string;
191
- readonly iconIsFilled: boolean;
192
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
193
- size: {
194
- type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
195
- default: string;
196
- };
197
- fill: {
198
- type: import("vue").PropType<string>;
199
- default: string;
200
- };
201
- color: {
202
- type: import("vue").PropType<string>;
203
- default: string;
204
- };
205
- iconIsFilled: {
206
- type: import("vue").PropType<boolean>;
207
- default: boolean;
208
- };
209
- }>>, "size" | "fill" | "color" | "iconIsFilled">;
210
- $attrs: {
211
- [x: string]: unknown;
144
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
145
+ size: {
146
+ type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
147
+ default: string;
212
148
  };
213
- $refs: {
214
- [x: string]: unknown;
149
+ fill: {
150
+ type: import("vue").PropType<string>;
151
+ default: string;
152
+ };
153
+ color: {
154
+ type: import("vue").PropType<string>;
155
+ default: string;
156
+ };
157
+ iconIsFilled: {
158
+ type: import("vue").PropType<boolean>;
159
+ default: boolean;
160
+ };
161
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
162
+ size: {
163
+ type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
164
+ default: string;
215
165
  };
216
- $slots: Readonly<{
217
- [name: string]: import("vue").Slot<any> | undefined;
218
- }>;
219
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
220
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
221
- $emit: (event: string, ...args: any[]) => void;
222
- $el: any;
223
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
224
- size: {
225
- type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
226
- default: string;
227
- };
228
- fill: {
229
- type: import("vue").PropType<string>;
230
- default: string;
231
- };
232
- color: {
233
- type: import("vue").PropType<string>;
234
- default: string;
235
- };
236
- iconIsFilled: {
237
- type: import("vue").PropType<boolean>;
238
- default: boolean;
239
- };
240
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
241
- size: "small" | "medium" | "large" | "xl";
242
- fill: string;
243
- color: string;
244
- iconIsFilled: boolean;
245
- }, {}, string, {}> & {
246
- beforeCreate?: ((() => void) | (() => void)[]) | undefined;
247
- created?: ((() => void) | (() => void)[]) | undefined;
248
- beforeMount?: ((() => void) | (() => void)[]) | undefined;
249
- mounted?: ((() => void) | (() => void)[]) | undefined;
250
- beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
251
- updated?: ((() => void) | (() => void)[]) | undefined;
252
- activated?: ((() => void) | (() => void)[]) | undefined;
253
- deactivated?: ((() => void) | (() => void)[]) | undefined;
254
- beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
255
- beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
256
- destroyed?: ((() => void) | (() => void)[]) | undefined;
257
- unmounted?: ((() => void) | (() => void)[]) | undefined;
258
- renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
259
- renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
260
- errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
166
+ fill: {
167
+ type: import("vue").PropType<string>;
168
+ default: string;
169
+ };
170
+ color: {
171
+ type: import("vue").PropType<string>;
172
+ default: string;
173
+ };
174
+ iconIsFilled: {
175
+ type: import("vue").PropType<boolean>;
176
+ default: boolean;
261
177
  };
262
- $forceUpdate: () => void;
263
- $nextTick: typeof import("vue").nextTick;
264
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
265
- } & Readonly<import("vue").ExtractPropTypes<{
178
+ }>>, {
179
+ size: "small" | "medium" | "large" | "xl";
180
+ fill: string;
181
+ color: string;
182
+ iconIsFilled: boolean;
183
+ }, true, {}, {}, {
184
+ P: {};
185
+ B: {};
186
+ D: {};
187
+ C: {};
188
+ M: {};
189
+ Defaults: {};
190
+ }, Readonly<import("vue").ExtractPropTypes<{
266
191
  size: {
267
192
  type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
268
193
  default: string;
@@ -279,7 +204,12 @@ declare const meta: {
279
204
  type: import("vue").PropType<boolean>;
280
205
  default: boolean;
281
206
  };
282
- }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
207
+ }>>, {}, {}, {}, {}, {
208
+ size: "small" | "medium" | "large" | "xl";
209
+ fill: string;
210
+ color: string;
211
+ iconIsFilled: boolean;
212
+ }>;
283
213
  __isFragment?: undefined;
284
214
  __isTeleport?: undefined;
285
215
  __isSuspense?: undefined;