@dpa-id-components/dpa-shared-components 12.0.2 → 12.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 (37) hide show
  1. package/dist/components/UiAutocomplete/UiAutocomplete.stories.d.ts +5 -5
  2. package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts +5 -5
  3. package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +13 -1
  4. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +2689 -33
  5. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +28 -28
  6. package/dist/components/UiDialog/UiDialog.stories.d.ts +214 -2
  7. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +97 -18
  8. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +120 -2
  9. package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts +76 -2
  10. package/dist/components/UiIcon/UiIcon.stories.d.ts +1 -16
  11. package/dist/components/UiIconButton/UiIconButton.stories.d.ts +50 -2
  12. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +98 -2
  13. package/dist/components/UiInput/UiInput.stories.d.ts +368 -29
  14. package/dist/components/UiInput/UiInput.vue.d.ts +2 -2
  15. package/dist/components/UiList/UiList.stories.d.ts +2 -281
  16. package/dist/components/UiListItem/UiListItem.stories.d.ts +226 -2
  17. package/dist/components/UiMenu/UiMenu.stories.d.ts +38 -181
  18. package/dist/components/UiMenu/UiMenu.vue.d.ts +2 -2
  19. package/dist/components/UiOverlay/UiOverlay.stories.d.ts +54 -2
  20. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +78 -2
  21. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.stories.d.ts +64 -2
  22. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +11 -292
  23. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +2 -4
  24. package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +162 -2
  25. package/dist/components/UiSimpleInput/UiSimpleInput.stories.d.ts +44 -2
  26. package/dist/components/UiSkeletonBox/UiSkeletonBox.stories.d.ts +26 -2
  27. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +143 -3
  28. package/dist/components/UiSpinner/UiSpinner.stories.d.ts +20 -2
  29. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +11 -5
  30. package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts +4 -2
  31. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +200 -2
  32. package/dist/dpa-shared-components.mjs +5884 -5869
  33. package/dist/dpa-shared-components.umd.js +4 -4
  34. package/dist/style.css +1 -1
  35. package/dist/tailwind/tailwind.config.d.cts +3 -211
  36. package/dist/tailwind.config.cjs +7 -3
  37. package/package.json +4 -4
package/dist/components/UiFilterButton/UiFilterButton.stories.d.ts CHANGED
@@ -88,9 +88,83 @@ declare const meta: {
88
88
  iconSize: "xs";
89
89
  iconLeft: string;
90
90
  };
91
- render: (args: any) => {
91
+ render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
92
+ title?: string;
93
+ variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
94
+ chevronIcon?: (typeof iconNames)[number];
95
+ rotateIcon?: boolean;
96
+ iconSize?: "xs" | "small" | "large";
97
+ size?: "xs" | "small";
98
+ disabled?: boolean;
99
+ active?: boolean;
100
+ hasIcon?: boolean;
101
+ iconLeft?: (typeof iconNames)[number] | null;
102
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
103
+ click: (...args: any[]) => void;
104
+ }, string, import('vue').PublicProps, Readonly<{
105
+ title?: string;
106
+ variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
107
+ chevronIcon?: (typeof iconNames)[number];
108
+ rotateIcon?: boolean;
109
+ iconSize?: "xs" | "small" | "large";
110
+ size?: "xs" | "small";
111
+ disabled?: boolean;
112
+ active?: boolean;
113
+ hasIcon?: boolean;
114
+ iconLeft?: (typeof iconNames)[number] | null;
115
+ }> & Readonly<{
116
+ onClick?: ((...args: any[]) => any) | undefined;
117
+ }>, {
118
+ size: "xs" | "small";
119
+ disabled: boolean;
120
+ title: string;
121
+ iconSize: "xs" | "small" | "large";
122
+ variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
123
+ chevronIcon: (typeof iconNames)[number];
124
+ rotateIcon: boolean;
125
+ active: boolean;
126
+ hasIcon: boolean;
127
+ iconLeft: (typeof iconNames)[number] | null;
128
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>) => {
92
129
  setup(this: void): {
93
- args: any;
130
+ args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
131
+ title?: string;
132
+ variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
133
+ chevronIcon?: (typeof iconNames)[number];
134
+ rotateIcon?: boolean;
135
+ iconSize?: "xs" | "small" | "large";
136
+ size?: "xs" | "small";
137
+ disabled?: boolean;
138
+ active?: boolean;
139
+ hasIcon?: boolean;
140
+ iconLeft?: (typeof iconNames)[number] | null;
141
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
142
+ click: (...args: any[]) => void;
143
+ }, string, import('vue').PublicProps, Readonly<{
144
+ title?: string;
145
+ variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
146
+ chevronIcon?: (typeof iconNames)[number];
147
+ rotateIcon?: boolean;
148
+ iconSize?: "xs" | "small" | "large";
149
+ size?: "xs" | "small";
150
+ disabled?: boolean;
151
+ active?: boolean;
152
+ hasIcon?: boolean;
153
+ iconLeft?: (typeof iconNames)[number] | null;
154
+ }> & Readonly<{
155
+ onClick?: ((...args: any[]) => any) | undefined;
156
+ }>, {
157
+ size: "xs" | "small";
158
+ disabled: boolean;
159
+ title: string;
160
+ iconSize: "xs" | "small" | "large";
161
+ variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
162
+ chevronIcon: (typeof iconNames)[number];
163
+ rotateIcon: boolean;
164
+ active: boolean;
165
+ hasIcon: boolean;
166
+ iconLeft: (typeof iconNames)[number] | null;
167
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
94
168
  };
95
169
  components: {
96
170
  UiFilterButton: import('vue').DefineComponent<{
package/dist/components/UiIcon/UiIcon.stories.d.ts CHANGED
@@ -32,19 +32,4 @@ declare const meta: {
32
32
  export default meta;
33
33
  type Story = StoryObj<typeof meta>;
34
34
  export declare const Default: Story;
35
- export declare const Overview: {
36
- render: (args: any) => {
37
- setup(): {
38
- args: any;
39
- size: any;
40
- };
41
- components: {
42
- IconOverview: import('vue').DefineComponent<{
43
- size: "xs" | "small" | "medium" | "large" | "xl";
44
- }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
45
- size: "xs" | "small" | "medium" | "large" | "xl";
46
- }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
47
- };
48
- template: string;
49
- };
50
- };
35
+ export declare const Overview: Story;
package/dist/components/UiIconButton/UiIconButton.stories.d.ts CHANGED
@@ -51,9 +51,57 @@ declare const meta: {
51
51
  backgroundColor: "blue";
52
52
  iconColor: "white";
53
53
  };
54
- render: (args: any) => {
54
+ render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
55
+ iconName: (typeof iconNames)[number];
56
+ title?: string;
57
+ disabled?: boolean;
58
+ backgroundColor?: "blue" | "none" | "gray-hover";
59
+ iconColor?: "blue" | "gray" | "white";
60
+ size?: "small" | "medium" | "large" | "xl";
61
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
62
+ click: (payload: any) => any;
63
+ }, string, import('vue').PublicProps, Readonly<{
64
+ iconName: (typeof iconNames)[number];
65
+ title?: string;
66
+ disabled?: boolean;
67
+ backgroundColor?: "blue" | "none" | "gray-hover";
68
+ iconColor?: "blue" | "gray" | "white";
69
+ size?: "small" | "medium" | "large" | "xl";
70
+ }> & Readonly<{
71
+ onClick?: ((payload: any) => any) | undefined;
72
+ }>, {
73
+ size: "small" | "medium" | "large" | "xl";
74
+ disabled: boolean;
75
+ title: string;
76
+ backgroundColor: "blue" | "none" | "gray-hover";
77
+ iconColor: "blue" | "gray" | "white";
78
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>>) => {
55
79
  setup(this: void): {
56
- args: any;
80
+ args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
81
+ iconName: (typeof iconNames)[number];
82
+ title?: string;
83
+ disabled?: boolean;
84
+ backgroundColor?: "blue" | "none" | "gray-hover";
85
+ iconColor?: "blue" | "gray" | "white";
86
+ size?: "small" | "medium" | "large" | "xl";
87
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
88
+ click: (payload: any) => any;
89
+ }, string, import('vue').PublicProps, Readonly<{
90
+ iconName: (typeof iconNames)[number];
91
+ title?: string;
92
+ disabled?: boolean;
93
+ backgroundColor?: "blue" | "none" | "gray-hover";
94
+ iconColor?: "blue" | "gray" | "white";
95
+ size?: "small" | "medium" | "large" | "xl";
96
+ }> & Readonly<{
97
+ onClick?: ((payload: any) => any) | undefined;
98
+ }>, {
99
+ size: "small" | "medium" | "large" | "xl";
100
+ disabled: boolean;
101
+ title: string;
102
+ backgroundColor: "blue" | "none" | "gray-hover";
103
+ iconColor: "blue" | "gray" | "white";
104
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>>;
57
105
  };
58
106
  components: {
59
107
  UiIconButton: import('vue').DefineComponent<{
package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts CHANGED
@@ -75,9 +75,105 @@ declare const meta: {
75
75
  iconName: string;
76
76
  iconSize: "xl";
77
77
  };
78
- render: (args: any) => {
78
+ render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
79
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
80
+ iconBackground: "white" | "gray" | "green";
81
+ iconName: (typeof iconNames)[number] | null;
82
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
83
+ iconColor: "white" | "gray";
84
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
85
+ iconName: (typeof iconNames)[number] | null;
86
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
87
+ iconColor: "white" | "gray";
88
+ iconBackground: "white" | "gray" | "green";
89
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
90
+ P: {};
91
+ B: {};
92
+ D: {};
93
+ C: {};
94
+ M: {};
95
+ Defaults: {};
96
+ }, Readonly<{
97
+ iconBackground: "white" | "gray" | "green";
98
+ iconName: (typeof iconNames)[number] | null;
99
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
100
+ iconColor: "white" | "gray";
101
+ }> & Readonly<{}>, {}, {}, {}, {}, {
102
+ iconName: (typeof iconNames)[number] | null;
103
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
104
+ iconColor: "white" | "gray";
105
+ iconBackground: "white" | "gray" | "green";
106
+ }>;
107
+ __isFragment?: never;
108
+ __isTeleport?: never;
109
+ __isSuspense?: never;
110
+ } & import('vue').ComponentOptionsBase<Readonly<{
111
+ iconBackground: "white" | "gray" | "green";
112
+ iconName: (typeof iconNames)[number] | null;
113
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
114
+ iconColor: "white" | "gray";
115
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
116
+ iconName: (typeof iconNames)[number] | null;
117
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
118
+ iconColor: "white" | "gray";
119
+ iconBackground: "white" | "gray" | "green";
120
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
121
+ $slots: {
122
+ title?(_: {}): any;
123
+ default?(_: {}): any;
124
+ actions?(_: {}): any;
125
+ };
126
+ })>) => {
79
127
  setup(this: void): {
80
- args: any;
128
+ args: import('@storybook/vue3').ComponentPropsAndSlots<{
129
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
130
+ iconBackground: "white" | "gray" | "green";
131
+ iconName: (typeof iconNames)[number] | null;
132
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
133
+ iconColor: "white" | "gray";
134
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
135
+ iconName: (typeof iconNames)[number] | null;
136
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
137
+ iconColor: "white" | "gray";
138
+ iconBackground: "white" | "gray" | "green";
139
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
140
+ P: {};
141
+ B: {};
142
+ D: {};
143
+ C: {};
144
+ M: {};
145
+ Defaults: {};
146
+ }, Readonly<{
147
+ iconBackground: "white" | "gray" | "green";
148
+ iconName: (typeof iconNames)[number] | null;
149
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
150
+ iconColor: "white" | "gray";
151
+ }> & Readonly<{}>, {}, {}, {}, {}, {
152
+ iconName: (typeof iconNames)[number] | null;
153
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
154
+ iconColor: "white" | "gray";
155
+ iconBackground: "white" | "gray" | "green";
156
+ }>;
157
+ __isFragment?: never;
158
+ __isTeleport?: never;
159
+ __isSuspense?: never;
160
+ } & import('vue').ComponentOptionsBase<Readonly<{
161
+ iconBackground: "white" | "gray" | "green";
162
+ iconName: (typeof iconNames)[number] | null;
163
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
164
+ iconColor: "white" | "gray";
165
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
166
+ iconName: (typeof iconNames)[number] | null;
167
+ iconSize: "xs" | "small" | "medium" | "large" | "xl";
168
+ iconColor: "white" | "gray";
169
+ iconBackground: "white" | "gray" | "green";
170
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
171
+ $slots: {
172
+ title?(_: {}): any;
173
+ default?(_: {}): any;
174
+ actions?(_: {}): any;
175
+ };
176
+ })>;
81
177
  };
82
178
  components: {
83
179
  UiInfoContent: {