@dpa-id-components/dpa-shared-components 1.3.0 → 1.4.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 (15) hide show
  1. package/dist/components/UiButton/UiButton.vue.d.ts +11 -0
  2. package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts +14 -3
  3. package/dist/components/UiIconSearchInput/UiIconSearchInput.vue.d.ts +30 -0
  4. package/dist/components/UiListItem/UiListItem.vue.d.ts +44 -0
  5. package/dist/components/UiMenu/UiMenu.vue.d.ts +107 -4
  6. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +2 -2
  7. package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts +41 -0
  8. package/dist/components/index.d.ts +2 -1
  9. package/dist/dpa-shared-components.mjs +6490 -6324
  10. package/dist/dpa-shared-components.umd.js +5 -5
  11. package/dist/refresh-93ed1124.mjs +15 -0
  12. package/dist/reset-71987e6a.mjs +15 -0
  13. package/dist/style.css +1 -1
  14. package/package.json +2 -2
  15. package/dist/components/testcomponent.vue.d.ts +0 -2
package/dist/components/UiButton/UiButton.vue.d.ts CHANGED
@@ -15,6 +15,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
15
15
  required: false;
16
16
  default: string;
17
17
  };
18
+ disabledVariant: {
19
+ type: __PropType<"primary" | "secondary" | undefined>;
20
+ required: false;
21
+ default: string;
22
+ };
18
23
  disabled: {
19
24
  type: __PropType<boolean | undefined>;
20
25
  required: false;
@@ -46,6 +51,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
46
51
  required: false;
47
52
  default: string;
48
53
  };
54
+ disabledVariant: {
55
+ type: __PropType<"primary" | "secondary" | undefined>;
56
+ required: false;
57
+ default: string;
58
+ };
49
59
  disabled: {
50
60
  type: __PropType<boolean | undefined>;
51
61
  required: false;
@@ -67,6 +77,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
67
77
  color: "blue" | "white" | "transparent" | "gray" | "light-gray" | undefined;
68
78
  iconName: string | null | undefined;
69
79
  size: "small" | "xs" | "medium" | "large" | undefined;
80
+ disabledVariant: "primary" | "secondary" | undefined;
70
81
  disabled: boolean | undefined;
71
82
  href: string | undefined;
72
83
  rounded: boolean | undefined;
package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
6
6
  default: string;
7
7
  };
8
8
  variant: {
9
- type: __PropType<"blue-rounded" | "white-rounded" | "blank" | "blue-blank" | undefined>;
9
+ type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined>;
10
10
  required: false;
11
11
  default: string;
12
12
  };
@@ -30,6 +30,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
30
30
  required: false;
31
31
  default: boolean;
32
32
  };
33
+ active: {
34
+ type: __PropType<boolean | undefined>;
35
+ required: false;
36
+ default: boolean;
37
+ };
33
38
  hasIcon: {
34
39
  type: __PropType<boolean | undefined>;
35
40
  required: false;
@@ -42,7 +47,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
42
47
  default: string;
43
48
  };
44
49
  variant: {
45
- type: __PropType<"blue-rounded" | "white-rounded" | "blank" | "blue-blank" | undefined>;
50
+ type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined>;
46
51
  required: false;
47
52
  default: string;
48
53
  };
@@ -66,6 +71,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
66
71
  required: false;
67
72
  default: boolean;
68
73
  };
74
+ active: {
75
+ type: __PropType<boolean | undefined>;
76
+ required: false;
77
+ default: boolean;
78
+ };
69
79
  hasIcon: {
70
80
  type: __PropType<boolean | undefined>;
71
81
  required: false;
@@ -76,10 +86,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
76
86
  }, {
77
87
  title: string | undefined;
78
88
  disabled: boolean | undefined;
79
- variant: "blue-rounded" | "white-rounded" | "blank" | "blue-blank" | undefined;
89
+ variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined;
80
90
  chevronIcon: string | undefined;
81
91
  rotateIcon: boolean | undefined;
82
92
  iconSize: "small" | "xs" | "large" | undefined;
93
+ active: boolean | undefined;
83
94
  hasIcon: boolean | undefined;
84
95
  }>;
85
96
  export default _sfc_main;
package/dist/components/UiIconSearchInput/UiIconSearchInput.vue.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ import type { PropType as __PropType } from 'vue';
2
+ declare const _sfc_main: import("vue").DefineComponent<{
3
+ placeholder: {
4
+ type: __PropType<string | undefined>;
5
+ required: false;
6
+ default: string;
7
+ };
8
+ size: {
9
+ type: __PropType<"small" | "xs" | "medium" | "large" | "xl" | undefined>;
10
+ required: false;
11
+ default: string;
12
+ };
13
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
14
+ placeholder: {
15
+ type: __PropType<string | undefined>;
16
+ required: false;
17
+ default: string;
18
+ };
19
+ size: {
20
+ type: __PropType<"small" | "xs" | "medium" | "large" | "xl" | undefined>;
21
+ required: false;
22
+ default: string;
23
+ };
24
+ }>> & {
25
+ onInput?: ((...args: any[]) => any) | undefined;
26
+ }, {
27
+ placeholder: string | undefined;
28
+ size: "small" | "xs" | "medium" | "large" | "xl" | undefined;
29
+ }>;
30
+ export default _sfc_main;
package/dist/components/UiListItem/UiListItem.vue.d.ts CHANGED
@@ -30,16 +30,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
30
30
  required: false;
31
31
  default: string;
32
32
  };
33
+ checkBoxColor: {
34
+ type: __PropType<"blue" | "gray" | undefined>;
35
+ required: false;
36
+ default: string;
37
+ };
33
38
  iconName: {
34
39
  type: __PropType<string | null | undefined>;
35
40
  required: false;
36
41
  default: null;
37
42
  };
43
+ imageSrc: {
44
+ type: __PropType<string | undefined>;
45
+ required: false;
46
+ default: string;
47
+ };
48
+ imageShape: {
49
+ type: __PropType<"rounded" | "square" | undefined>;
50
+ required: false;
51
+ default: string;
52
+ };
38
53
  iconSize: {
39
54
  type: __PropType<"small" | "medium" | "large" | undefined>;
40
55
  required: false;
41
56
  default: string;
42
57
  };
58
+ checkboxSize: {
59
+ type: __PropType<"small" | "medium" | undefined>;
60
+ required: false;
61
+ default: string;
62
+ };
43
63
  disabled: {
44
64
  type: __PropType<boolean | undefined>;
45
65
  required: false;
@@ -76,16 +96,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
76
96
  required: false;
77
97
  default: string;
78
98
  };
99
+ checkBoxColor: {
100
+ type: __PropType<"blue" | "gray" | undefined>;
101
+ required: false;
102
+ default: string;
103
+ };
79
104
  iconName: {
80
105
  type: __PropType<string | null | undefined>;
81
106
  required: false;
82
107
  default: null;
83
108
  };
109
+ imageSrc: {
110
+ type: __PropType<string | undefined>;
111
+ required: false;
112
+ default: string;
113
+ };
114
+ imageShape: {
115
+ type: __PropType<"rounded" | "square" | undefined>;
116
+ required: false;
117
+ default: string;
118
+ };
84
119
  iconSize: {
85
120
  type: __PropType<"small" | "medium" | "large" | undefined>;
86
121
  required: false;
87
122
  default: string;
88
123
  };
124
+ checkboxSize: {
125
+ type: __PropType<"small" | "medium" | undefined>;
126
+ required: false;
127
+ default: string;
128
+ };
89
129
  disabled: {
90
130
  type: __PropType<boolean | undefined>;
91
131
  required: false;
@@ -103,5 +143,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
103
143
  selected: boolean | undefined;
104
144
  selectable: boolean | undefined;
105
145
  overrideClasses: string | undefined;
146
+ checkBoxColor: "blue" | "gray" | undefined;
147
+ imageSrc: string | undefined;
148
+ imageShape: "rounded" | "square" | undefined;
149
+ checkboxSize: "small" | "medium" | undefined;
106
150
  }>;
107
151
  export default _sfc_main;
package/dist/components/UiMenu/UiMenu.vue.d.ts CHANGED
@@ -3,6 +3,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
3
3
  options: {
4
4
  type: __PropType<{
5
5
  label: string;
6
+ imageSrc?: string | undefined;
6
7
  selected: boolean;
7
8
  value: string;
8
9
  }[]>;
@@ -18,6 +19,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
18
19
  required: false;
19
20
  default: boolean;
20
21
  };
22
+ active: {
23
+ type: __PropType<boolean | undefined>;
24
+ required: false;
25
+ default: boolean;
26
+ };
21
27
  defaultTitle: {
22
28
  type: __PropType<string | undefined>;
23
29
  required: false;
@@ -33,8 +39,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
33
39
  required: false;
34
40
  default: string;
35
41
  };
42
+ imageShape: {
43
+ type: __PropType<"rounded" | "square" | undefined>;
44
+ required: false;
45
+ default: string;
46
+ };
47
+ checkboxSize: {
48
+ type: __PropType<"small" | "medium" | undefined>;
49
+ required: false;
50
+ default: string;
51
+ };
36
52
  buttonVariant: {
37
- type: __PropType<"blue-rounded" | "white-rounded" | "blank" | undefined>;
53
+ type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined>;
38
54
  required: false;
39
55
  default: string;
40
56
  };
@@ -43,10 +59,41 @@ declare const _sfc_main: import("vue").DefineComponent<{
43
59
  required: false;
44
60
  default: string;
45
61
  };
46
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "option-selected")[], "close" | "open" | "option-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
62
+ checkboxColor: {
63
+ type: __PropType<"blue" | "gray" | undefined>;
64
+ required: false;
65
+ default: string;
66
+ };
67
+ hasResetOption: {
68
+ type: __PropType<boolean | undefined>;
69
+ required: false;
70
+ default: boolean;
71
+ };
72
+ disabledReset: {
73
+ type: __PropType<boolean | undefined>;
74
+ required: false;
75
+ default: boolean;
76
+ };
77
+ resetLabel: {
78
+ type: __PropType<string | undefined>;
79
+ required: false;
80
+ default: string;
81
+ };
82
+ searchPlaceholder: {
83
+ type: __PropType<string | undefined>;
84
+ required: false;
85
+ default: string;
86
+ };
87
+ hasSearch: {
88
+ type: __PropType<boolean | undefined>;
89
+ required: false;
90
+ default: boolean;
91
+ };
92
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "close" | "reset" | "open" | "option-selected")[], "input" | "close" | "reset" | "open" | "option-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
47
93
  options: {
48
94
  type: __PropType<{
49
95
  label: string;
96
+ imageSrc?: string | undefined;
50
97
  selected: boolean;
51
98
  value: string;
52
99
  }[]>;
@@ -62,6 +109,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
62
109
  required: false;
63
110
  default: boolean;
64
111
  };
112
+ active: {
113
+ type: __PropType<boolean | undefined>;
114
+ required: false;
115
+ default: boolean;
116
+ };
65
117
  defaultTitle: {
66
118
  type: __PropType<string | undefined>;
67
119
  required: false;
@@ -77,8 +129,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
77
129
  required: false;
78
130
  default: string;
79
131
  };
132
+ imageShape: {
133
+ type: __PropType<"rounded" | "square" | undefined>;
134
+ required: false;
135
+ default: string;
136
+ };
137
+ checkboxSize: {
138
+ type: __PropType<"small" | "medium" | undefined>;
139
+ required: false;
140
+ default: string;
141
+ };
80
142
  buttonVariant: {
81
- type: __PropType<"blue-rounded" | "white-rounded" | "blank" | undefined>;
143
+ type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined>;
82
144
  required: false;
83
145
  default: string;
84
146
  };
@@ -87,17 +149,58 @@ declare const _sfc_main: import("vue").DefineComponent<{
87
149
  required: false;
88
150
  default: string;
89
151
  };
152
+ checkboxColor: {
153
+ type: __PropType<"blue" | "gray" | undefined>;
154
+ required: false;
155
+ default: string;
156
+ };
157
+ hasResetOption: {
158
+ type: __PropType<boolean | undefined>;
159
+ required: false;
160
+ default: boolean;
161
+ };
162
+ disabledReset: {
163
+ type: __PropType<boolean | undefined>;
164
+ required: false;
165
+ default: boolean;
166
+ };
167
+ resetLabel: {
168
+ type: __PropType<string | undefined>;
169
+ required: false;
170
+ default: string;
171
+ };
172
+ searchPlaceholder: {
173
+ type: __PropType<string | undefined>;
174
+ required: false;
175
+ default: string;
176
+ };
177
+ hasSearch: {
178
+ type: __PropType<boolean | undefined>;
179
+ required: false;
180
+ default: boolean;
181
+ };
90
182
  }>> & {
183
+ onInput?: ((...args: any[]) => any) | undefined;
91
184
  onClose?: ((...args: any[]) => any) | undefined;
185
+ onReset?: ((...args: any[]) => any) | undefined;
92
186
  onOpen?: ((...args: any[]) => any) | undefined;
93
187
  "onOption-selected"?: ((...args: any[]) => any) | undefined;
94
188
  }, {
95
189
  disabled: boolean | undefined;
96
190
  iconSize: "small" | "medium" | "large" | undefined;
191
+ active: boolean | undefined;
192
+ imageShape: "rounded" | "square" | undefined;
193
+ checkboxSize: "small" | "medium" | undefined;
97
194
  isOpen: boolean | undefined;
98
195
  defaultTitle: string | undefined;
99
196
  multiLabel: string | undefined;
100
- buttonVariant: "blue-rounded" | "white-rounded" | "blank" | undefined;
197
+ buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined;
101
198
  listVariant: "blank" | "selectable" | "checkbox" | undefined;
199
+ checkboxColor: "blue" | "gray" | undefined;
200
+ hasResetOption: boolean | undefined;
201
+ disabledReset: boolean | undefined;
202
+ resetLabel: string | undefined;
203
+ searchPlaceholder: string | undefined;
204
+ hasSearch: boolean | undefined;
102
205
  }>;
103
206
  export default _sfc_main;
package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts CHANGED
@@ -27,7 +27,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
27
27
  };
28
28
  }, {
29
29
  searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
30
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "submit" | "focus" | "blur" | "update:modelValue" | "reset")[], "search" | "submit" | "focus" | "blur" | "update:modelValue" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
30
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "search" | "submit" | "focus" | "blur" | "update:modelValue")[], "reset" | "search" | "submit" | "focus" | "blur" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
31
31
  modelValue: {
32
32
  type: __PropType<string>;
33
33
  required: true;
@@ -56,10 +56,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
56
56
  }>> & {
57
57
  onFocus?: ((...args: any[]) => any) | undefined;
58
58
  onBlur?: ((...args: any[]) => any) | undefined;
59
+ onReset?: ((...args: any[]) => any) | undefined;
59
60
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
60
61
  onSearch?: ((...args: any[]) => any) | undefined;
61
62
  onSubmit?: ((...args: any[]) => any) | undefined;
62
- onReset?: ((...args: any[]) => any) | undefined;
63
63
  }, {
64
64
  placeholder: string | undefined;
65
65
  backgroundColor: "white" | "gray";
package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts ADDED
@@ -0,0 +1,41 @@
1
+ import type { PropType as __PropType } from 'vue';
2
+ declare const _sfc_main: import("vue").DefineComponent<{
3
+ placeholder: {
4
+ type: __PropType<string | undefined>;
5
+ required: false;
6
+ default: string;
7
+ };
8
+ size: {
9
+ type: __PropType<"small" | "xs" | "medium" | "large" | "xl" | undefined>;
10
+ required: false;
11
+ default: string;
12
+ };
13
+ hasIcon: {
14
+ type: __PropType<boolean | undefined>;
15
+ required: false;
16
+ default: boolean;
17
+ };
18
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
+ placeholder: {
20
+ type: __PropType<string | undefined>;
21
+ required: false;
22
+ default: string;
23
+ };
24
+ size: {
25
+ type: __PropType<"small" | "xs" | "medium" | "large" | "xl" | undefined>;
26
+ required: false;
27
+ default: string;
28
+ };
29
+ hasIcon: {
30
+ type: __PropType<boolean | undefined>;
31
+ required: false;
32
+ default: boolean;
33
+ };
34
+ }>> & {
35
+ onInput?: ((...args: any[]) => any) | undefined;
36
+ }, {
37
+ placeholder: string | undefined;
38
+ size: "small" | "xs" | "medium" | "large" | "xl" | undefined;
39
+ hasIcon: boolean | undefined;
40
+ }>;
41
+ export default _sfc_main;
package/dist/components/index.d.ts CHANGED
@@ -32,4 +32,5 @@ import UiToggleButton from "./UiToggleButton/UiToggleButton.vue";
32
32
  import UiTooltip from "./UiTooltip/UiTooltip.vue";
33
33
  import UiSearchInput from "./UiSearchInput/UiSearchInput.vue";
34
34
  import UiSearchBar from "./UiSearchBar/UiSearchBar.vue";
35
- export { DpaEventItem, DpaMediaItem, UiAutocomplete, UiBadge, UiButton, UiButtonGroup, UiCard, UiCheckbox, UiCheckBoxGroup, UiChip, UiDatePicker, UiDatePickerMobile, UiDialog, UiFilterBadge, UiFilterButton, UiIcon, UiIconButton, UiInfoContent, UiInput, UiList, UiListItem, UiMenu, UiOverlay, UiOverlayMenu, UiRadioInputGroup, UiSection, UiSectionDivider, UiSkeletonBox, UiSpinner, UiSnackbar, UiToggleButton, UiTooltip, UiSearchInput, UiSearchBar, };
35
+ import UiSimpleInput from '../components/UiSimpleInput/UiSimpleInput.vue';
36
+ export { DpaEventItem, DpaMediaItem, UiAutocomplete, UiBadge, UiButton, UiButtonGroup, UiCard, UiCheckbox, UiCheckBoxGroup, UiChip, UiDatePicker, UiDatePickerMobile, UiDialog, UiFilterBadge, UiFilterButton, UiIcon, UiIconButton, UiInfoContent, UiInput, UiList, UiListItem, UiMenu, UiOverlay, UiOverlayMenu, UiRadioInputGroup, UiSection, UiSectionDivider, UiSkeletonBox, UiSpinner, UiSnackbar, UiToggleButton, UiTooltip, UiSearchInput, UiSearchBar, UiSimpleInput, };