@dpa-id-components/dpa-shared-components 9.1.1-0 → 9.1.1
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.
- package/dist/components/UiBadge/UiBadge.stories.d.ts +7 -7
- package/dist/components/UiBadge/UiBadge.vue.d.ts +3 -3
- package/dist/components/UiButton/UiButton.stories.d.ts +38 -38
- package/dist/components/UiButton/UiButton.vue.d.ts +4 -4
- package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +19 -19
- package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts +1 -1
- package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +14 -14
- package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +46 -46
- package/dist/components/UiIconButton/UiIconButton.stories.d.ts +28 -28
- package/dist/components/UiIconButton/UiIconButton.vue.d.ts +4 -4
- package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +66 -66
- package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts +6 -6
- package/dist/components/UiList/UiList.stories.d.ts +57 -57
- package/dist/components/UiListItem/UiListItem.stories.d.ts +38 -38
- package/dist/components/UiListItem/UiListItem.vue.d.ts +1 -1
- package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +38 -38
- package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +66 -66
- package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +3 -3
- package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +19 -19
- package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts +1 -1
- package/dist/components/index.d.ts +1 -2
- package/dist/dpa-shared-components.mjs +6024 -6376
- package/dist/dpa-shared-components.umd.js +5 -5
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -7,14 +7,14 @@ declare const meta: {
|
|
|
7
7
|
type: import("vue").PropType<string>;
|
|
8
8
|
default: string;
|
|
9
9
|
};
|
|
10
|
-
color: {
|
|
11
|
-
type: import("vue").PropType<string>;
|
|
12
|
-
default: string;
|
|
13
|
-
};
|
|
14
10
|
label: {
|
|
15
11
|
type: import("vue").PropType<string>;
|
|
16
12
|
required: true;
|
|
17
13
|
};
|
|
14
|
+
color: {
|
|
15
|
+
type: import("vue").PropType<string>;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
18
|
iconIsFilled: {
|
|
19
19
|
type: import("vue").PropType<boolean>;
|
|
20
20
|
default: boolean;
|
|
@@ -33,14 +33,14 @@ declare const meta: {
|
|
|
33
33
|
type: import("vue").PropType<string>;
|
|
34
34
|
default: string;
|
|
35
35
|
};
|
|
36
|
-
color: {
|
|
37
|
-
type: import("vue").PropType<string>;
|
|
38
|
-
default: string;
|
|
39
|
-
};
|
|
40
36
|
label: {
|
|
41
37
|
type: import("vue").PropType<string>;
|
|
42
38
|
required: true;
|
|
43
39
|
};
|
|
40
|
+
color: {
|
|
41
|
+
type: import("vue").PropType<string>;
|
|
42
|
+
default: string;
|
|
43
|
+
};
|
|
44
44
|
iconIsFilled: {
|
|
45
45
|
type: import("vue").PropType<boolean>;
|
|
46
46
|
default: boolean;
|
|
@@ -69,14 +69,14 @@ declare const meta: {
|
|
|
69
69
|
type: import("vue").PropType<string>;
|
|
70
70
|
default: string;
|
|
71
71
|
};
|
|
72
|
-
color: {
|
|
73
|
-
type: import("vue").PropType<string>;
|
|
74
|
-
default: string;
|
|
75
|
-
};
|
|
76
72
|
label: {
|
|
77
73
|
type: import("vue").PropType<string>;
|
|
78
74
|
required: true;
|
|
79
75
|
};
|
|
76
|
+
color: {
|
|
77
|
+
type: import("vue").PropType<string>;
|
|
78
|
+
default: string;
|
|
79
|
+
};
|
|
80
80
|
iconIsFilled: {
|
|
81
81
|
type: import("vue").PropType<boolean>;
|
|
82
82
|
default: boolean;
|
|
@@ -102,14 +102,14 @@ declare const meta: {
|
|
|
102
102
|
type: import("vue").PropType<string>;
|
|
103
103
|
default: string;
|
|
104
104
|
};
|
|
105
|
-
color: {
|
|
106
|
-
type: import("vue").PropType<string>;
|
|
107
|
-
default: string;
|
|
108
|
-
};
|
|
109
105
|
label: {
|
|
110
106
|
type: import("vue").PropType<string>;
|
|
111
107
|
required: true;
|
|
112
108
|
};
|
|
109
|
+
color: {
|
|
110
|
+
type: import("vue").PropType<string>;
|
|
111
|
+
default: string;
|
|
112
|
+
};
|
|
113
113
|
iconIsFilled: {
|
|
114
114
|
type: import("vue").PropType<boolean>;
|
|
115
115
|
default: boolean;
|
|
@@ -173,14 +173,14 @@ declare const meta: {
|
|
|
173
173
|
type: import("vue").PropType<string>;
|
|
174
174
|
default: string;
|
|
175
175
|
};
|
|
176
|
-
color: {
|
|
177
|
-
type: import("vue").PropType<string>;
|
|
178
|
-
default: string;
|
|
179
|
-
};
|
|
180
176
|
label: {
|
|
181
177
|
type: import("vue").PropType<string>;
|
|
182
178
|
required: true;
|
|
183
179
|
};
|
|
180
|
+
color: {
|
|
181
|
+
type: import("vue").PropType<string>;
|
|
182
|
+
default: string;
|
|
183
|
+
};
|
|
184
184
|
iconIsFilled: {
|
|
185
185
|
type: import("vue").PropType<boolean>;
|
|
186
186
|
default: boolean;
|
|
@@ -199,14 +199,14 @@ declare const meta: {
|
|
|
199
199
|
type: import("vue").PropType<string>;
|
|
200
200
|
default: string;
|
|
201
201
|
};
|
|
202
|
-
color: {
|
|
203
|
-
type: import("vue").PropType<string>;
|
|
204
|
-
default: string;
|
|
205
|
-
};
|
|
206
202
|
label: {
|
|
207
203
|
type: import("vue").PropType<string>;
|
|
208
204
|
required: true;
|
|
209
205
|
};
|
|
206
|
+
color: {
|
|
207
|
+
type: import("vue").PropType<string>;
|
|
208
|
+
default: string;
|
|
209
|
+
};
|
|
210
210
|
iconIsFilled: {
|
|
211
211
|
type: import("vue").PropType<boolean>;
|
|
212
212
|
default: boolean;
|
|
@@ -235,14 +235,14 @@ declare const meta: {
|
|
|
235
235
|
type: import("vue").PropType<string>;
|
|
236
236
|
default: string;
|
|
237
237
|
};
|
|
238
|
-
color: {
|
|
239
|
-
type: import("vue").PropType<string>;
|
|
240
|
-
default: string;
|
|
241
|
-
};
|
|
242
238
|
label: {
|
|
243
239
|
type: import("vue").PropType<string>;
|
|
244
240
|
required: true;
|
|
245
241
|
};
|
|
242
|
+
color: {
|
|
243
|
+
type: import("vue").PropType<string>;
|
|
244
|
+
default: string;
|
|
245
|
+
};
|
|
246
246
|
iconIsFilled: {
|
|
247
247
|
type: import("vue").PropType<boolean>;
|
|
248
248
|
default: boolean;
|
|
@@ -268,14 +268,14 @@ declare const meta: {
|
|
|
268
268
|
type: import("vue").PropType<string>;
|
|
269
269
|
default: string;
|
|
270
270
|
};
|
|
271
|
-
color: {
|
|
272
|
-
type: import("vue").PropType<string>;
|
|
273
|
-
default: string;
|
|
274
|
-
};
|
|
275
271
|
label: {
|
|
276
272
|
type: import("vue").PropType<string>;
|
|
277
273
|
required: true;
|
|
278
274
|
};
|
|
275
|
+
color: {
|
|
276
|
+
type: import("vue").PropType<string>;
|
|
277
|
+
default: string;
|
|
278
|
+
};
|
|
279
279
|
iconIsFilled: {
|
|
280
280
|
type: import("vue").PropType<boolean>;
|
|
281
281
|
default: boolean;
|
|
@@ -304,10 +304,6 @@ declare const meta: {
|
|
|
304
304
|
type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
|
|
305
305
|
default: string;
|
|
306
306
|
};
|
|
307
|
-
iconName: {
|
|
308
|
-
type: import("vue").PropType<string>;
|
|
309
|
-
required: true;
|
|
310
|
-
};
|
|
311
307
|
title: {
|
|
312
308
|
type: import("vue").PropType<string>;
|
|
313
309
|
default: string;
|
|
@@ -316,12 +312,16 @@ declare const meta: {
|
|
|
316
312
|
type: import("vue").PropType<boolean>;
|
|
317
313
|
default: boolean;
|
|
318
314
|
};
|
|
315
|
+
iconName: {
|
|
316
|
+
type: import("vue").PropType<string>;
|
|
317
|
+
required: true;
|
|
318
|
+
};
|
|
319
319
|
backgroundColor: {
|
|
320
|
-
type: import("vue").PropType<"
|
|
320
|
+
type: import("vue").PropType<"none" | "blue" | "gray-hover">;
|
|
321
321
|
default: string;
|
|
322
322
|
};
|
|
323
323
|
iconColor: {
|
|
324
|
-
type: import("vue").PropType<"blue" | "
|
|
324
|
+
type: import("vue").PropType<"blue" | "gray" | "white">;
|
|
325
325
|
default: string;
|
|
326
326
|
};
|
|
327
327
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -331,10 +331,6 @@ declare const meta: {
|
|
|
331
331
|
type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
|
|
332
332
|
default: string;
|
|
333
333
|
};
|
|
334
|
-
iconName: {
|
|
335
|
-
type: import("vue").PropType<string>;
|
|
336
|
-
required: true;
|
|
337
|
-
};
|
|
338
334
|
title: {
|
|
339
335
|
type: import("vue").PropType<string>;
|
|
340
336
|
default: string;
|
|
@@ -343,12 +339,16 @@ declare const meta: {
|
|
|
343
339
|
type: import("vue").PropType<boolean>;
|
|
344
340
|
default: boolean;
|
|
345
341
|
};
|
|
342
|
+
iconName: {
|
|
343
|
+
type: import("vue").PropType<string>;
|
|
344
|
+
required: true;
|
|
345
|
+
};
|
|
346
346
|
backgroundColor: {
|
|
347
|
-
type: import("vue").PropType<"
|
|
347
|
+
type: import("vue").PropType<"none" | "blue" | "gray-hover">;
|
|
348
348
|
default: string;
|
|
349
349
|
};
|
|
350
350
|
iconColor: {
|
|
351
|
-
type: import("vue").PropType<"blue" | "
|
|
351
|
+
type: import("vue").PropType<"blue" | "gray" | "white">;
|
|
352
352
|
default: string;
|
|
353
353
|
};
|
|
354
354
|
}>> & {
|
|
@@ -357,8 +357,8 @@ declare const meta: {
|
|
|
357
357
|
size: "small" | "medium" | "large" | "xl";
|
|
358
358
|
title: string;
|
|
359
359
|
disabled: boolean;
|
|
360
|
-
backgroundColor: "
|
|
361
|
-
iconColor: "blue" | "
|
|
360
|
+
backgroundColor: "none" | "blue" | "gray-hover";
|
|
361
|
+
iconColor: "blue" | "gray" | "white";
|
|
362
362
|
}, {}>;
|
|
363
363
|
};
|
|
364
364
|
template: string;
|
|
@@ -6,10 +6,6 @@ declare const meta: {
|
|
|
6
6
|
type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
|
|
7
7
|
default: string;
|
|
8
8
|
};
|
|
9
|
-
iconName: {
|
|
10
|
-
type: import("vue").PropType<string>;
|
|
11
|
-
required: true;
|
|
12
|
-
};
|
|
13
9
|
title: {
|
|
14
10
|
type: import("vue").PropType<string>;
|
|
15
11
|
default: string;
|
|
@@ -18,12 +14,16 @@ declare const meta: {
|
|
|
18
14
|
type: import("vue").PropType<boolean>;
|
|
19
15
|
default: boolean;
|
|
20
16
|
};
|
|
17
|
+
iconName: {
|
|
18
|
+
type: import("vue").PropType<string>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
21
|
backgroundColor: {
|
|
22
|
-
type: import("vue").PropType<"
|
|
22
|
+
type: import("vue").PropType<"none" | "blue" | "gray-hover">;
|
|
23
23
|
default: string;
|
|
24
24
|
};
|
|
25
25
|
iconColor: {
|
|
26
|
-
type: import("vue").PropType<"blue" | "
|
|
26
|
+
type: import("vue").PropType<"blue" | "gray" | "white">;
|
|
27
27
|
default: string;
|
|
28
28
|
};
|
|
29
29
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -33,10 +33,6 @@ declare const meta: {
|
|
|
33
33
|
type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
|
|
34
34
|
default: string;
|
|
35
35
|
};
|
|
36
|
-
iconName: {
|
|
37
|
-
type: import("vue").PropType<string>;
|
|
38
|
-
required: true;
|
|
39
|
-
};
|
|
40
36
|
title: {
|
|
41
37
|
type: import("vue").PropType<string>;
|
|
42
38
|
default: string;
|
|
@@ -45,12 +41,16 @@ declare const meta: {
|
|
|
45
41
|
type: import("vue").PropType<boolean>;
|
|
46
42
|
default: boolean;
|
|
47
43
|
};
|
|
44
|
+
iconName: {
|
|
45
|
+
type: import("vue").PropType<string>;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
48
|
backgroundColor: {
|
|
49
|
-
type: import("vue").PropType<"
|
|
49
|
+
type: import("vue").PropType<"none" | "blue" | "gray-hover">;
|
|
50
50
|
default: string;
|
|
51
51
|
};
|
|
52
52
|
iconColor: {
|
|
53
|
-
type: import("vue").PropType<"blue" | "
|
|
53
|
+
type: import("vue").PropType<"blue" | "gray" | "white">;
|
|
54
54
|
default: string;
|
|
55
55
|
};
|
|
56
56
|
}>> & {
|
|
@@ -59,8 +59,8 @@ declare const meta: {
|
|
|
59
59
|
size: "small" | "medium" | "large" | "xl";
|
|
60
60
|
title: string;
|
|
61
61
|
disabled: boolean;
|
|
62
|
-
backgroundColor: "
|
|
63
|
-
iconColor: "blue" | "
|
|
62
|
+
backgroundColor: "none" | "blue" | "gray-hover";
|
|
63
|
+
iconColor: "blue" | "gray" | "white";
|
|
64
64
|
}, {}>;
|
|
65
65
|
argTypes: {
|
|
66
66
|
iconName: {
|
|
@@ -96,10 +96,6 @@ declare const meta: {
|
|
|
96
96
|
type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
|
|
97
97
|
default: string;
|
|
98
98
|
};
|
|
99
|
-
iconName: {
|
|
100
|
-
type: import("vue").PropType<string>;
|
|
101
|
-
required: true;
|
|
102
|
-
};
|
|
103
99
|
title: {
|
|
104
100
|
type: import("vue").PropType<string>;
|
|
105
101
|
default: string;
|
|
@@ -108,12 +104,16 @@ declare const meta: {
|
|
|
108
104
|
type: import("vue").PropType<boolean>;
|
|
109
105
|
default: boolean;
|
|
110
106
|
};
|
|
107
|
+
iconName: {
|
|
108
|
+
type: import("vue").PropType<string>;
|
|
109
|
+
required: true;
|
|
110
|
+
};
|
|
111
111
|
backgroundColor: {
|
|
112
|
-
type: import("vue").PropType<"
|
|
112
|
+
type: import("vue").PropType<"none" | "blue" | "gray-hover">;
|
|
113
113
|
default: string;
|
|
114
114
|
};
|
|
115
115
|
iconColor: {
|
|
116
|
-
type: import("vue").PropType<"blue" | "
|
|
116
|
+
type: import("vue").PropType<"blue" | "gray" | "white">;
|
|
117
117
|
default: string;
|
|
118
118
|
};
|
|
119
119
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -123,10 +123,6 @@ declare const meta: {
|
|
|
123
123
|
type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
|
|
124
124
|
default: string;
|
|
125
125
|
};
|
|
126
|
-
iconName: {
|
|
127
|
-
type: import("vue").PropType<string>;
|
|
128
|
-
required: true;
|
|
129
|
-
};
|
|
130
126
|
title: {
|
|
131
127
|
type: import("vue").PropType<string>;
|
|
132
128
|
default: string;
|
|
@@ -135,12 +131,16 @@ declare const meta: {
|
|
|
135
131
|
type: import("vue").PropType<boolean>;
|
|
136
132
|
default: boolean;
|
|
137
133
|
};
|
|
134
|
+
iconName: {
|
|
135
|
+
type: import("vue").PropType<string>;
|
|
136
|
+
required: true;
|
|
137
|
+
};
|
|
138
138
|
backgroundColor: {
|
|
139
|
-
type: import("vue").PropType<"
|
|
139
|
+
type: import("vue").PropType<"none" | "blue" | "gray-hover">;
|
|
140
140
|
default: string;
|
|
141
141
|
};
|
|
142
142
|
iconColor: {
|
|
143
|
-
type: import("vue").PropType<"blue" | "
|
|
143
|
+
type: import("vue").PropType<"blue" | "gray" | "white">;
|
|
144
144
|
default: string;
|
|
145
145
|
};
|
|
146
146
|
}>> & {
|
|
@@ -149,8 +149,8 @@ declare const meta: {
|
|
|
149
149
|
size: "small" | "medium" | "large" | "xl";
|
|
150
150
|
title: string;
|
|
151
151
|
disabled: boolean;
|
|
152
|
-
backgroundColor: "
|
|
153
|
-
iconColor: "blue" | "
|
|
152
|
+
backgroundColor: "none" | "blue" | "gray-hover";
|
|
153
|
+
iconColor: "blue" | "gray" | "white";
|
|
154
154
|
}, {}>;
|
|
155
155
|
};
|
|
156
156
|
template: string;
|
|
@@ -3,8 +3,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
3
3
|
iconName: (typeof iconNames)[number];
|
|
4
4
|
title?: string | undefined;
|
|
5
5
|
disabled?: boolean | undefined;
|
|
6
|
-
backgroundColor?: "
|
|
7
|
-
iconColor?: "blue" | "
|
|
6
|
+
backgroundColor?: "none" | "blue" | "gray-hover" | undefined;
|
|
7
|
+
iconColor?: "blue" | "gray" | "white" | undefined;
|
|
8
8
|
size?: "small" | "medium" | "large" | "xl" | undefined;
|
|
9
9
|
}>, {
|
|
10
10
|
title: string;
|
|
@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
18
18
|
iconName: (typeof iconNames)[number];
|
|
19
19
|
title?: string | undefined;
|
|
20
20
|
disabled?: boolean | undefined;
|
|
21
|
-
backgroundColor?: "
|
|
22
|
-
iconColor?: "blue" | "
|
|
21
|
+
backgroundColor?: "none" | "blue" | "gray-hover" | undefined;
|
|
22
|
+
iconColor?: "blue" | "gray" | "white" | undefined;
|
|
23
23
|
size?: "small" | "medium" | "large" | "xl" | undefined;
|
|
24
24
|
}>, {
|
|
25
25
|
title: string;
|