@dpa-id-components/dpa-shared-components 11.0.0-alpha.0 → 12.0.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 (96) hide show
  1. package/README.md +29 -0
  2. package/dist/components/DpaMediaItem/DpaMediaItem.stories.d.ts +25 -80
  3. package/dist/components/DpaMediaItem/DpaMediaItem.vue.d.ts +18 -49
  4. package/dist/components/UiAutocomplete/UiAutocomplete.stories.d.ts +194 -54
  5. package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +182 -42
  6. package/dist/components/UiBadge/UiBadge.stories.d.ts +31 -95
  7. package/dist/components/UiBadge/UiBadge.vue.d.ts +15 -50
  8. package/dist/components/UiButton/UiButton.stories.d.ts +32 -96
  9. package/dist/components/UiButton/UiButton.vue.d.ts +16 -51
  10. package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +1 -2
  11. package/dist/components/UiButtonGroup/UiButtonGroup.vue.d.ts +9 -3
  12. package/dist/components/UiCard/UiCard.stories.d.ts +1 -2
  13. package/dist/components/UiCard/UiCard.vue.d.ts +9 -3
  14. package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +25 -80
  15. package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts +15 -46
  16. package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.stories.d.ts +12 -43
  17. package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.vue.d.ts +7 -35
  18. package/dist/components/UiChip/UiChip.stories.d.ts +16 -44
  19. package/dist/components/UiChip/UiChip.vue.d.ts +14 -36
  20. package/dist/components/UiCollapseNavigation/UiCollapseNavigation.stories.d.ts +22 -44
  21. package/dist/components/UiCollapseNavigation/UiCollapseNavigation.vue.d.ts +16 -36
  22. package/dist/components/UiColorPicker/UiColorPicker.stories.d.ts +8 -17
  23. package/dist/components/UiColorPicker/UiColorPicker.vue.d.ts +6 -28
  24. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +2374 -825
  25. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +2153 -133
  26. package/dist/components/UiDialog/UiDialog.stories.d.ts +80 -279
  27. package/dist/components/UiDialog/UiDialog.vue.d.ts +17 -63
  28. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +56 -165
  29. package/dist/components/UiFilterBadge/UiFilterBadge.vue.d.ts +14 -39
  30. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +62 -195
  31. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.vue.d.ts +16 -42
  32. package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +50 -171
  33. package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +5 -55
  34. package/dist/components/UiIcon/IconOverview.vue.d.ts +5 -0
  35. package/dist/components/UiIcon/UiIcon.stories.d.ts +16 -40
  36. package/dist/components/UiIcon/UiIcon.vue.d.ts +4 -31
  37. package/dist/components/UiIconButton/UiIconButton.stories.d.ts +37 -109
  38. package/dist/components/UiIconButton/UiIconButton.vue.d.ts +6 -42
  39. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +70 -230
  40. package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts +16 -42
  41. package/dist/components/UiInput/UiInput.stories.d.ts +154 -511
  42. package/dist/components/UiInput/UiInput.vue.d.ts +23 -90
  43. package/dist/components/UiList/UiList.stories.d.ts +147 -493
  44. package/dist/components/UiList/UiList.vue.d.ts +9 -3
  45. package/dist/components/UiListItem/UiListItem.stories.d.ts +96 -327
  46. package/dist/components/UiListItem/UiListItem.vue.d.ts +19 -68
  47. package/dist/components/UiMenu/UiMenu.stories.d.ts +36 -41
  48. package/dist/components/UiMenu/UiMenu.vue.d.ts +8 -11
  49. package/dist/components/UiMenu/UiMenuItem.vue.d.ts +9 -12
  50. package/dist/components/UiMenu/UiMenuList.vue.d.ts +13 -29
  51. package/dist/components/UiMenu/UiMenuTypes.d.ts +1 -1
  52. package/dist/components/UiOverlay/UiOverlay.stories.d.ts +2 -3
  53. package/dist/components/UiOverlay/UiOverlay.vue.d.ts +9 -3
  54. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +118 -373
  55. package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts +14 -30
  56. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.stories.d.ts +46 -119
  57. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.vue.d.ts +5 -42
  58. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +152 -461
  59. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +27 -60
  60. package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +61 -128
  61. package/dist/components/UiSearchInput/UiSearchInput.vue.d.ts +22 -41
  62. package/dist/components/UiSection/UiSection.stories.d.ts +19 -56
  63. package/dist/components/UiSection/UiSection.vue.d.ts +14 -39
  64. package/dist/components/UiSectionDivider/UiSectionDivider.stories.d.ts +27 -76
  65. package/dist/components/UiSectionDivider/UiSectionDivider.vue.d.ts +4 -29
  66. package/dist/components/UiSimpleInput/UiSimpleInput.stories.d.ts +30 -75
  67. package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts +7 -36
  68. package/dist/components/UiSkeletonBox/UiSkeletonBox.stories.d.ts +20 -57
  69. package/dist/components/UiSkeletonBox/UiSkeletonBox.vue.d.ts +4 -32
  70. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +48 -135
  71. package/dist/components/UiSnackbar/UiSnackbar.vue.d.ts +20 -45
  72. package/dist/components/UiSpinner/UiSpinner.stories.d.ts +16 -41
  73. package/dist/components/UiSpinner/UiSpinner.vue.d.ts +4 -29
  74. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +31 -104
  75. package/dist/components/UiTextButton/UiTextButton.vue.d.ts +14 -52
  76. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +31 -104
  77. package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts +15 -52
  78. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +94 -303
  79. package/dist/components/UiTooltip/UiTooltip.vue.d.ts +20 -75
  80. package/dist/components/index.d.ts +0 -1
  81. package/dist/compositions/index.d.ts +0 -1
  82. package/dist/compositions/useBreakpoints/UseBreakpoints.stories.d.ts +0 -1
  83. package/dist/compositions/useBreakpoints/UseBreakpoints.vue.d.ts +2 -0
  84. package/dist/compositions/useBreakpoints/useBreakpoints.d.ts +1 -1
  85. package/dist/directives/clickAway/clickAway.d.ts +0 -1
  86. package/dist/directives/index.d.ts +0 -1
  87. package/dist/dpa-shared-components.d.ts +1 -0
  88. package/dist/dpa-shared-components.mjs +12448 -13034
  89. package/dist/dpa-shared-components.umd.js +7 -7
  90. package/dist/index.d.ts +0 -1
  91. package/dist/stories/Typography/Typography.stories.d.ts +0 -1
  92. package/dist/stories/Typography/TypographyOverview.vue.d.ts +5 -0
  93. package/dist/style.css +1 -1
  94. package/dist/tailwind.config.cjs +3 -3
  95. package/dist/utils/index.d.ts +0 -1
  96. package/package.json +9 -8
@@ -1,10 +1,6 @@
1
1
  import { iconNames } from '../UiIcon/iconNames';
2
-
3
2
  type IconNames = (typeof iconNames)[number];
4
- declare function __VLS_template(): {
5
- default?(_: {}): any;
6
- };
7
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ type __VLS_Props = {
8
4
  color?: "blue" | "gray";
9
5
  href?: string;
10
6
  iconLeft?: IconNames;
@@ -13,34 +9,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
13
9
  size?: "xsmall" | "small" | "medium";
14
10
  weight?: "regular" | "semibold";
15
11
  linkTarget?: string;
16
- }>, {
17
- color: string;
18
- href: undefined;
19
- iconLeft: undefined;
20
- iconRight: undefined;
21
- placement: string;
22
- size: string;
23
- weight: string;
24
- linkTarget: string;
25
- }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
26
- color?: "blue" | "gray";
27
- href?: string;
28
- iconLeft?: IconNames;
29
- iconRight?: IconNames;
30
- placement?: "onsurface" | "oncanvas";
31
- size?: "xsmall" | "small" | "medium";
32
- weight?: "regular" | "semibold";
33
- linkTarget?: string;
34
- }>, {
35
- color: string;
36
- href: undefined;
37
- iconLeft: undefined;
38
- iconRight: undefined;
39
- placement: string;
40
- size: string;
41
- weight: string;
42
- linkTarget: string;
43
- }>>> & Readonly<{}>, {
12
+ };
13
+ declare function __VLS_template(): {
14
+ attrs: Partial<{}>;
15
+ slots: {
16
+ default?(_: {}): any;
17
+ };
18
+ refs: {};
19
+ rootEl: any;
20
+ };
21
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
22
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
44
23
  size: "xsmall" | "small" | "medium";
45
24
  color: "blue" | "gray";
46
25
  href: string;
@@ -49,26 +28,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
49
28
  iconRight: IconNames;
50
29
  weight: "regular" | "semibold";
51
30
  linkTarget: string;
52
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
53
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
31
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
32
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
54
33
  export default _default;
55
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
56
- type __VLS_TypePropsToRuntimeProps<T> = {
57
- [K in keyof T]-?: {} extends Pick<T, K> ? {
58
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
59
- } : {
60
- type: import('vue').PropType<T[K]>;
61
- required: true;
62
- };
63
- };
64
- type __VLS_WithDefaults<P, D> = {
65
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
66
- default: D[K];
67
- }> : P[K];
68
- };
69
- type __VLS_Prettify<T> = {
70
- [K in keyof T]: T[K];
71
- } & {};
72
34
  type __VLS_WithTemplateSlots<T, S> = T & {
73
35
  new (): {
74
36
  $slots: S;
@@ -1,42 +1,17 @@
1
1
  import { StoryObj } from '@storybook/vue3';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
4
  component: {
6
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
7
- size: {
8
- type: import('vue').PropType<"small" | "large">;
9
- default: string;
10
- };
11
- disabled: {
12
- type: import('vue').PropType<boolean>;
13
- default: boolean;
14
- };
15
- modelValue: {
16
- type: import('vue').PropType<boolean>;
17
- default: boolean;
18
- };
19
- color: {
20
- type: import('vue').PropType<"blue" | "green">;
21
- default: string;
22
- };
23
- labelText: {
24
- type: import('vue').PropType<string>;
25
- default: string;
26
- };
27
- labelSpace: {
28
- type: import('vue').PropType<"default" | "xl">;
29
- default: string;
30
- };
31
- labelTextSize: {
32
- type: import('vue').PropType<"xs" | "sm" | "md" | "lg">;
33
- default: string;
34
- };
35
- labelPosition: {
36
- type: import('vue').PropType<"left" | "right">;
37
- default: string;
38
- };
39
- }>> & Readonly<{
5
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
6
+ modelValue?: boolean;
7
+ disabled?: boolean;
8
+ labelText?: string;
9
+ labelSpace?: "default" | "xl";
10
+ labelTextSize?: "xs" | "sm" | "md" | "lg";
11
+ labelPosition?: "left" | "right";
12
+ color?: "blue" | "green";
13
+ size?: "small" | "large";
14
+ }> & Readonly<{
40
15
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
41
16
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
42
17
  "update:modelValue": (...args: any[]) => void;
@@ -49,47 +24,23 @@ declare const meta: {
49
24
  labelSpace: "default" | "xl";
50
25
  labelTextSize: "xs" | "sm" | "md" | "lg";
51
26
  labelPosition: "left" | "right";
52
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
27
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
53
28
  P: {};
54
29
  B: {};
55
30
  D: {};
56
31
  C: {};
57
32
  M: {};
58
33
  Defaults: {};
59
- }, Readonly<import('vue').ExtractPropTypes<{
60
- size: {
61
- type: import('vue').PropType<"small" | "large">;
62
- default: string;
63
- };
64
- disabled: {
65
- type: import('vue').PropType<boolean>;
66
- default: boolean;
67
- };
68
- modelValue: {
69
- type: import('vue').PropType<boolean>;
70
- default: boolean;
71
- };
72
- color: {
73
- type: import('vue').PropType<"blue" | "green">;
74
- default: string;
75
- };
76
- labelText: {
77
- type: import('vue').PropType<string>;
78
- default: string;
79
- };
80
- labelSpace: {
81
- type: import('vue').PropType<"default" | "xl">;
82
- default: string;
83
- };
84
- labelTextSize: {
85
- type: import('vue').PropType<"xs" | "sm" | "md" | "lg">;
86
- default: string;
87
- };
88
- labelPosition: {
89
- type: import('vue').PropType<"left" | "right">;
90
- default: string;
91
- };
92
- }>> & Readonly<{
34
+ }, Readonly<{
35
+ modelValue?: boolean;
36
+ disabled?: boolean;
37
+ labelText?: string;
38
+ labelSpace?: "default" | "xl";
39
+ labelTextSize?: "xs" | "sm" | "md" | "lg";
40
+ labelPosition?: "left" | "right";
41
+ color?: "blue" | "green";
42
+ size?: "small" | "large";
43
+ }> & Readonly<{
93
44
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
94
45
  }>, {}, {}, {}, {}, {
95
46
  size: "small" | "large";
@@ -104,40 +55,16 @@ declare const meta: {
104
55
  __isFragment?: never;
105
56
  __isTeleport?: never;
106
57
  __isSuspense?: never;
107
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
108
- size: {
109
- type: import('vue').PropType<"small" | "large">;
110
- default: string;
111
- };
112
- disabled: {
113
- type: import('vue').PropType<boolean>;
114
- default: boolean;
115
- };
116
- modelValue: {
117
- type: import('vue').PropType<boolean>;
118
- default: boolean;
119
- };
120
- color: {
121
- type: import('vue').PropType<"blue" | "green">;
122
- default: string;
123
- };
124
- labelText: {
125
- type: import('vue').PropType<string>;
126
- default: string;
127
- };
128
- labelSpace: {
129
- type: import('vue').PropType<"default" | "xl">;
130
- default: string;
131
- };
132
- labelTextSize: {
133
- type: import('vue').PropType<"xs" | "sm" | "md" | "lg">;
134
- default: string;
135
- };
136
- labelPosition: {
137
- type: import('vue').PropType<"left" | "right">;
138
- default: string;
139
- };
140
- }>> & Readonly<{
58
+ } & import('vue').ComponentOptionsBase<Readonly<{
59
+ modelValue?: boolean;
60
+ disabled?: boolean;
61
+ labelText?: string;
62
+ labelSpace?: "default" | "xl";
63
+ labelTextSize?: "xs" | "sm" | "md" | "lg";
64
+ labelPosition?: "left" | "right";
65
+ color?: "blue" | "green";
66
+ size?: "small" | "large";
67
+ }> & Readonly<{
141
68
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
142
69
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
143
70
  "update:modelValue": (...args: any[]) => void;
@@ -1,7 +1,4 @@
1
- declare function __VLS_template(): {
2
- default?(_: {}): any;
3
- };
4
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
1
+ type __VLS_Props = {
5
2
  modelValue?: boolean;
6
3
  disabled?: boolean;
7
4
  labelText?: string;
@@ -10,36 +7,19 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
10
7
  labelPosition?: "left" | "right";
11
8
  color?: "blue" | "green";
12
9
  size?: "small" | "large";
13
- }>, {
14
- modelValue: boolean;
15
- disabled: boolean;
16
- labelText: string;
17
- labelTextSize: string;
18
- labelSpace: string;
19
- labelPosition: string;
20
- color: string;
21
- size: string;
22
- }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
10
+ };
11
+ declare function __VLS_template(): {
12
+ attrs: Partial<{}>;
13
+ slots: {
14
+ default?(_: {}): any;
15
+ };
16
+ refs: {};
17
+ rootEl: HTMLDivElement;
18
+ };
19
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
20
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
23
21
  "update:modelValue": (...args: any[]) => void;
24
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
25
- modelValue?: boolean;
26
- disabled?: boolean;
27
- labelText?: string;
28
- labelSpace?: "default" | "xl";
29
- labelTextSize?: "xs" | "sm" | "md" | "lg";
30
- labelPosition?: "left" | "right";
31
- color?: "blue" | "green";
32
- size?: "small" | "large";
33
- }>, {
34
- modelValue: boolean;
35
- disabled: boolean;
36
- labelText: string;
37
- labelTextSize: string;
38
- labelSpace: string;
39
- labelPosition: string;
40
- color: string;
41
- size: string;
42
- }>>> & Readonly<{
22
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
43
23
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
44
24
  }>, {
45
25
  size: "small" | "large";
@@ -50,26 +30,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
50
30
  labelSpace: "default" | "xl";
51
31
  labelTextSize: "xs" | "sm" | "md" | "lg";
52
32
  labelPosition: "left" | "right";
53
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
54
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
33
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
34
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
55
35
  export default _default;
56
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
57
- type __VLS_TypePropsToRuntimeProps<T> = {
58
- [K in keyof T]-?: {} extends Pick<T, K> ? {
59
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
60
- } : {
61
- type: import('vue').PropType<T[K]>;
62
- required: true;
63
- };
64
- };
65
- type __VLS_WithDefaults<P, D> = {
66
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
67
- default: D[K];
68
- }> : P[K];
69
- };
70
- type __VLS_Prettify<T> = {
71
- [K in keyof T]: T[K];
72
- } & {};
73
36
  type __VLS_WithTemplateSlots<T, S> = T & {
74
37
  new (): {
75
38
  $slots: S;