@dpa-id-components/dpa-shared-components 8.10.0 → 8.10.4

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 (40) hide show
  1. package/README.md +2 -0
  2. package/dist/bookmark-4ff074d8.mjs +19 -0
  3. package/dist/bookmark-fill-731ae06c.mjs +19 -0
  4. package/dist/components/DpaEventItem/DpaEventItem.stories.d.ts +556 -391
  5. package/dist/components/DpaMediaItem/DpaMediaItem.stories.d.ts +99 -63
  6. package/dist/components/UiBadge/UiBadge.stories.d.ts +121 -83
  7. package/dist/components/UiButton/UiButton.stories.d.ts +128 -89
  8. package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +38 -8
  9. package/dist/components/UiCard/UiCard.stories.d.ts +38 -8
  10. package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +117 -79
  11. package/dist/components/UiChip/UiChip.stories.d.ts +74 -40
  12. package/dist/components/UiCollapseNavigation/UiCollapseNavigation.stories.d.ts +74 -40
  13. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +808 -636
  14. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +5 -0
  15. package/dist/components/UiDialog/UiDialog.stories.d.ts +344 -258
  16. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +170 -100
  17. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +206 -132
  18. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +317 -208
  19. package/dist/components/UiList/UiList.stories.d.ts +735 -510
  20. package/dist/components/UiListItem/UiListItem.stories.d.ts +388 -298
  21. package/dist/components/UiOverlay/UiOverlay.stories.d.ts +94 -30
  22. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +588 -372
  23. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +533 -370
  24. package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +222 -134
  25. package/dist/components/UiSection/UiSection.stories.d.ts +85 -50
  26. package/dist/components/UiSectionDivider/UiSectionDivider.stories.d.ts +85 -50
  27. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +215 -139
  28. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +129 -90
  29. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +125 -86
  30. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +214 -136
  31. package/dist/dpa-shared-components.mjs +768 -768
  32. package/dist/dpa-shared-components.umd.js +4 -4
  33. package/dist/graphic-90b2d2fc.mjs +20 -0
  34. package/dist/style.css +1 -1
  35. package/package.json +1 -1
  36. package/dist/UseBreakpoints.stories.ts +0 -22
  37. package/dist/UseBreakpoints.vue +0 -12
  38. package/dist/tailwind/UseBreakpoints.stories.d.ts +0 -10
  39. package/dist/tailwind/useBreakpoints.d.ts +0 -9
  40. package/dist/useBreakpoints.ts +0 -19
package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts CHANGED
@@ -2,53 +2,93 @@ import type { StoryObj } from "@storybook/vue3";
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
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;
9
- };
10
- fill: {
11
- type: import("vue").PropType<string>;
12
- default: string;
13
- };
14
- color: {
15
- type: import("vue").PropType<string>;
16
- default: string;
17
- };
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;
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;
30
38
  };
31
- color: {
32
- type: import("vue").PropType<string>;
33
- default: string;
39
+ $refs: {
40
+ [x: string]: unknown;
34
41
  };
35
- iconIsFilled: {
36
- type: import("vue").PropType<boolean>;
37
- default: boolean;
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;
38
87
  };
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<{
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<{
52
92
  size: {
53
93
  type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
54
94
  default: string;
@@ -65,12 +105,7 @@ declare const meta: {
65
105
  type: import("vue").PropType<boolean>;
66
106
  default: boolean;
67
107
  };
68
- }>>, {}, {}, {}, {}, {
69
- size: "small" | "medium" | "large" | "xl";
70
- fill: string;
71
- color: string;
72
- iconIsFilled: boolean;
73
- }>;
108
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
74
109
  __isFragment?: undefined;
75
110
  __isTeleport?: undefined;
76
111
  __isSuspense?: undefined;
@@ -141,53 +176,93 @@ declare const meta: {
141
176
  };
142
177
  components: {
143
178
  UiFilterBadge: {
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;
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;
148
212
  };
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;
213
+ $refs: {
214
+ [x: string]: unknown;
165
215
  };
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;
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;
177
261
  };
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<{
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<{
191
266
  size: {
192
267
  type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
193
268
  default: string;
@@ -204,12 +279,7 @@ declare const meta: {
204
279
  type: import("vue").PropType<boolean>;
205
280
  default: boolean;
206
281
  };
207
- }>>, {}, {}, {}, {}, {
208
- size: "small" | "medium" | "large" | "xl";
209
- fill: string;
210
- color: string;
211
- iconIsFilled: boolean;
212
- }>;
282
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
213
283
  __isFragment?: undefined;
214
284
  __isTeleport?: undefined;
215
285
  __isSuspense?: undefined;