@dpa-id-components/dpa-shared-components 8.5.0 → 8.5.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 (83) hide show
  1. package/dist/UseBreakpoints.stories.ts +22 -0
  2. package/dist/UseBreakpoints.vue +12 -0
  3. package/dist/UseTailwindBreakpoints.stories.ts +22 -0
  4. package/dist/UseTailwindBreakpoints.vue +13 -0
  5. package/dist/audio-inline-92256dc7.mjs +19 -0
  6. package/dist/bookmark-4ff074d8.mjs +19 -0
  7. package/dist/bookmark-89d43835.mjs +18 -0
  8. package/dist/bookmark-fill-2b5e5104.mjs +18 -0
  9. package/dist/bookmark-fill-731ae06c.mjs +19 -0
  10. package/dist/components/DpaEventItem/DpaEventItem.stories.d.ts +10 -10
  11. package/dist/components/DpaMediaItem/DpaMediaItem.stories.d.ts +2 -2
  12. package/dist/components/UiAutocomplete/UiAutocomplete.stories.d.ts +4 -1
  13. package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +4 -1
  14. package/dist/components/UiBadge/UiBadge.stories.d.ts +2 -2
  15. package/dist/components/UiButton/UiButton.stories.d.ts +18 -18
  16. package/dist/components/UiButton/UiButton.vue.d.ts +9 -9
  17. package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +2 -2
  18. package/dist/components/UiCard/UiCard.stories.d.ts +2 -2
  19. package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +9 -5
  20. package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts +3 -1
  21. package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.stories.d.ts +5 -1
  22. package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.vue.d.ts +5 -1
  23. package/dist/components/UiChip/UiChip.stories.d.ts +2 -2
  24. package/dist/components/UiCollapseNavigation/UiCollapseNavigation.stories.d.ts +2 -2
  25. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +4 -3
  26. package/dist/components/UiDatePickerMobile/UiDatePickerMobile.vue.d.ts +1 -1
  27. package/dist/components/UiDialog/UiDialog.stories.d.ts +16 -8
  28. package/dist/components/UiDialog/UiDialog.vue.d.ts +3 -1
  29. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +4 -4
  30. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +20 -12
  31. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.vue.d.ts +3 -1
  32. package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +6 -2
  33. package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +6 -3
  34. package/dist/components/UiIconButton/UiIconButton.vue.d.ts +1 -1
  35. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +22 -22
  36. package/dist/components/UiInput/UiInput.stories.d.ts +43 -31
  37. package/dist/components/UiInput/UiInput.vue.d.ts +23 -17
  38. package/dist/components/UiList/UiList.stories.d.ts +30 -18
  39. package/dist/components/UiListItem/UiListItem.stories.d.ts +16 -8
  40. package/dist/components/UiListItem/UiListItem.vue.d.ts +3 -1
  41. package/dist/components/UiMenu/UiMenu.stories.d.ts +14 -2
  42. package/dist/components/UiMenu/UiMenu.vue.d.ts +10 -3
  43. package/dist/components/UiOverlay/UiOverlay.stories.d.ts +16 -8
  44. package/dist/components/UiOverlay/UiOverlay.vue.d.ts +3 -1
  45. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +36 -20
  46. package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts +3 -1
  47. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.stories.d.ts +24 -20
  48. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.vue.d.ts +12 -10
  49. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +90 -62
  50. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +15 -8
  51. package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +30 -30
  52. package/dist/components/UiSearchInput/UiSearchInput.vue.d.ts +8 -8
  53. package/dist/components/UiSection/UiSection.stories.d.ts +2 -2
  54. package/dist/components/UiSectionDivider/UiSectionDivider.stories.d.ts +2 -2
  55. package/dist/components/UiSectionDivider/UiSectionDivider.vue.d.ts +1 -1
  56. package/dist/components/UiSimpleInput/UiSimpleInput.stories.d.ts +6 -2
  57. package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts +3 -1
  58. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +24 -12
  59. package/dist/components/UiSnackbar/UiSnackbar.vue.d.ts +4 -1
  60. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +2 -2
  61. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +8 -4
  62. package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts +3 -1
  63. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +4 -4
  64. package/dist/dpa-shared-components.mjs +4188 -4013
  65. package/dist/dpa-shared-components.umd.js +5 -5
  66. package/dist/filter-e213ae59.mjs +15 -0
  67. package/dist/filter-outline-91e5aa0a.mjs +19 -0
  68. package/dist/graphic-855e5909.mjs +19 -0
  69. package/dist/graphic-90b2d2fc.mjs +20 -0
  70. package/dist/graphic-inline-a41ad739.mjs +19 -0
  71. package/dist/picture-inline-0eb9c590.mjs +19 -0
  72. package/dist/screens.js +13 -0
  73. package/dist/tailwind/screens.d.ts +8 -0
  74. package/dist/tailwind/useBreakpoints.d.ts +9 -0
  75. package/dist/tailwind/useTailwindBreakpoints.d.ts +9 -0
  76. package/dist/text-inline-cbb3242f.mjs +15 -0
  77. package/dist/useBreakpoints.ts +19 -0
  78. package/dist/useTailwindBreakpoints.ts +19 -0
  79. package/dist/utils.css +16 -0
  80. package/dist/video-inline-b961f9cd.mjs +19 -0
  81. package/package.json +1 -1
  82. package/dist/eil-311dfbe1.mjs +0 -15
  83. package/dist/emoji-add-7fb19e1a.mjs +0 -29
@@ -18,7 +18,9 @@ declare const meta: {
18
18
  type: import("vue").PropType<boolean>;
19
19
  default: boolean;
20
20
  };
21
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
21
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
+ input: (...args: any[]) => void;
23
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22
24
  size: {
23
25
  type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
24
26
  default: string;
@@ -86,7 +88,9 @@ declare const meta: {
86
88
  type: import("vue").PropType<boolean>;
87
89
  default: boolean;
88
90
  };
89
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
91
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
92
+ input: (...args: any[]) => void;
93
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
90
94
  size: {
91
95
  type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
92
96
  default: string;
@@ -15,7 +15,9 @@ declare const _default: import("vue").DefineComponent<{
15
15
  type: import("vue").PropType<boolean>;
16
16
  default: boolean;
17
17
  };
18
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ input: (...args: any[]) => void;
20
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
21
  size: {
20
22
  type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
21
23
  default: string;
@@ -10,6 +10,9 @@ declare const meta: {
10
10
  iconSize?: "small" | "medium" | "large" | undefined;
11
11
  position?: "left" | "right" | undefined;
12
12
  isShown?: boolean | undefined;
13
+ class?: unknown;
14
+ style?: unknown;
15
+ onInput?: ((...args: any[]) => any) | undefined;
13
16
  key?: string | number | symbol | undefined;
14
17
  ref?: import("vue").VNodeRef | undefined;
15
18
  ref_for?: boolean | undefined;
@@ -52,9 +55,6 @@ declare const meta: {
52
55
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
53
56
  [key: string]: any;
54
57
  }>) => void)[] | undefined;
55
- class?: unknown;
56
- style?: unknown;
57
- onInput?: ((...args: any[]) => any) | undefined;
58
58
  "onAction-click"?: ((...args: any[]) => any) | undefined;
59
59
  };
60
60
  $attrs: {
@@ -68,7 +68,7 @@ declare const meta: {
68
68
  }>;
69
69
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
70
70
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
71
- $emit: (event: "input" | "action-click", ...args: any[]) => void;
71
+ $emit: ((event: "input", ...args: any[]) => void) & ((event: "action-click", ...args: any[]) => void);
72
72
  $el: any;
73
73
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
74
74
  iconName: {
@@ -90,7 +90,10 @@ declare const meta: {
90
90
  }>> & {
91
91
  onInput?: ((...args: any[]) => any) | undefined;
92
92
  "onAction-click"?: ((...args: any[]) => any) | undefined;
93
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "action-click")[], string, {
93
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
94
+ input: (...args: any[]) => void;
95
+ "action-click": (...args: any[]) => void;
96
+ }, string, {
94
97
  iconName: string | null;
95
98
  iconSize: "small" | "medium" | "large";
96
99
  position: "left" | "right";
@@ -159,7 +162,10 @@ declare const meta: {
159
162
  }>> & {
160
163
  onInput?: ((...args: any[]) => any) | undefined;
161
164
  "onAction-click"?: ((...args: any[]) => any) | undefined;
162
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "action-click")[], "input" | "action-click", {
165
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
166
+ input: (...args: any[]) => void;
167
+ "action-click": (...args: any[]) => void;
168
+ }, string, {
163
169
  iconName: string | null;
164
170
  iconSize: "small" | "medium" | "large";
165
171
  position: "left" | "right";
@@ -209,6 +215,9 @@ declare const meta: {
209
215
  iconSize?: "small" | "medium" | "large" | undefined;
210
216
  position?: "left" | "right" | undefined;
211
217
  isShown?: boolean | undefined;
218
+ class?: unknown;
219
+ style?: unknown;
220
+ onInput?: ((...args: any[]) => any) | undefined;
212
221
  key?: string | number | symbol | undefined;
213
222
  ref?: import("vue").VNodeRef | undefined;
214
223
  ref_for?: boolean | undefined;
@@ -251,9 +260,6 @@ declare const meta: {
251
260
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
252
261
  [key: string]: any;
253
262
  }>) => void)[] | undefined;
254
- class?: unknown;
255
- style?: unknown;
256
- onInput?: ((...args: any[]) => any) | undefined;
257
263
  "onAction-click"?: ((...args: any[]) => any) | undefined;
258
264
  };
259
265
  $attrs: {
@@ -267,7 +273,7 @@ declare const meta: {
267
273
  }>;
268
274
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
269
275
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
270
- $emit: (event: "input" | "action-click", ...args: any[]) => void;
276
+ $emit: ((event: "input", ...args: any[]) => void) & ((event: "action-click", ...args: any[]) => void);
271
277
  $el: any;
272
278
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
273
279
  iconName: {
@@ -289,7 +295,10 @@ declare const meta: {
289
295
  }>> & {
290
296
  onInput?: ((...args: any[]) => any) | undefined;
291
297
  "onAction-click"?: ((...args: any[]) => any) | undefined;
292
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "action-click")[], string, {
298
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
299
+ input: (...args: any[]) => void;
300
+ "action-click": (...args: any[]) => void;
301
+ }, string, {
293
302
  iconName: string | null;
294
303
  iconSize: "small" | "medium" | "large";
295
304
  position: "left" | "right";
@@ -358,7 +367,10 @@ declare const meta: {
358
367
  }>> & {
359
368
  onInput?: ((...args: any[]) => any) | undefined;
360
369
  "onAction-click"?: ((...args: any[]) => any) | undefined;
361
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "action-click")[], "input" | "action-click", {
370
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
371
+ input: (...args: any[]) => void;
372
+ "action-click": (...args: any[]) => void;
373
+ }, string, {
362
374
  iconName: string | null;
363
375
  iconSize: "small" | "medium" | "large";
364
376
  position: "left" | "right";
@@ -15,7 +15,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
15
15
  type: import("vue").PropType<boolean>;
16
16
  default: boolean;
17
17
  };
18
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "action-click")[], "input" | "action-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ input: (...args: any[]) => void;
20
+ "action-click": (...args: any[]) => void;
21
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
22
  iconName: {
20
23
  type: import("vue").PropType<string | null>;
21
24
  default: null;
@@ -14,6 +14,8 @@ declare const meta: {
14
14
  placement?: "onsurface" | "oncanvas" | undefined;
15
15
  weight?: "regular" | "semibold" | undefined;
16
16
  linkTarget?: string | undefined;
17
+ class?: unknown;
18
+ style?: unknown;
17
19
  key?: string | number | symbol | undefined;
18
20
  ref?: import("vue").VNodeRef | undefined;
19
21
  ref_for?: boolean | undefined;
@@ -56,8 +58,6 @@ declare const meta: {
56
58
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
57
59
  [key: string]: any;
58
60
  }>) => void)[] | undefined;
59
- class?: unknown;
60
- style?: unknown;
61
61
  };
62
62
  $attrs: {
63
63
  [x: string]: unknown;
@@ -13,6 +13,8 @@ declare const meta: {
13
13
  labelText?: string | undefined;
14
14
  labelSpace?: "default" | "xl" | undefined;
15
15
  labelPosition?: "left" | "right" | undefined;
16
+ class?: unknown;
17
+ style?: unknown;
16
18
  key?: string | number | symbol | undefined;
17
19
  ref?: import("vue").VNodeRef | undefined;
18
20
  ref_for?: boolean | undefined;
@@ -55,8 +57,6 @@ declare const meta: {
55
57
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
56
58
  [key: string]: any;
57
59
  }>) => void)[] | undefined;
58
- class?: unknown;
59
- style?: unknown;
60
60
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
61
61
  };
62
62
  $attrs: {
@@ -103,7 +103,9 @@ declare const meta: {
103
103
  };
104
104
  }>> & {
105
105
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
106
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
106
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
107
+ "update:modelValue": (...args: any[]) => void;
108
+ }, string, {
107
109
  size: "small" | "large";
108
110
  color: "blue" | "green";
109
111
  modelValue: boolean;
@@ -197,7 +199,9 @@ declare const meta: {
197
199
  };
198
200
  }>> & {
199
201
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
200
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
202
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
203
+ "update:modelValue": (...args: any[]) => void;
204
+ }, string, {
201
205
  size: "small" | "large";
202
206
  color: "blue" | "green";
203
207
  modelValue: boolean;
@@ -27,7 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
27
27
  type: import("vue").PropType<"left" | "right">;
28
28
  default: string;
29
29
  };
30
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
30
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
+ "update:modelValue": (...args: any[]) => void;
32
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
31
33
  size: {
32
34
  type: import("vue").PropType<"small" | "large">;
33
35
  default: string;
@@ -14,6 +14,8 @@ declare const meta: {
14
14
  description: string;
15
15
  }[] | undefined;
16
16
  multilines?: boolean | undefined;
17
+ class?: unknown;
18
+ style?: unknown;
17
19
  key?: string | number | symbol | undefined;
18
20
  ref?: import("vue").VNodeRef | undefined;
19
21
  ref_for?: boolean | undefined;
@@ -56,8 +58,6 @@ declare const meta: {
56
58
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
57
59
  [key: string]: any;
58
60
  }>) => void)[] | undefined;
59
- class?: unknown;
60
- style?: unknown;
61
61
  };
62
62
  $attrs: {
63
63
  [x: string]: unknown;
@@ -237,6 +237,8 @@ declare const meta: {
237
237
  description: string;
238
238
  }[] | undefined;
239
239
  multilines?: boolean | undefined;
240
+ class?: unknown;
241
+ style?: unknown;
240
242
  key?: string | number | symbol | undefined;
241
243
  ref?: import("vue").VNodeRef | undefined;
242
244
  ref_for?: boolean | undefined;
@@ -279,8 +281,6 @@ declare const meta: {
279
281
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
280
282
  [key: string]: any;
281
283
  }>) => void)[] | undefined;
282
- class?: unknown;
283
- style?: unknown;
284
284
  };
285
285
  $attrs: {
286
286
  [x: string]: unknown;