@dpa-id-components/dpa-shared-components 3.1.2 → 3.1.5

package/README.md

@@ -6,6 +6,19 @@ Collection of vue 3 components for usage across dpa projects.
 
 This projects requires a node version >= 16.
 
+### Notes
+
+This project uses Typescript version >= 5.0. This upgrade included changes to the module resolution, which are not yet
+reflected fully in the tsconfig.
+If your project uses TS 5.0 or higher itself you most likely need to set
+
+```JSON
+"resolvePackageJsonExports": false
+```
+
+to prevent transpiler errors. For more information
+see [the migration guide of ts](https://github.com/vuejs/tsconfig#migrating-from-typescript--50).
+
 ## Usage
 
 To use a component just import it from `@dpa-id-components/dpa-shared-components` like

package/dist/components/DpaEventItem/DpaEventItem.vue.d.ts

@@ -106,5 +106,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     truncateTitle: boolean | undefined;
     topEntry: boolean | undefined;
     description: string | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/DpaEventItem/DpaEventItemCompact.vue.d.ts

@@ -76,5 +76,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     location: string | null | undefined;
     comments: string | null | undefined;
     truncateTitle: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/DpaEventItem/DpaEventItemPreview.vue.d.ts

@@ -76,5 +76,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     location: string | null | undefined;
     comments: string | null | undefined;
     truncateTitle: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/DpaEventItem/DpaEventItemStandard.vue.d.ts

@@ -87,5 +87,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     comments: string | null | undefined;
     topEntry: boolean | undefined;
     description: string | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/DpaMediaItem/DpaMediaItem.vue.d.ts

@@ -57,5 +57,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     imgSrc: string | undefined;
     imgAlt: string | undefined;
     imgCount: number | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts

@@ -49,5 +49,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     placeholder: string | undefined;
     value: string | undefined;
     options: string[] | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiBadge/UiBadge.vue.d.ts

@@ -79,5 +79,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     trim: boolean | undefined;
     small: boolean | undefined;
     screenReaderText: string | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiButton/UiButton.vue.d.ts

@@ -81,5 +81,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     disabled: boolean | undefined;
     href: string | undefined;
     rounded: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiButtonGroup/UiButtonGroup.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/components/UiCard/UiCard.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/components/UiCheckBox/UiCheckBox.vue.d.ts

@@ -70,5 +70,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     checked: boolean | undefined;
     showError: boolean | undefined;
     errorMessage: string | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiCheckBoxGroup/UiCheckBoxGroup.vue.d.ts

@@ -44,5 +44,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     disabled: boolean | undefined;
     item: CheckboxItem[] | undefined;
     firstEntryChecksAll: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiChip/UiChip.vue.d.ts

@@ -35,5 +35,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     size: "small" | "medium" | "big" | undefined;
     cursorStyle: "default" | "text" | "pointer" | undefined;
     isVisible: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiColorPicker/UiColorPicker.vue.d.ts

@@ -15,5 +15,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts

@@ -242,5 +242,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     autoRange: number | null | undefined;
     activeState: boolean | undefined;
     monthPicker: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiDatePickerMobile/UiDatePickerMobile.vue.d.ts

@@ -275,5 +275,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     mobileOverlayHeadline: string | undefined;
     overlayHeadline: string | undefined;
     hasHeader: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiDialog/UiDialog.vue.d.ts

@@ -92,5 +92,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hasPaddingX: boolean | undefined;
     headerClasses: string | undefined;
     hasCloseButton: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiFilterBadge/UiFilterBadge.vue.d.ts

@@ -46,5 +46,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     color: string | undefined;
     size: "small" | "medium" | "large" | "xl" | undefined;
     iconIsFilled: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.vue.d.ts

@@ -45,5 +45,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     fill: string | undefined;
     color: string | undefined;
     iconIsFilled: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts

@@ -92,5 +92,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     iconSize: "small" | "xs" | "large" | undefined;
     active: boolean | undefined;
     hasIcon: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiIcon/UiIcon.vue.d.ts

@@ -32,5 +32,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>>, {
     size: "small" | "xs" | "medium" | "large" | "xl" | undefined;
     sizeClasses: string | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiIconButton/UiIconButton.vue.d.ts

@@ -67,5 +67,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     disabled: boolean | undefined;
     backgroundColor: "blue" | "none" | undefined;
     iconColor: "blue" | "white" | "gray" | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiInfoContent/UiInfoContent.vue.d.ts

@@ -46,5 +46,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     iconSize: "small" | "xs" | "medium" | "large" | "xl";
     iconColor: "white" | "gray";
     iconBackground: "white" | "gray" | "green";
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiInput/UiInput.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType as __PropType } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: __PropType<string | undefined>;
         required: false;
         default: string;
@@ -90,10 +90,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-}, {
-    inputRef: import("vue").Ref<HTMLInputElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "keyup" | "update:modelValue")[], "input" | "focus" | "blur" | "keyup" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "keyup" | "update:modelValue")[], "input" | "focus" | "blur" | "keyup" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: __PropType<string | undefined>;
         required: false;
         default: string;
@@ -193,9 +191,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     type: "number" | "date" | "text" | "time" | undefined;
     label: string | undefined;
     placeholder: string | undefined;
-    value: string | undefined;
     disabled: boolean | undefined;
     errorMessage: string | undefined;
+    modelValue: string | undefined;
     autofocus: boolean | undefined;
     chevron: boolean | undefined;
     readonly: boolean | undefined;
@@ -208,5 +206,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hasInfo: boolean | undefined;
     infoText: string | undefined;
     inputStatus: "default" | "info" | "readonly" | "warning" | "error" | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiList/UiList.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/components/UiListItem/UiListItem.vue.d.ts

@@ -147,5 +147,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     imageSrc: string | undefined;
     imageShape: "rounded" | "square" | undefined;
     checkboxSize: "small" | "medium" | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiMenu/UiMenu.vue.d.ts

@@ -202,5 +202,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     resetLabel: string | undefined;
     searchPlaceholder: string | undefined;
     hasSearch: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiOverlay/UiOverlay.vue.d.ts

@@ -1,4 +1,4 @@
 declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {}, {}>;
 export default _sfc_main;

package/dist/components/UiOverlayMenu/UiOverlayMenu.vue.d.ts

@@ -15,5 +15,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiRadioInputGroup/UiRadioInputGroup.vue.d.ts

@@ -72,5 +72,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     disabled: boolean | undefined;
     variant: "blue" | "gray" | undefined;
     direction: "horizontal" | "vertical" | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiSearchBar/UiSearchBar.vue.d.ts

@@ -25,9 +25,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
-}, {
-    searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
-}, 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<{
+}, {}, 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<{
     modelValue: {
         type: __PropType<string>;
         required: true;
@@ -66,5 +64,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     modelValue: string;
     hiddenFilterRules: number | undefined;
     isFilterChipEditable: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiSearchInput/UiSearchInput.vue.d.ts

@@ -46,5 +46,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     label: string | undefined;
     placeholder: string | undefined;
     hasAddEntryOption: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiSection/UiSection.vue.d.ts

@@ -46,5 +46,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     verticalPadding: "small" | "large" | "none" | undefined;
     borderTop: boolean | undefined;
     borderBottom: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiSectionDivider/UiSectionDivider.vue.d.ts

@@ -24,5 +24,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>>, {
     size: "small" | "large" | undefined;
     customClasses: string | string[] | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts

@@ -37,5 +37,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     placeholder: string | undefined;
     size: "small" | "xs" | "medium" | "large" | "xl" | undefined;
     hasIcon: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiSkeletonBox/UiSkeletonBox.vue.d.ts

@@ -35,5 +35,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     maxWidth: number | undefined;
     minWidth: number | undefined;
     dynamicSize: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiSnackbar/UiSnackbar.vue.d.ts

@@ -49,5 +49,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     iconSize: "small" | "medium" | "large" | undefined;
     isShown: boolean | undefined;
     position: "left" | "right" | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiSpinner/UiSpinner.vue.d.ts

@@ -24,5 +24,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>>, {
     color: "blue" | "white" | "green" | undefined;
     variant: "spinner" | "bubbles" | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiToggleButton/UiToggleButton.vue.d.ts

@@ -70,5 +70,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     labelText: string | undefined;
     labelSpace: "default" | "xl" | undefined;
     labelPosition: "left" | "right" | undefined;
-}>;
+}, {}>;
 export default _sfc_main;

package/dist/components/UiTooltip/UiTooltip.vue.d.ts

@@ -56,5 +56,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
         description: string;
     }[] | undefined;
     fixed: boolean | undefined;
-}>;
+}, {}>;
 export default _sfc_main;