@dpa-id-components/dpa-shared-components 9.1.2 → 9.2.0

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

@@ -761,7 +761,7 @@ declare const meta: {
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                         default: string;
                     };
                     iconName: {
@@ -790,7 +790,7 @@ declare const meta: {
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                         default: string;
                     };
                     iconName: {
@@ -809,7 +809,7 @@ declare const meta: {
                     text: string;
                     small: boolean;
                     trim: boolean;
-                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                     iconName: string | null;
                     mobileTrim: boolean;
                     screenReaderText: string;
@@ -834,7 +834,7 @@ declare const meta: {
                         default: boolean;
                     };
                     color: {
-                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                        type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                         default: string;
                     };
                     iconName: {
@@ -853,7 +853,7 @@ declare const meta: {
                     text: string;
                     small: boolean;
                     trim: boolean;
-                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+                    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                     iconName: string | null;
                     mobileTrim: boolean;
                     screenReaderText: string;
@@ -875,7 +875,7 @@ declare const meta: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                    type: import("vue").PropType<"red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green">;
                     default: string;
                 };
                 iconName: {
@@ -894,7 +894,7 @@ declare const meta: {
                 text: string;
                 small: boolean;
                 trim: boolean;
-                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+                color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "neon-green" | "primary-green";
                 iconName: string | null;
                 mobileTrim: boolean;
                 screenReaderText: string;

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

@@ -23,6 +23,10 @@ declare const meta: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            disabled: {
+                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<{
             genre: {
                 type: import("vue").PropType<"audio" | "graphic" | "picture" | "text" | "video">;
@@ -44,12 +48,17 @@ declare const meta: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {
             genre: "audio" | "graphic" | "picture" | "text" | "video";
             isFulfilled: boolean;
             imgSrc: string;
             imgAlt: string;
             imgCount: number;
+            disabled: boolean;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -78,12 +87,17 @@ declare const meta: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {}, {}, {}, {}, {
             genre: "audio" | "graphic" | "picture" | "text" | "video";
             isFulfilled: boolean;
             imgSrc: string;
             imgAlt: string;
             imgCount: number;
+            disabled: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -109,12 +123,17 @@ declare const meta: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>>, {}, 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 () => {
         $slots: {
             description?(_: {}): any;
@@ -156,5 +175,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Picture: Story;
+export declare const Disabled: Story;
 export declare const Planned: Story;
 export declare const PlannedWithHeadline: Story;

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

@@ -4,30 +4,35 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     imgSrc?: string | undefined;
     imgAlt?: string | undefined;
     imgCount?: number | undefined;
+    disabled?: boolean | undefined;
 }>, {
     genre: string;
     isFulfilled: boolean;
     imgSrc: string;
     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<{
     genre?: "audio" | "graphic" | "picture" | "text" | "video" | undefined;
     isFulfilled?: boolean | undefined;
     imgSrc?: string | undefined;
     imgAlt?: string | undefined;
     imgCount?: number | undefined;
+    disabled?: boolean | undefined;
 }>, {
     genre: string;
     isFulfilled: boolean;
     imgSrc: string;
     imgAlt: string;
     imgCount: number;
+    disabled: boolean;
 }>>>, {
     genre: "audio" | "graphic" | "picture" | "text" | "video";
     isFulfilled: boolean;
     imgSrc: string;
     imgAlt: string;
     imgCount: number;
+    disabled: boolean;
 }, {}>, {
     description?(_: {}): any;
     planning?(_: {}): any;

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

@@ -0,0 +1,279 @@
+import type { PropType as __PropType } from 'vue';
+export interface PresetRange {
+    label: string;
+    range: Date[] | string[];
+    style?: Record<string, string>;
+    slot?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    definesRange: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    multiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    showMultiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    independentMultiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    enableTimePicker: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    autoApply: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    closeOnAutoApply: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    roundedEdges: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    locale: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    placeholderText: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    inputLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    mobileOverlayHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    quickFilterRanges: {
+        type: __PropType<PresetRange[] | null | undefined>;
+        required: false;
+        default: null;
+    };
+    quickFilterHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    overlayHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    selectedDate: {
+        type: __PropType<string | Date | [Date, Date] | undefined>;
+        required: false;
+        default: string;
+    };
+    autoPosition: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    leftSidebar: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    hasHeader: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    firstAvailableDate: {
+        type: __PropType<number | undefined>;
+        required: false;
+        default: number;
+    };
+    maxDate: {
+        type: __PropType<Date | undefined>;
+        required: false;
+        default: Date;
+    };
+    cancel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    submit: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    autoRange: {
+        type: __PropType<number | null>;
+        required: true;
+        default: null;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "date-changed")[], "close" | "date-changed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    definesRange: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    multiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    showMultiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    independentMultiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    enableTimePicker: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    autoApply: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    closeOnAutoApply: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    roundedEdges: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    locale: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    placeholderText: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    inputLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    mobileOverlayHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    quickFilterRanges: {
+        type: __PropType<PresetRange[] | null | undefined>;
+        required: false;
+        default: null;
+    };
+    quickFilterHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    overlayHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    selectedDate: {
+        type: __PropType<string | Date | [Date, Date] | undefined>;
+        required: false;
+        default: string;
+    };
+    autoPosition: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    leftSidebar: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    hasHeader: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    firstAvailableDate: {
+        type: __PropType<number | undefined>;
+        required: false;
+        default: number;
+    };
+    maxDate: {
+        type: __PropType<Date | undefined>;
+        required: false;
+        default: Date;
+    };
+    cancel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    submit: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    autoRange: {
+        type: __PropType<number | null>;
+        required: true;
+        default: null;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onDate-changed"?: ((...args: any[]) => any) | undefined;
+}, {
+    definesRange: boolean | undefined;
+    multiCalendars: boolean | undefined;
+    enableTimePicker: boolean | undefined;
+    autoApply: boolean | undefined;
+    closeOnAutoApply: boolean | undefined;
+    roundedEdges: boolean | undefined;
+    locale: string | undefined;
+    placeholderText: string | undefined;
+    quickFilterRanges: PresetRange[] | null | undefined;
+    quickFilterHeadline: string | undefined;
+    selectedDate: string | Date | [Date, Date] | undefined;
+    autoPosition: boolean | undefined;
+    leftSidebar: boolean | undefined;
+    cancel: string | undefined;
+    submit: string | undefined;
+    firstAvailableDate: number | undefined;
+    maxDate: Date | undefined;
+    autoRange: number | null;
+    inputLabel: string | undefined;
+    showMultiCalendars: boolean | undefined;
+    independentMultiCalendars: boolean | undefined;
+    mobileOverlayHeadline: string | undefined;
+    overlayHeadline: string | undefined;
+    hasHeader: boolean | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -245,14 +245,14 @@ declare const meta: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 iconName: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -272,14 +272,14 @@ declare const meta: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 iconName: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -296,8 +296,8 @@ declare const meta: {
                 onClick?: ((payload: any) => any) | undefined;
             }, {
                 size: "small" | "medium" | "large" | "xl";
-                title: string;
                 disabled: boolean;
+                title: string;
                 backgroundColor: "none" | "blue" | "gray-hover";
                 iconColor: "blue" | "gray" | "white";
             }, {}>;

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

@@ -304,14 +304,14 @@ declare const meta: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 iconName: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -331,14 +331,14 @@ declare const meta: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
                     default: string;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 iconName: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -355,8 +355,8 @@ declare const meta: {
                 onClick?: ((payload: any) => any) | undefined;
             }, {
                 size: "small" | "medium" | "large" | "xl";
-                title: string;
                 disabled: boolean;
+                title: string;
                 backgroundColor: "none" | "blue" | "gray-hover";
                 iconColor: "blue" | "gray" | "white";
             }, {}>;

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

@@ -6,14 +6,14 @@ declare const meta: {
             type: import("vue").PropType<"xs" | "small">;
             default: string;
         };
-        title: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         iconSize: {
             type: import("vue").PropType<"xs" | "small" | "large">;
             default: string;
@@ -49,14 +49,14 @@ declare const meta: {
             type: import("vue").PropType<"xs" | "small">;
             default: string;
         };
-        title: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         iconSize: {
             type: import("vue").PropType<"xs" | "small" | "large">;
             default: string;
@@ -89,8 +89,8 @@ declare const meta: {
         onClick?: ((...args: any[]) => any) | undefined;
     }, {
         size: "xs" | "small";
-        title: string;
         disabled: boolean;
+        title: string;
         iconSize: "xs" | "small" | "large";
         variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
         chevronIcon: string;
@@ -157,14 +157,14 @@ declare const meta: {
                     type: import("vue").PropType<"xs" | "small">;
                     default: string;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 iconSize: {
                     type: import("vue").PropType<"xs" | "small" | "large">;
                     default: string;
@@ -200,14 +200,14 @@ declare const meta: {
                     type: import("vue").PropType<"xs" | "small">;
                     default: string;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 iconSize: {
                     type: import("vue").PropType<"xs" | "small" | "large">;
                     default: string;
@@ -240,8 +240,8 @@ declare const meta: {
                 onClick?: ((...args: any[]) => any) | undefined;
             }, {
                 size: "xs" | "small";
-                title: string;
                 disabled: boolean;
+                title: string;
                 iconSize: "xs" | "small" | "large";
                 variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
                 chevronIcon: string;

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

@@ -49,8 +49,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     size: "xs" | "small";
-    title: string;
     disabled: boolean;
+    title: string;
     iconSize: "xs" | "small" | "large";
     variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
     chevronIcon: (typeof iconNames)[number];