@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/UiTextButton/UiTextButton.stories.d.ts CHANGED
@@ -2,89 +2,137 @@ 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" | "xsmall">;
8
- default: string;
9
- };
10
- color: {
11
- type: import("vue").PropType<"blue" | "gray">;
12
- default: string;
13
- };
14
- href: {
15
- type: import("vue").PropType<string>;
16
- default: undefined;
5
+ new (...args: any[]): {
6
+ $: import("vue").ComponentInternalInstance;
7
+ $data: {};
8
+ $props: Partial<{
9
+ size: "small" | "medium" | "xsmall";
10
+ color: "blue" | "gray";
11
+ href: string;
12
+ iconLeft: string;
13
+ iconRight: string;
14
+ placement: "onsurface" | "oncanvas";
15
+ weight: "regular" | "semibold";
16
+ linkTarget: string;
17
+ }> & Omit<{
18
+ readonly size: "small" | "medium" | "xsmall";
19
+ readonly color: "blue" | "gray";
20
+ readonly placement: "onsurface" | "oncanvas";
21
+ readonly weight: "regular" | "semibold";
22
+ readonly linkTarget: string;
23
+ readonly href?: string | undefined;
24
+ readonly iconLeft?: string | undefined;
25
+ readonly iconRight?: string | undefined;
26
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
27
+ size: {
28
+ type: import("vue").PropType<"small" | "medium" | "xsmall">;
29
+ default: string;
30
+ };
31
+ color: {
32
+ type: import("vue").PropType<"blue" | "gray">;
33
+ default: string;
34
+ };
35
+ href: {
36
+ type: import("vue").PropType<string>;
37
+ default: undefined;
38
+ };
39
+ iconLeft: {
40
+ type: import("vue").PropType<string>;
41
+ default: undefined;
42
+ };
43
+ iconRight: {
44
+ type: import("vue").PropType<string>;
45
+ default: undefined;
46
+ };
47
+ placement: {
48
+ type: import("vue").PropType<"onsurface" | "oncanvas">;
49
+ default: string;
50
+ };
51
+ weight: {
52
+ type: import("vue").PropType<"regular" | "semibold">;
53
+ default: string;
54
+ };
55
+ linkTarget: {
56
+ type: import("vue").PropType<string>;
57
+ default: string;
58
+ };
59
+ }>>, "size" | "color" | "href" | "iconLeft" | "iconRight" | "placement" | "weight" | "linkTarget">;
60
+ $attrs: {
61
+ [x: string]: unknown;
17
62
  };
18
- iconLeft: {
19
- type: import("vue").PropType<string>;
20
- default: undefined;
63
+ $refs: {
64
+ [x: string]: unknown;
21
65
  };
22
- iconRight: {
23
- type: import("vue").PropType<string>;
24
- default: undefined;
25
- };
26
- placement: {
27
- type: import("vue").PropType<"onsurface" | "oncanvas">;
28
- default: string;
29
- };
30
- weight: {
31
- type: import("vue").PropType<"regular" | "semibold">;
32
- default: string;
33
- };
34
- linkTarget: {
35
- type: import("vue").PropType<string>;
36
- default: string;
37
- };
38
- }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
39
- size: {
40
- type: import("vue").PropType<"small" | "medium" | "xsmall">;
41
- default: string;
42
- };
43
- color: {
44
- type: import("vue").PropType<"blue" | "gray">;
45
- default: string;
46
- };
47
- href: {
48
- type: import("vue").PropType<string>;
49
- default: undefined;
50
- };
51
- iconLeft: {
52
- type: import("vue").PropType<string>;
53
- default: undefined;
54
- };
55
- iconRight: {
56
- type: import("vue").PropType<string>;
57
- default: undefined;
58
- };
59
- placement: {
60
- type: import("vue").PropType<"onsurface" | "oncanvas">;
61
- default: string;
62
- };
63
- weight: {
64
- type: import("vue").PropType<"regular" | "semibold">;
65
- default: string;
66
- };
67
- linkTarget: {
68
- type: import("vue").PropType<string>;
69
- default: string;
66
+ $slots: Readonly<{
67
+ [name: string]: import("vue").Slot<any> | undefined;
68
+ }>;
69
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
70
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
71
+ $emit: (event: string, ...args: any[]) => void;
72
+ $el: any;
73
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
74
+ size: {
75
+ type: import("vue").PropType<"small" | "medium" | "xsmall">;
76
+ default: string;
77
+ };
78
+ color: {
79
+ type: import("vue").PropType<"blue" | "gray">;
80
+ default: string;
81
+ };
82
+ href: {
83
+ type: import("vue").PropType<string>;
84
+ default: undefined;
85
+ };
86
+ iconLeft: {
87
+ type: import("vue").PropType<string>;
88
+ default: undefined;
89
+ };
90
+ iconRight: {
91
+ type: import("vue").PropType<string>;
92
+ default: undefined;
93
+ };
94
+ placement: {
95
+ type: import("vue").PropType<"onsurface" | "oncanvas">;
96
+ default: string;
97
+ };
98
+ weight: {
99
+ type: import("vue").PropType<"regular" | "semibold">;
100
+ default: string;
101
+ };
102
+ linkTarget: {
103
+ type: import("vue").PropType<string>;
104
+ default: string;
105
+ };
106
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
107
+ size: "small" | "medium" | "xsmall";
108
+ color: "blue" | "gray";
109
+ href: string;
110
+ iconLeft: string;
111
+ iconRight: string;
112
+ placement: "onsurface" | "oncanvas";
113
+ weight: "regular" | "semibold";
114
+ linkTarget: string;
115
+ }, {}, string, {}> & {
116
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
117
+ created?: ((() => void) | (() => void)[]) | undefined;
118
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
119
+ mounted?: ((() => void) | (() => void)[]) | undefined;
120
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
121
+ updated?: ((() => void) | (() => void)[]) | undefined;
122
+ activated?: ((() => void) | (() => void)[]) | undefined;
123
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
124
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
125
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
126
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
127
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
128
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
129
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
130
+ 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;
70
131
  };
71
- }>>, {
72
- size: "small" | "medium" | "xsmall";
73
- color: "blue" | "gray";
74
- href: string;
75
- iconLeft: string;
76
- iconRight: string;
77
- placement: "onsurface" | "oncanvas";
78
- weight: "regular" | "semibold";
79
- linkTarget: string;
80
- }, true, {}, {}, {
81
- P: {};
82
- B: {};
83
- D: {};
84
- C: {};
85
- M: {};
86
- Defaults: {};
87
- }, Readonly<import("vue").ExtractPropTypes<{
132
+ $forceUpdate: () => void;
133
+ $nextTick: typeof import("vue").nextTick;
134
+ $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;
135
+ } & Readonly<import("vue").ExtractPropTypes<{
88
136
  size: {
89
137
  type: import("vue").PropType<"small" | "medium" | "xsmall">;
90
138
  default: string;
@@ -117,16 +165,7 @@ declare const meta: {
117
165
  type: import("vue").PropType<string>;
118
166
  default: string;
119
167
  };
120
- }>>, {}, {}, {}, {}, {
121
- size: "small" | "medium" | "xsmall";
122
- color: "blue" | "gray";
123
- href: string;
124
- iconLeft: string;
125
- iconRight: string;
126
- placement: "onsurface" | "oncanvas";
127
- weight: "regular" | "semibold";
128
- linkTarget: string;
129
- }>;
168
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
130
169
  __isFragment?: undefined;
131
170
  __isTeleport?: undefined;
132
171
  __isSuspense?: undefined;
package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts CHANGED
@@ -2,86 +2,133 @@ 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" | "large">;
8
- default: string;
5
+ new (...args: any[]): {
6
+ $: import("vue").ComponentInternalInstance;
7
+ $data: {};
8
+ $props: Partial<{
9
+ size: "small" | "large";
10
+ color: "blue" | "green";
11
+ modelValue: boolean;
12
+ disabled: boolean;
13
+ labelText: string;
14
+ labelSpace: "default" | "xl";
15
+ labelPosition: "left" | "right";
16
+ }> & Omit<{
17
+ readonly size: "small" | "large";
18
+ readonly color: "blue" | "green";
19
+ readonly modelValue: boolean;
20
+ readonly disabled: boolean;
21
+ readonly labelText: string;
22
+ readonly labelSpace: "default" | "xl";
23
+ readonly labelPosition: "left" | "right";
24
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
25
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
26
+ size: {
27
+ type: import("vue").PropType<"small" | "large">;
28
+ default: string;
29
+ };
30
+ color: {
31
+ type: import("vue").PropType<"blue" | "green">;
32
+ default: string;
33
+ };
34
+ modelValue: {
35
+ type: import("vue").PropType<boolean>;
36
+ default: boolean;
37
+ };
38
+ disabled: {
39
+ type: import("vue").PropType<boolean>;
40
+ default: boolean;
41
+ };
42
+ labelText: {
43
+ type: import("vue").PropType<string>;
44
+ default: string;
45
+ };
46
+ labelSpace: {
47
+ type: import("vue").PropType<"default" | "xl">;
48
+ default: string;
49
+ };
50
+ labelPosition: {
51
+ type: import("vue").PropType<"left" | "right">;
52
+ default: string;
53
+ };
54
+ }>> & {
55
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
56
+ }, "size" | "color" | "modelValue" | "disabled" | "labelText" | "labelSpace" | "labelPosition">;
57
+ $attrs: {
58
+ [x: string]: unknown;
9
59
  };
10
- color: {
11
- type: import("vue").PropType<"blue" | "green">;
12
- default: string;
60
+ $refs: {
61
+ [x: string]: unknown;
13
62
  };
14
- modelValue: {
15
- type: import("vue").PropType<boolean>;
16
- default: boolean;
63
+ $slots: Readonly<{
64
+ [name: string]: import("vue").Slot<any> | undefined;
65
+ }>;
66
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
67
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
68
+ $emit: (event: "update:modelValue", ...args: any[]) => void;
69
+ $el: any;
70
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
71
+ size: {
72
+ type: import("vue").PropType<"small" | "large">;
73
+ default: string;
74
+ };
75
+ color: {
76
+ type: import("vue").PropType<"blue" | "green">;
77
+ default: string;
78
+ };
79
+ modelValue: {
80
+ type: import("vue").PropType<boolean>;
81
+ default: boolean;
82
+ };
83
+ disabled: {
84
+ type: import("vue").PropType<boolean>;
85
+ default: boolean;
86
+ };
87
+ labelText: {
88
+ type: import("vue").PropType<string>;
89
+ default: string;
90
+ };
91
+ labelSpace: {
92
+ type: import("vue").PropType<"default" | "xl">;
93
+ default: string;
94
+ };
95
+ labelPosition: {
96
+ type: import("vue").PropType<"left" | "right">;
97
+ default: string;
98
+ };
99
+ }>> & {
100
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
101
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
102
+ "update:modelValue": (...args: any[]) => void;
103
+ }, string, {
104
+ size: "small" | "large";
105
+ color: "blue" | "green";
106
+ modelValue: boolean;
107
+ disabled: boolean;
108
+ labelText: string;
109
+ labelSpace: "default" | "xl";
110
+ labelPosition: "left" | "right";
111
+ }, {}, string, {}> & {
112
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
113
+ created?: ((() => void) | (() => void)[]) | undefined;
114
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
115
+ mounted?: ((() => void) | (() => void)[]) | undefined;
116
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
117
+ updated?: ((() => void) | (() => void)[]) | undefined;
118
+ activated?: ((() => void) | (() => void)[]) | undefined;
119
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
120
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
121
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
122
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
123
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
124
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
125
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
126
+ 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;
17
127
  };
18
- disabled: {
19
- type: import("vue").PropType<boolean>;
20
- default: boolean;
21
- };
22
- labelText: {
23
- type: import("vue").PropType<string>;
24
- default: string;
25
- };
26
- labelSpace: {
27
- type: import("vue").PropType<"default" | "xl">;
28
- default: string;
29
- };
30
- labelPosition: {
31
- type: import("vue").PropType<"left" | "right">;
32
- default: string;
33
- };
34
- }>> & {
35
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
36
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
37
- "update:modelValue": (...args: any[]) => void;
38
- }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
39
- size: {
40
- type: import("vue").PropType<"small" | "large">;
41
- default: string;
42
- };
43
- color: {
44
- type: import("vue").PropType<"blue" | "green">;
45
- default: string;
46
- };
47
- modelValue: {
48
- type: import("vue").PropType<boolean>;
49
- default: boolean;
50
- };
51
- disabled: {
52
- type: import("vue").PropType<boolean>;
53
- default: boolean;
54
- };
55
- labelText: {
56
- type: import("vue").PropType<string>;
57
- default: string;
58
- };
59
- labelSpace: {
60
- type: import("vue").PropType<"default" | "xl">;
61
- default: string;
62
- };
63
- labelPosition: {
64
- type: import("vue").PropType<"left" | "right">;
65
- default: string;
66
- };
67
- }>> & {
68
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
69
- }, {
70
- size: "small" | "large";
71
- color: "blue" | "green";
72
- modelValue: boolean;
73
- disabled: boolean;
74
- labelText: string;
75
- labelSpace: "default" | "xl";
76
- labelPosition: "left" | "right";
77
- }, true, {}, {}, {
78
- P: {};
79
- B: {};
80
- D: {};
81
- C: {};
82
- M: {};
83
- Defaults: {};
84
- }, Readonly<import("vue").ExtractPropTypes<{
128
+ $forceUpdate: () => void;
129
+ $nextTick: typeof import("vue").nextTick;
130
+ $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;
131
+ } & Readonly<import("vue").ExtractPropTypes<{
85
132
  size: {
86
133
  type: import("vue").PropType<"small" | "large">;
87
134
  default: string;
@@ -112,15 +159,7 @@ declare const meta: {
112
159
  };
113
160
  }>> & {
114
161
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
115
- }, {}, {}, {}, {}, {
116
- size: "small" | "large";
117
- color: "blue" | "green";
118
- modelValue: boolean;
119
- disabled: boolean;
120
- labelText: string;
121
- labelSpace: "default" | "xl";
122
- labelPosition: "left" | "right";
123
- }>;
162
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
124
163
  __isFragment?: undefined;
125
164
  __isTeleport?: undefined;
126
165
  __isSuspense?: undefined;