@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.
Files changed (25) hide show
  1. package/dist/components/UiBadge/UiBadge.stories.d.ts +7 -7
  2. package/dist/components/UiBadge/UiBadge.vue.d.ts +3 -3
  3. package/dist/components/UiButton/UiButton.stories.d.ts +38 -38
  4. package/dist/components/UiButton/UiButton.vue.d.ts +4 -4
  5. package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +19 -19
  6. package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts +1 -1
  7. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +14 -14
  8. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +46 -46
  9. package/dist/components/UiIconButton/UiIconButton.stories.d.ts +28 -28
  10. package/dist/components/UiIconButton/UiIconButton.vue.d.ts +4 -4
  11. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +66 -66
  12. package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts +6 -6
  13. package/dist/components/UiList/UiList.stories.d.ts +57 -57
  14. package/dist/components/UiListItem/UiListItem.stories.d.ts +38 -38
  15. package/dist/components/UiListItem/UiListItem.vue.d.ts +1 -1
  16. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +38 -38
  17. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +66 -66
  18. package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts +3 -3
  19. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +19 -19
  20. package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts +1 -1
  21. package/dist/components/index.d.ts +1 -2
  22. package/dist/dpa-shared-components.mjs +6024 -6376
  23. package/dist/dpa-shared-components.umd.js +5 -5
  24. package/dist/style.css +1 -1
  25. package/package.json +1 -1
package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts CHANGED
@@ -14,12 +14,12 @@ declare const meta: {
14
14
  default: string;
15
15
  };
16
16
  iconColor: {
17
- type: import("vue").PropType<"white" | "gray">;
17
+ type: import("vue").PropType<"gray" | "white">;
18
18
  required: true;
19
19
  default: string;
20
20
  };
21
21
  iconBackground: {
22
- type: import("vue").PropType<"white" | "gray" | "green">;
22
+ type: import("vue").PropType<"gray" | "white" | "green">;
23
23
  required: true;
24
24
  default: string;
25
25
  };
@@ -35,20 +35,20 @@ declare const meta: {
35
35
  default: string;
36
36
  };
37
37
  iconColor: {
38
- type: import("vue").PropType<"white" | "gray">;
38
+ type: import("vue").PropType<"gray" | "white">;
39
39
  required: true;
40
40
  default: string;
41
41
  };
42
42
  iconBackground: {
43
- type: import("vue").PropType<"white" | "gray" | "green">;
43
+ type: import("vue").PropType<"gray" | "white" | "green">;
44
44
  required: true;
45
45
  default: string;
46
46
  };
47
47
  }>>, {
48
48
  iconName: string | null;
49
49
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
50
- iconColor: "white" | "gray";
51
- iconBackground: "white" | "gray" | "green";
50
+ iconColor: "gray" | "white";
51
+ iconBackground: "gray" | "white" | "green";
52
52
  }, true, {}, {}, {
53
53
  P: {};
54
54
  B: {};
@@ -68,20 +68,20 @@ declare const meta: {
68
68
  default: string;
69
69
  };
70
70
  iconColor: {
71
- type: import("vue").PropType<"white" | "gray">;
71
+ type: import("vue").PropType<"gray" | "white">;
72
72
  required: true;
73
73
  default: string;
74
74
  };
75
75
  iconBackground: {
76
- type: import("vue").PropType<"white" | "gray" | "green">;
76
+ type: import("vue").PropType<"gray" | "white" | "green">;
77
77
  required: true;
78
78
  default: string;
79
79
  };
80
80
  }>>, {}, {}, {}, {}, {
81
81
  iconName: string | null;
82
82
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
83
- iconColor: "white" | "gray";
84
- iconBackground: "white" | "gray" | "green";
83
+ iconColor: "gray" | "white";
84
+ iconBackground: "gray" | "white" | "green";
85
85
  }>;
86
86
  __isFragment?: undefined;
87
87
  __isTeleport?: undefined;
@@ -98,20 +98,20 @@ declare const meta: {
98
98
  default: string;
99
99
  };
100
100
  iconColor: {
101
- type: import("vue").PropType<"white" | "gray">;
101
+ type: import("vue").PropType<"gray" | "white">;
102
102
  required: true;
103
103
  default: string;
104
104
  };
105
105
  iconBackground: {
106
- type: import("vue").PropType<"white" | "gray" | "green">;
106
+ type: import("vue").PropType<"gray" | "white" | "green">;
107
107
  required: true;
108
108
  default: string;
109
109
  };
110
110
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
111
111
  iconName: string | null;
112
112
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
113
- iconColor: "white" | "gray";
114
- iconBackground: "white" | "gray" | "green";
113
+ iconColor: "gray" | "white";
114
+ iconBackground: "gray" | "white" | "green";
115
115
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
116
116
  $slots: {
117
117
  title?(_: {}): any;
@@ -161,12 +161,12 @@ declare const meta: {
161
161
  default: string;
162
162
  };
163
163
  iconColor: {
164
- type: import("vue").PropType<"white" | "gray">;
164
+ type: import("vue").PropType<"gray" | "white">;
165
165
  required: true;
166
166
  default: string;
167
167
  };
168
168
  iconBackground: {
169
- type: import("vue").PropType<"white" | "gray" | "green">;
169
+ type: import("vue").PropType<"gray" | "white" | "green">;
170
170
  required: true;
171
171
  default: string;
172
172
  };
@@ -182,20 +182,20 @@ declare const meta: {
182
182
  default: string;
183
183
  };
184
184
  iconColor: {
185
- type: import("vue").PropType<"white" | "gray">;
185
+ type: import("vue").PropType<"gray" | "white">;
186
186
  required: true;
187
187
  default: string;
188
188
  };
189
189
  iconBackground: {
190
- type: import("vue").PropType<"white" | "gray" | "green">;
190
+ type: import("vue").PropType<"gray" | "white" | "green">;
191
191
  required: true;
192
192
  default: string;
193
193
  };
194
194
  }>>, {
195
195
  iconName: string | null;
196
196
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
197
- iconColor: "white" | "gray";
198
- iconBackground: "white" | "gray" | "green";
197
+ iconColor: "gray" | "white";
198
+ iconBackground: "gray" | "white" | "green";
199
199
  }, true, {}, {}, {
200
200
  P: {};
201
201
  B: {};
@@ -215,20 +215,20 @@ declare const meta: {
215
215
  default: string;
216
216
  };
217
217
  iconColor: {
218
- type: import("vue").PropType<"white" | "gray">;
218
+ type: import("vue").PropType<"gray" | "white">;
219
219
  required: true;
220
220
  default: string;
221
221
  };
222
222
  iconBackground: {
223
- type: import("vue").PropType<"white" | "gray" | "green">;
223
+ type: import("vue").PropType<"gray" | "white" | "green">;
224
224
  required: true;
225
225
  default: string;
226
226
  };
227
227
  }>>, {}, {}, {}, {}, {
228
228
  iconName: string | null;
229
229
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
230
- iconColor: "white" | "gray";
231
- iconBackground: "white" | "gray" | "green";
230
+ iconColor: "gray" | "white";
231
+ iconBackground: "gray" | "white" | "green";
232
232
  }>;
233
233
  __isFragment?: undefined;
234
234
  __isTeleport?: undefined;
@@ -245,20 +245,20 @@ declare const meta: {
245
245
  default: string;
246
246
  };
247
247
  iconColor: {
248
- type: import("vue").PropType<"white" | "gray">;
248
+ type: import("vue").PropType<"gray" | "white">;
249
249
  required: true;
250
250
  default: string;
251
251
  };
252
252
  iconBackground: {
253
- type: import("vue").PropType<"white" | "gray" | "green">;
253
+ type: import("vue").PropType<"gray" | "white" | "green">;
254
254
  required: true;
255
255
  default: string;
256
256
  };
257
257
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
258
258
  iconName: string | null;
259
259
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
260
- iconColor: "white" | "gray";
261
- iconBackground: "white" | "gray" | "green";
260
+ iconColor: "gray" | "white";
261
+ iconBackground: "gray" | "white" | "green";
262
262
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
263
263
  $slots: {
264
264
  title?(_: {}): any;
@@ -272,22 +272,22 @@ declare const meta: {
272
272
  type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
273
273
  default: string;
274
274
  };
275
- color: {
276
- type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
277
- default: string;
278
- };
279
- iconName: {
280
- type: import("vue").PropType<string | null>;
281
- default: null;
282
- };
283
275
  disabled: {
284
276
  type: import("vue").PropType<boolean>;
285
277
  default: boolean;
286
278
  };
279
+ color: {
280
+ type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
281
+ default: string;
282
+ };
287
283
  rounded: {
288
284
  type: import("vue").PropType<boolean>;
289
285
  default: boolean;
290
286
  };
287
+ iconName: {
288
+ type: import("vue").PropType<string | null>;
289
+ default: null;
290
+ };
291
291
  disabledVariant: {
292
292
  type: import("vue").PropType<"primary" | "secondary">;
293
293
  default: string;
@@ -305,22 +305,22 @@ declare const meta: {
305
305
  type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
306
306
  default: string;
307
307
  };
308
- color: {
309
- type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
310
- default: string;
311
- };
312
- iconName: {
313
- type: import("vue").PropType<string | null>;
314
- default: null;
315
- };
316
308
  disabled: {
317
309
  type: import("vue").PropType<boolean>;
318
310
  default: boolean;
319
311
  };
312
+ color: {
313
+ type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
314
+ default: string;
315
+ };
320
316
  rounded: {
321
317
  type: import("vue").PropType<boolean>;
322
318
  default: boolean;
323
319
  };
320
+ iconName: {
321
+ type: import("vue").PropType<string | null>;
322
+ default: null;
323
+ };
324
324
  disabledVariant: {
325
325
  type: import("vue").PropType<"primary" | "secondary">;
326
326
  default: string;
@@ -333,10 +333,10 @@ declare const meta: {
333
333
  onClick?: (() => any) | undefined;
334
334
  }, {
335
335
  size: "xs" | "small" | "medium" | "large";
336
- color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
337
- iconName: string | null;
338
336
  disabled: boolean;
337
+ color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
339
338
  rounded: boolean;
339
+ iconName: string | null;
340
340
  disabledVariant: "primary" | "secondary";
341
341
  href: string;
342
342
  }, true, {}, {}, {
@@ -351,22 +351,22 @@ declare const meta: {
351
351
  type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
352
352
  default: string;
353
353
  };
354
- color: {
355
- type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
356
- default: string;
357
- };
358
- iconName: {
359
- type: import("vue").PropType<string | null>;
360
- default: null;
361
- };
362
354
  disabled: {
363
355
  type: import("vue").PropType<boolean>;
364
356
  default: boolean;
365
357
  };
358
+ color: {
359
+ type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
360
+ default: string;
361
+ };
366
362
  rounded: {
367
363
  type: import("vue").PropType<boolean>;
368
364
  default: boolean;
369
365
  };
366
+ iconName: {
367
+ type: import("vue").PropType<string | null>;
368
+ default: null;
369
+ };
370
370
  disabledVariant: {
371
371
  type: import("vue").PropType<"primary" | "secondary">;
372
372
  default: string;
@@ -379,10 +379,10 @@ declare const meta: {
379
379
  onClick?: (() => any) | undefined;
380
380
  }, {}, {}, {}, {}, {
381
381
  size: "xs" | "small" | "medium" | "large";
382
- color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
383
- iconName: string | null;
384
382
  disabled: boolean;
383
+ color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
385
384
  rounded: boolean;
385
+ iconName: string | null;
386
386
  disabledVariant: "primary" | "secondary";
387
387
  href: string;
388
388
  }>;
@@ -394,22 +394,22 @@ declare const meta: {
394
394
  type: import("vue").PropType<"xs" | "small" | "medium" | "large">;
395
395
  default: string;
396
396
  };
397
- color: {
398
- type: import("vue").PropType<"blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray">;
399
- default: string;
400
- };
401
- iconName: {
402
- type: import("vue").PropType<string | null>;
403
- default: null;
404
- };
405
397
  disabled: {
406
398
  type: import("vue").PropType<boolean>;
407
399
  default: boolean;
408
400
  };
401
+ color: {
402
+ type: import("vue").PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
403
+ default: string;
404
+ };
409
405
  rounded: {
410
406
  type: import("vue").PropType<boolean>;
411
407
  default: boolean;
412
408
  };
409
+ iconName: {
410
+ type: import("vue").PropType<string | null>;
411
+ default: null;
412
+ };
413
413
  disabledVariant: {
414
414
  type: import("vue").PropType<"primary" | "secondary">;
415
415
  default: string;
@@ -424,10 +424,10 @@ declare const meta: {
424
424
  click: () => void;
425
425
  }, string, {
426
426
  size: "xs" | "small" | "medium" | "large";
427
- color: "blue" | "white" | "primary-green" | "gray" | "transparent" | "light-gray";
428
- iconName: string | null;
429
427
  disabled: boolean;
428
+ color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
430
429
  rounded: boolean;
430
+ iconName: string | null;
431
431
  disabledVariant: "primary" | "secondary";
432
432
  href: string;
433
433
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts CHANGED
@@ -1,18 +1,18 @@
1
1
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
- iconBackground: "white" | "gray" | "green";
2
+ iconBackground: "gray" | "white" | "green";
3
3
  iconName: string | null;
4
4
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
5
- iconColor: "white" | "gray";
5
+ iconColor: "gray" | "white";
6
6
  }>, {
7
7
  iconBackground: string;
8
8
  iconName: null;
9
9
  iconColor: string;
10
10
  iconSize: string;
11
11
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
12
- iconBackground: "white" | "gray" | "green";
12
+ iconBackground: "gray" | "white" | "green";
13
13
  iconName: string | null;
14
14
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
15
- iconColor: "white" | "gray";
15
+ iconColor: "gray" | "white";
16
16
  }>, {
17
17
  iconBackground: string;
18
18
  iconName: null;
@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
21
21
  }>>>, {
22
22
  iconName: string | null;
23
23
  iconSize: "xs" | "small" | "medium" | "large" | "xl";
24
- iconColor: "white" | "gray";
25
- iconBackground: "white" | "gray" | "green";
24
+ iconColor: "gray" | "white";
25
+ iconBackground: "gray" | "white" | "green";
26
26
  }, {}>, {
27
27
  title?(_: {}): any;
28
28
  default?(_: {}): any;