@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,75 +1,38 @@
1
1
  import { StoryObj } from '@storybook/vue3';
2
-
3
2
  declare const meta: {
4
3
  title: string;
5
- component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
6
- size: {
7
- type: import('vue').PropType<"small" | "medium">;
8
- default: string;
9
- };
10
- disabled: {
11
- type: import('vue').PropType<boolean>;
12
- default: boolean;
13
- };
4
+ component: import('vue').DefineComponent<{
14
5
  value: {
15
- type: import('vue').PropType<{
16
- label: string;
17
- value: string;
18
- selected: boolean;
19
- }[]>;
20
- required: true;
21
- };
22
- variant: {
23
- type: import('vue').PropType<"blue" | "gray">;
24
- default: string;
25
- };
26
- groupName: {
27
- type: import('vue').PropType<string>;
28
- required: true;
29
- };
30
- direction: {
31
- type: import('vue').PropType<"vertical" | "horizontal">;
32
- default: string;
33
- };
34
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
6
+ label: string;
7
+ value: string;
8
+ selected: boolean;
9
+ }[];
10
+ groupName: string;
11
+ variant?: "blue" | "gray";
12
+ size?: "small" | "medium";
13
+ direction?: "horizontal" | "vertical";
14
+ disabled?: boolean;
15
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
35
16
  input: (...args: any[]) => void;
36
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
37
- size: {
38
- type: import('vue').PropType<"small" | "medium">;
39
- default: string;
40
- };
41
- disabled: {
42
- type: import('vue').PropType<boolean>;
43
- default: boolean;
44
- };
17
+ }, string, import('vue').PublicProps, Readonly<{
45
18
  value: {
46
- type: import('vue').PropType<{
47
- label: string;
48
- value: string;
49
- selected: boolean;
50
- }[]>;
51
- required: true;
52
- };
53
- variant: {
54
- type: import('vue').PropType<"blue" | "gray">;
55
- default: string;
56
- };
57
- groupName: {
58
- type: import('vue').PropType<string>;
59
- required: true;
60
- };
61
- direction: {
62
- type: import('vue').PropType<"vertical" | "horizontal">;
63
- default: string;
64
- };
65
- }>> & Readonly<{
19
+ label: string;
20
+ value: string;
21
+ selected: boolean;
22
+ }[];
23
+ groupName: string;
24
+ variant?: "blue" | "gray";
25
+ size?: "small" | "medium";
26
+ direction?: "horizontal" | "vertical";
27
+ disabled?: boolean;
28
+ }> & Readonly<{
66
29
  onInput?: ((...args: any[]) => any) | undefined;
67
30
  }>, {
68
31
  size: "small" | "medium";
69
32
  disabled: boolean;
70
33
  variant: "blue" | "gray";
71
34
  direction: "horizontal" | "vertical";
72
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
35
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
73
36
  argTypes: {
74
37
  value: {
75
38
  control: "object";
@@ -114,74 +77,38 @@ declare const meta: {
114
77
  args: any;
115
78
  };
116
79
  components: {
117
- UiRadioInputGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
118
- size: {
119
- type: import('vue').PropType<"small" | "medium">;
120
- default: string;
121
- };
122
- disabled: {
123
- type: import('vue').PropType<boolean>;
124
- default: boolean;
125
- };
80
+ UiRadioInputGroup: import('vue').DefineComponent<{
126
81
  value: {
127
- type: import('vue').PropType<{
128
- label: string;
129
- value: string;
130
- selected: boolean;
131
- }[]>;
132
- required: true;
133
- };
134
- variant: {
135
- type: import('vue').PropType<"blue" | "gray">;
136
- default: string;
137
- };
138
- groupName: {
139
- type: import('vue').PropType<string>;
140
- required: true;
141
- };
142
- direction: {
143
- type: import('vue').PropType<"vertical" | "horizontal">;
144
- default: string;
145
- };
146
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
82
+ label: string;
83
+ value: string;
84
+ selected: boolean;
85
+ }[];
86
+ groupName: string;
87
+ variant?: "blue" | "gray";
88
+ size?: "small" | "medium";
89
+ direction?: "horizontal" | "vertical";
90
+ disabled?: boolean;
91
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
147
92
  input: (...args: any[]) => void;
148
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
149
- size: {
150
- type: import('vue').PropType<"small" | "medium">;
151
- default: string;
152
- };
153
- disabled: {
154
- type: import('vue').PropType<boolean>;
155
- default: boolean;
156
- };
93
+ }, string, import('vue').PublicProps, Readonly<{
157
94
  value: {
158
- type: import('vue').PropType<{
159
- label: string;
160
- value: string;
161
- selected: boolean;
162
- }[]>;
163
- required: true;
164
- };
165
- variant: {
166
- type: import('vue').PropType<"blue" | "gray">;
167
- default: string;
168
- };
169
- groupName: {
170
- type: import('vue').PropType<string>;
171
- required: true;
172
- };
173
- direction: {
174
- type: import('vue').PropType<"vertical" | "horizontal">;
175
- default: string;
176
- };
177
- }>> & Readonly<{
95
+ label: string;
96
+ value: string;
97
+ selected: boolean;
98
+ }[];
99
+ groupName: string;
100
+ variant?: "blue" | "gray";
101
+ size?: "small" | "medium";
102
+ direction?: "horizontal" | "vertical";
103
+ disabled?: boolean;
104
+ }> & Readonly<{
178
105
  onInput?: ((...args: any[]) => any) | undefined;
179
106
  }>, {
180
107
  size: "small" | "medium";
181
108
  disabled: boolean;
182
109
  variant: "blue" | "gray";
183
110
  direction: "horizontal" | "vertical";
184
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
111
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
185
112
  };
186
113
  template: string;
187
114
  methods: {
@@ -1,4 +1,4 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
1
+ type __VLS_Props = {
2
2
  value: {
3
3
  label: string;
4
4
  value: string;
@@ -9,52 +9,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
9
9
  size?: "small" | "medium";
10
10
  direction?: "horizontal" | "vertical";
11
11
  disabled?: boolean;
12
- }>, {
13
- variant: string;
14
- size: string;
15
- direction: string;
16
- disabled: boolean;
17
- }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
+ };
13
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
14
  input: (...args: any[]) => void;
19
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
20
- value: {
21
- label: string;
22
- value: string;
23
- selected: boolean;
24
- }[];
25
- groupName: string;
26
- variant?: "blue" | "gray";
27
- size?: "small" | "medium";
28
- direction?: "horizontal" | "vertical";
29
- disabled?: boolean;
30
- }>, {
31
- variant: string;
32
- size: string;
33
- direction: string;
34
- disabled: boolean;
35
- }>>> & Readonly<{
15
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
36
16
  onInput?: ((...args: any[]) => any) | undefined;
37
17
  }>, {
38
18
  size: "small" | "medium";
39
19
  disabled: boolean;
40
20
  variant: "blue" | "gray";
41
21
  direction: "horizontal" | "vertical";
42
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
22
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
43
23
  export default _default;
44
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
45
- type __VLS_TypePropsToRuntimeProps<T> = {
46
- [K in keyof T]-?: {} extends Pick<T, K> ? {
47
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
48
- } : {
49
- type: import('vue').PropType<T[K]>;
50
- required: true;
51
- };
52
- };
53
- type __VLS_WithDefaults<P, D> = {
54
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
55
- default: D[K];
56
- }> : P[K];
57
- };
58
- type __VLS_Prettify<T> = {
59
- [K in keyof T]: T[K];
60
- } & {};