@dpa-id-components/dpa-shared-components 9.2.1 → 9.4.1

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

@@ -1,55 +1,56 @@
-import type { StoryObj } from "@storybook/vue3";
+import { StoryObj } from '@storybook/vue3';
+
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
             genre: {
-                type: import("vue").PropType<"audio" | "graphic" | "picture" | "text" | "video">;
+                type: import('vue').PropType<"audio" | "graphic" | "picture" | "text" | "video">;
                 default: string;
             };
             isFulfilled: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             imgSrc: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             imgAlt: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             imgCount: {
-                type: import("vue").PropType<number>;
+                type: import('vue').PropType<number>;
                 default: number;
             };
             disabled: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             genre: {
-                type: import("vue").PropType<"audio" | "graphic" | "picture" | "text" | "video">;
+                type: import('vue').PropType<"audio" | "graphic" | "picture" | "text" | "video">;
                 default: string;
             };
             isFulfilled: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             imgSrc: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             imgAlt: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             imgCount: {
-                type: import("vue").PropType<number>;
+                type: import('vue').PropType<number>;
                 default: number;
             };
             disabled: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
         }>>, {
@@ -66,29 +67,29 @@ declare const meta: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+        }, Readonly<import('vue').ExtractPropTypes<{
             genre: {
-                type: import("vue").PropType<"audio" | "graphic" | "picture" | "text" | "video">;
+                type: import('vue').PropType<"audio" | "graphic" | "picture" | "text" | "video">;
                 default: string;
             };
             isFulfilled: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             imgSrc: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             imgAlt: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
             imgCount: {
-                type: import("vue").PropType<number>;
+                type: import('vue').PropType<number>;
                 default: number;
             };
             disabled: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
         }>>, {}, {}, {}, {}, {
@@ -102,39 +103,39 @@ declare const meta: {
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         genre: {
-            type: import("vue").PropType<"audio" | "graphic" | "picture" | "text" | "video">;
+            type: import('vue').PropType<"audio" | "graphic" | "picture" | "text" | "video">;
             default: string;
         };
         isFulfilled: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         imgSrc: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         imgAlt: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         imgCount: {
-            type: import("vue").PropType<number>;
+            type: import('vue').PropType<number>;
             default: number;
         };
         disabled: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         genre: "audio" | "graphic" | "picture" | "text" | "video";
         isFulfilled: boolean;
         imgSrc: string;
         imgAlt: string;
         imgCount: number;
         disabled: boolean;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             description?(_: {}): any;
             planning?(_: {}): any;
@@ -146,21 +147,21 @@ declare const meta: {
     argTypes: {
         genre: {
             control: {
-                type: string;
+                type: "select";
                 options: string[];
             };
         };
         isFulfilled: {
-            control: string;
+            control: "boolean";
         };
         imgSrc: {
-            control: string;
+            control: "text";
         };
         imgAlt: {
-            control: string;
+            control: "text";
         };
         imgCount: {
-            control: string;
+            control: "number";
         };
     };
     args: {

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     genre?: "audio" | "graphic" | "picture" | "text" | "video" | undefined;
     isFulfilled?: boolean | undefined;
     imgSrc?: string | undefined;
@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     imgAlt: string;
     imgCount: number;
     disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     genre?: "audio" | "graphic" | "picture" | "text" | "video" | undefined;
     isFulfilled?: boolean | undefined;
     imgSrc?: string | undefined;

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

@@ -1,57 +1,58 @@
-import type { StoryObj } from "@storybook/vue3";
+import { StoryObj } from '@storybook/vue3';
+
 declare const meta: {
     title: string;
-    component: import("vue").DefineComponent<{
+    component: import('vue').DefineComponent<{
         label: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         readonly: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         placeholder: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         chevron: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         value: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         options: {
-            type: import("vue").PropType<string[]>;
+            type: import('vue').PropType<string[]>;
             default: () => never[];
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         input: (...args: any[]) => void;
         select: (...args: any[]) => void;
-    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         label: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         readonly: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         placeholder: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         chevron: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         value: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
         options: {
-            type: import("vue").PropType<string[]>;
+            type: import('vue').PropType<string[]>;
             default: () => never[];
         };
     }>> & {
@@ -67,22 +68,22 @@ declare const meta: {
     }, {}>;
     argTypes: {
         label: {
-            control: string;
+            control: "text";
         };
         placeholder: {
-            control: string;
+            control: "text";
         };
         value: {
-            control: string;
+            control: "text";
         };
         chevron: {
-            control: string;
+            control: "boolean";
         };
         readonly: {
-            control: string;
+            control: "boolean";
         };
         options: {
-            control: boolean;
+            control: false;
         };
     };
     args: {

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label?: string | undefined;
     placeholder?: string | undefined;
     value?: string | undefined;
@@ -12,10 +12,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     options: () => never[];
     readonly: boolean;
     chevron: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     select: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label?: string | undefined;
     placeholder?: string | undefined;
     value?: string | undefined;

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

@@ -1,63 +1,64 @@
-import type { StoryObj } from "@storybook/vue3";
+import { StoryObj } from '@storybook/vue3';
+
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
             text: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: undefined;
             };
             small: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             trim: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                 default: string;
             };
             iconName: {
-                type: import("vue").PropType<string | null>;
+                type: import('vue').PropType<string | null>;
                 default: null;
             };
             mobileTrim: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             screenReaderText: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
             text: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: undefined;
             };
             small: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             trim: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                 default: string;
             };
             iconName: {
-                type: import("vue").PropType<string | null>;
+                type: import('vue').PropType<string | null>;
                 default: null;
             };
             mobileTrim: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             screenReaderText: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
         }>>, {
@@ -75,33 +76,33 @@ declare const meta: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+        }, Readonly<import('vue').ExtractPropTypes<{
             text: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: undefined;
             };
             small: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             trim: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
                 default: string;
             };
             iconName: {
-                type: import("vue").PropType<string | null>;
+                type: import('vue').PropType<string | null>;
                 default: null;
             };
             mobileTrim: {
-                type: import("vue").PropType<boolean>;
+                type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             screenReaderText: {
-                type: import("vue").PropType<string>;
+                type: import('vue').PropType<string>;
                 default: string;
             };
         }>>, {}, {}, {}, {}, {
@@ -116,36 +117,36 @@ declare const meta: {
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         text: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: undefined;
         };
         small: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         trim: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         color: {
-            type: import("vue").PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+            type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
             default: string;
         };
         iconName: {
-            type: import("vue").PropType<string | null>;
+            type: import('vue').PropType<string | null>;
             default: null;
         };
         mobileTrim: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
         screenReaderText: {
-            type: import("vue").PropType<string>;
+            type: import('vue').PropType<string>;
             default: string;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         text: string;
         small: boolean;
         trim: boolean;
@@ -153,34 +154,34 @@ declare const meta: {
         iconName: string | null;
         mobileTrim: boolean;
         screenReaderText: string;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
         };
     });
     argTypes: {
         text: {
-            control: string;
+            control: "text";
         };
         color: {
-            control: string;
+            control: "select";
             options: string[];
         };
         iconName: {
-            control: string;
+            control: "select";
             options: (string | null)[];
         };
         mobileTrim: {
-            control: string;
+            control: "boolean";
         };
         trim: {
-            control: string;
+            control: "boolean";
         };
         small: {
-            control: string;
+            control: "boolean";
         };
         screenReaderText: {
-            control: string;
+            control: "text";
         };
     };
     args: {

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string | undefined;
     color?: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green" | undefined;
     iconName?: string | null | undefined;
@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trim: boolean;
     small: boolean;
     screenReaderText: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string | undefined;
     color?: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green" | undefined;
     iconName?: string | null | undefined;