@dpa-id-components/dpa-shared-components 8.0.8-5 → 8.1.0

package/README.md

@@ -35,26 +35,22 @@ import { UiBadge } from "@dpa-id-components/dpa-shared-components";
 To have the styling working correctly you have to extend the tailwind config in your project.
 
 ```JavaScript
-const tailwindConfig = require("@dpa-id-components/dpa-shared-components/tailwindConfig");
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ["./src/**/*.vue", "./src/**/*.stories.js"],
-  ...tailwindConfig
-};
+import sharedComponentsConfig from '@dpa-id-components/dpa-shared-components/tailwindConfig'
+import { Config } from 'tailwindcss'
+
+export default {
+  presets: [sharedComponentsConfig],
+  content: [
+    // ... your content globs ...
+    './node_modules/@dpa-id-components/dpa-shared-components/**/*.{js,mjs,cjs}'
+  ]
+} satisfies Config
 ```
 
-The tailwind config is located at `./src/tailwind/tailwind.config.cjs`.
+The tailwind config is located at `./src/tailwind/tailwind.config.ts`.
 Please be aware that used plugins must be listed in the dependencies or the projects using the components have to
 install it.
 
-For correct styling you also need to import the ``style.css`` from the package somwhere at root of your project (e.g.
-App.js)
-
-```JavaScript
-import "@dpa-id-components/dpa-shared-components/style.css";
-```
-
 ## Add a component
 
 To add a new component please add at least the following files:
@@ -122,10 +118,10 @@ before linking or otherwise you wouldn't have a dist folder.
 
 ## SVG icons
 
-To add SVG icons, just copy the .svg file to ``./src/assets/icons``. Preferably you add the filename also to
+To add SVG icons, just copy the .svg file to `./src/assets/icons`. Preferably you add the filename also to
 the `ìconNames.ts` so it's available in Storybook as option and in the overview.
 SVGs get loaded by [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader), which optimizes the SVGs
-with [svgo](https://github.com/svg/svgo). Config can be added in ``vite.config.ts`` and ``./.storybook/main.ts`` (
+with [svgo](https://github.com/svg/svgo). Config can be added in `vite.config.ts` and `./.storybook/main.ts` (
 duplicated since Storybook can't handle the vite config plugins).
 Custom optimizations right now are:
 

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/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

@@ -18,7 +18,10 @@ 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;

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

@@ -15,7 +15,10 @@ 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;

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[];
@@ -235,7 +236,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;
@@ -246,7 +247,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;
     };
@@ -257,7 +258,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;

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

@@ -16,6 +16,8 @@ declare const meta: {
                 hasCloseButton?: boolean | undefined;
                 closeOnClickOutside?: boolean | undefined;
                 positionTop?: string | undefined;
+                class?: unknown;
+                style?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
@@ -58,8 +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;
                 onClose?: ((...args: any[]) => any) | undefined;
             };
             $attrs: {
@@ -118,7 +118,9 @@ declare const meta: {
                 };
             }>> & {
                 onClose?: ((...args: any[]) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], string, {
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                close: (...args: any[]) => void;
+            }, string, {
                 scrollable: boolean;
                 maxWidth: string;
                 maxHeight: string;
@@ -239,7 +241,9 @@ declare const meta: {
         };
     }>> & {
         onClose?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", {
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: (...args: any[]) => void;
+    }, string, {
         scrollable: boolean;
         maxWidth: string;
         maxHeight: string;
@@ -322,6 +326,8 @@ declare const meta: {
                         hasCloseButton?: boolean | undefined;
                         closeOnClickOutside?: boolean | undefined;
                         positionTop?: string | undefined;
+                        class?: unknown;
+                        style?: unknown;
                         key?: string | number | symbol | undefined;
                         ref?: import("vue").VNodeRef | undefined;
                         ref_for?: boolean | undefined;
@@ -364,8 +370,6 @@ declare const meta: {
                         }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                             [key: string]: any;
                         }>) => void)[] | undefined;
-                        class?: unknown;
-                        style?: unknown;
                         onClose?: ((...args: any[]) => any) | undefined;
                     };
                     $attrs: {
@@ -424,7 +428,9 @@ declare const meta: {
                         };
                     }>> & {
                         onClose?: ((...args: any[]) => any) | undefined;
-                    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], string, {
+                    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        close: (...args: any[]) => void;
+                    }, string, {
                         scrollable: boolean;
                         maxWidth: string;
                         maxHeight: string;
@@ -545,7 +551,9 @@ declare const meta: {
                 };
             }>> & {
                 onClose?: ((...args: any[]) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", {
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                close: (...args: any[]) => void;
+            }, string, {
                 scrollable: boolean;
                 maxWidth: string;
                 maxHeight: string;

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

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