@dpa-id-components/dpa-shared-components 8.6.1 → 8.8.0

package/dist/UseBreakpoints.stories.ts

@@ -0,0 +1,22 @@
+import UseBreakpoints from "./UseBreakpoints.vue";
+import type { Meta, StoryObj } from "@storybook/vue3";
+
+const meta = {
+  title: "tailwind/UseBreakpoints.ts",
+  component: UseBreakpoints,
+  argTypes: {},
+  parameters: {},
+} satisfies Meta<typeof UseBreakpoints>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  render: (args: any) => ({
+    setup() {
+      return { args };
+    },
+    components: { UseBreakpoints },
+    template: `<div><UseBreakpoints /></div>`,
+  }),
+};

package/dist/UseBreakpoints.vue

@@ -0,0 +1,12 @@
+<template>
+  <UiButton v-if="lg">Button for LG</UiButton>
+  <UiIconButton v-else icon-name="emoji" />
+</template>
+
+<script setup lang="ts">
+import useBreakpoints from "./useBreakpoints";
+import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
+import UiButton from "@/components/UiButton/UiButton.vue";
+
+const { lg } = useBreakpoints();
+</script>

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

@@ -15,6 +15,9 @@ declare const meta: {
                 description?: string | undefined;
                 truncateTitle?: boolean | undefined;
                 readonly view: "compact" | "standard" | "preview";
+                class?: unknown;
+                style?: unknown;
+                readonly title: string;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -57,9 +60,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-                readonly title: string;
                 readonly date: string;
                 readonly noticeType: {
                     iconName: "event" | "topic";
@@ -373,6 +373,9 @@ declare const meta: {
                         description?: string | undefined;
                         truncateTitle?: boolean | undefined;
                         readonly view: "compact" | "standard" | "preview";
+                        class?: unknown;
+                        style?: unknown;
+                        readonly title: string;
                         key?: string | number | symbol | undefined;
                         ref?: import("vue").VNodeRef | undefined;
                         ref_for?: boolean | undefined;
@@ -415,9 +418,6 @@ declare const meta: {
                         }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                             [key: string]: any;
                         }>) => void)[] | undefined;
-                        class?: unknown;
-                        style?: unknown;
-                        readonly title: string;
                         readonly date: string;
                         readonly noticeType: {
                             iconName: "event" | "topic";
@@ -652,6 +652,8 @@ declare const meta: {
                         fill?: string | undefined;
                         color?: string | undefined;
                         iconIsFilled?: boolean | undefined;
+                        class?: unknown;
+                        style?: unknown;
                         key?: string | number | symbol | undefined;
                         ref?: import("vue").VNodeRef | undefined;
                         ref_for?: boolean | undefined;
@@ -694,8 +696,6 @@ declare const meta: {
                         }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                             [key: string]: any;
                         }>) => void)[] | undefined;
-                        class?: unknown;
-                        style?: unknown;
                     };
                     $attrs: {
                         [x: string]: unknown;
@@ -873,6 +873,8 @@ declare const meta: {
                         iconName?: string | null | undefined;
                         mobileTrim?: boolean | undefined;
                         screenReaderText?: string | undefined;
+                        class?: unknown;
+                        style?: unknown;
                         key?: string | number | symbol | undefined;
                         ref?: import("vue").VNodeRef | undefined;
                         ref_for?: boolean | undefined;
@@ -915,8 +917,6 @@ declare const meta: {
                         }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                             [key: string]: any;
                         }>) => void)[] | undefined;
-                        class?: unknown;
-                        style?: unknown;
                     };
                     $attrs: {
                         [x: string]: unknown;

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

@@ -12,6 +12,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    topEntry: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     truncateTitle: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -30,6 +34,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    topEntry: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     truncateTitle: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -38,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: string;
     dateDetail: string;
     location: string | null;
+    topEntry: boolean;
     truncateTitle: boolean;
 }, {}>, {
     actions?(_: {}): any;

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

@@ -11,6 +11,8 @@ declare const meta: {
                 imgSrc?: string | undefined;
                 imgAlt?: string | undefined;
                 imgCount?: number | undefined;
+                class?: unknown;
+                style?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -53,8 +55,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
             };
             $attrs: {
                 [x: string]: unknown;

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

@@ -6,14 +6,14 @@ declare const meta: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         readonly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         value: {
             type: import("vue").PropType<string>;
             default: string;
@@ -22,19 +22,22 @@ declare const meta: {
             type: import("vue").PropType<string[]>;
             default: () => never[];
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select")[], "input" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        input: (...args: any[]) => void;
+        select: (...args: any[]) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         readonly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         value: {
             type: import("vue").PropType<string>;
             default: string;
@@ -48,8 +51,8 @@ declare const meta: {
         onSelect?: ((...args: any[]) => any) | undefined;
     }, {
         label: string;
-        placeholder: string;
         readonly: boolean;
+        placeholder: string;
         value: string;
         options: string[];
     }, {}>;

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

@@ -3,14 +3,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     value: {
         type: import("vue").PropType<string>;
         default: string;
@@ -19,19 +19,22 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select")[], "input" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    select: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     value: {
         type: import("vue").PropType<string>;
         default: string;
@@ -45,8 +48,8 @@ declare const _default: import("vue").DefineComponent<{
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
-    placeholder: string;
     readonly: boolean;
+    placeholder: string;
     value: string;
     options: string[];
 }, {}>;

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

@@ -13,6 +13,8 @@ declare const meta: {
                 iconName?: string | null | undefined;
                 mobileTrim?: boolean | undefined;
                 screenReaderText?: string | undefined;
+                class?: unknown;
+                style?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -55,8 +57,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
             };
             $attrs: {
                 [x: string]: unknown;

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

@@ -10,9 +10,12 @@ declare const meta: {
                 color?: "blue" | "white" | "gray" | "transparent" | "light-gray" | undefined;
                 iconName?: string | null | undefined;
                 disabled?: boolean | undefined;
-                href?: string | undefined;
                 rounded?: boolean | undefined;
                 disabledVariant?: "primary" | "secondary" | undefined;
+                href?: string | undefined;
+                class?: unknown;
+                style?: unknown;
+                onClick?: (() => any) | undefined;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -55,9 +58,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-                onClick?: (() => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -89,10 +89,6 @@ declare const meta: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                href: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 rounded: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -101,6 +97,10 @@ declare const meta: {
                     type: import("vue").PropType<"primary" | "secondary">;
                     default: string;
                 };
+                href: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onClick?: (() => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -110,9 +110,9 @@ declare const meta: {
                 color: "blue" | "white" | "gray" | "transparent" | "light-gray";
                 iconName: string | null;
                 disabled: boolean;
-                href: string;
                 rounded: boolean;
                 disabledVariant: "primary" | "secondary";
+                href: string;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -150,10 +150,6 @@ declare const meta: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            href: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -162,6 +158,10 @@ declare const meta: {
                 type: import("vue").PropType<"primary" | "secondary">;
                 default: string;
             };
+            href: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onClick?: (() => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -185,10 +185,6 @@ declare const meta: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        href: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         rounded: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -197,6 +193,10 @@ declare const meta: {
             type: import("vue").PropType<"primary" | "secondary">;
             default: string;
         };
+        href: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onClick?: (() => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -206,9 +206,9 @@ declare const meta: {
         color: "blue" | "white" | "gray" | "transparent" | "light-gray";
         iconName: string | null;
         disabled: boolean;
-        href: string;
         rounded: boolean;
         disabledVariant: "primary" | "secondary";
+        href: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

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

@@ -15,10 +15,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    href: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     rounded: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -27,6 +23,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
+    href: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -46,10 +46,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    href: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     rounded: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -58,6 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"primary" | "secondary">;
         default: string;
     };
+    href: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onClick?: (() => any) | undefined;
 }, {
@@ -65,9 +65,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: "blue" | "white" | "gray" | "transparent" | "light-gray";
     iconName: string | null;
     disabled: boolean;
-    href: string;
     rounded: boolean;
     disabledVariant: "primary" | "secondary";
+    href: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -6,6 +6,8 @@ declare const meta: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                class?: unknown;
+                style?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -48,8 +50,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
             };
             $attrs: {
                 [x: string]: unknown;

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

@@ -6,6 +6,8 @@ declare const meta: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                class?: unknown;
+                style?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -48,8 +50,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
             };
             $attrs: {
                 [x: string]: unknown;

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

@@ -12,6 +12,9 @@ declare const meta: {
                 errorMessage?: string | undefined;
                 checked?: boolean | undefined;
                 showError?: boolean | undefined;
+                class?: unknown;
+                style?: unknown;
+                onChange?: ((...args: any[]) => any) | undefined;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -54,9 +57,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-                onChange?: ((...args: any[]) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -98,7 +98,9 @@ declare const meta: {
                 };
             }>> & {
                 onChange?: ((...args: any[]) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], string, {
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                change: (...args: any[]) => void;
+            }, string, {
                 size: "small" | "medium";
                 color: "blue" | "gray";
                 disabled: boolean;
@@ -183,7 +185,9 @@ declare const meta: {
         };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (...args: any[]) => void;
+    }, string, {
         size: "small" | "medium";
         color: "blue" | "gray";
         disabled: boolean;

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

@@ -23,7 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: import("vue").PropType<"small" | "medium">;
         default: string;

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

@@ -18,7 +18,11 @@ declare const meta: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "checked-all" | "item-checked")[], "input" | "checked-all" | "item-checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        input: (...args: any[]) => void;
+        "checked-all": (...args: any[]) => void;
+        "item-checked": (...args: any[]) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;

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

@@ -16,7 +16,11 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "checked-all" | "item-checked")[], "input" | "checked-all" | "item-checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    "checked-all": (...args: any[]) => void;
+    "item-checked": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;

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

@@ -9,6 +9,8 @@ declare const meta: {
                 size?: "small" | "medium" | "big" | undefined;
                 cursorStyle?: "text" | "default" | "pointer" | undefined;
                 isVisible?: boolean | undefined;
+                class?: unknown;
+                style?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -51,8 +53,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
             };
             $attrs: {
                 [x: string]: unknown;

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

@@ -9,6 +9,8 @@ declare const meta: {
                 headline?: string | undefined;
                 hasBorderTop?: boolean | undefined;
                 openAsDefault?: boolean | undefined;
+                class?: unknown;
+                style?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -51,8 +53,6 @@ declare const meta: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
             };
             $attrs: {
                 [x: string]: unknown;

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

@@ -1,3 +1,4 @@
+import { iconNames } from '../../components/UiIcon/iconNames';
 export interface PresetRange {
     label: string;
     range: Date[] | string[];
@@ -247,7 +248,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     cancel: string;
     submit: string;
-    iconLeft: string | null;
+    iconLeft: (typeof iconNames)[number] | null;
     definesRange: boolean;
     multiCalendars: boolean;
     enableTimePicker: boolean;
@@ -258,7 +259,7 @@ declare const _default: import("vue").DefineComponent<{
     placeholderText: string;
     quickFilterRanges: PresetRange[] | null;
     quickFilterHeadline: string;
-    selectedDate: string | Date | [Date, Date] | {
+    selectedDate: Date | [Date, Date] | string | {
         month: number;
         year: number;
     };
@@ -270,7 +271,7 @@ declare const _default: import("vue").DefineComponent<{
     minDate: Date;
     maxDate: Date;
     autoRange: number | null;
-    maxRange: string | number | null;
+    maxRange: number | string | null;
     activeState: boolean;
     disabledState: boolean;
     monthPicker: boolean;