npm - @nuxt/ui - Versions diffs - 2.18.5 → 2.18.6 - Mend

@nuxt/ui 2.18.5 → 2.18.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist/runtime/components/overlays/Notification.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Avatar, Button, NotificationColor, NotificationAction, Strategy } from '../../types/index.js';
+import type { Avatar, Button, NotificationColor, NotificationAction, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     container: string;
@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -212,7 +212,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -222,10 +222,62 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     class: any;
     timeout: number;
-    avatar: any;
+    avatar: Avatar;
     color: NotificationColor;
     title: string;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        container?: string;
+        inner?: string;
+        title?: string;
+        description?: string;
+        actions?: string;
+        background?: string;
+        shadow?: string;
+        rounded?: string;
+        padding?: string;
+        gap?: string;
+        ring?: string;
+        icon?: DeepPartial<{
+            base: string;
+            color: string;
+        }, any>;
+        avatar?: DeepPartial<{
+            base: string;
+            size: "md";
+        }, any>;
+        progress?: DeepPartial<{
+            base: string;
+            background: string;
+        }, any>;
+        transition?: DeepPartial<{
+            enterActiveClass: string;
+            enterFromClass: string;
+            enterToClass: string;
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        }, any>;
+        default?: DeepPartial<{
+            color: string;
+            icon: any;
+            timeout: number;
+            closeButton: {
+                icon: string;
+                color: "gray";
+                variant: "link";
+                padded: boolean;
+            };
+            actionButton: {
+                size: "xs";
+                color: "white";
+            };
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     description: string;
     icon: string;
     closeButton: Button;
@@ -326,7 +378,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -509,7 +561,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -578,7 +630,69 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         as: string | Record<string, any>;
         text: string;
         alt: string;
-        ui: {};
+        ui: {
+            wrapper?: string;
+            background?: string;
+            rounded?: string;
+            text?: string;
+            placeholder?: string;
+            size?: DeepPartial<{
+                '3xs': string;
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+                '3xl': string;
+            }, any>;
+            chip?: DeepPartial<{
+                base: string;
+                background: string;
+                position: {
+                    'top-right': string;
+                    'bottom-right': string;
+                    'top-left': string;
+                    'bottom-left': string;
+                };
+                size: {
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                };
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                size: {
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                };
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                icon: any;
+                chipColor: any;
+                chipPosition: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;
@@ -709,7 +823,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 font: string;
                 rounded: string;
@@ -1028,7 +1142,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 font: string;
                 rounded: string;
@@ -1181,7 +1295,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: string;
         size: import("../../types/button").ButtonSize;
         class: any;
-        to: any;
+        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         disabled: boolean;
         truncate: boolean;
         target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
@@ -1197,10 +1311,93 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         leading: boolean;
         color: import("../../types/button").ButtonColor;
         variant: import("../../types/button").ButtonVariant;
-        href: any;
+        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         rel: any;
         label: string;
-        ui: {};
+        ui: {
+            base?: string;
+            font?: string;
+            rounded?: string;
+            truncate?: string;
+            block?: string;
+            inline?: string;
+            size?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            gap?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            padding?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            square?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            color?: DeepPartial<{
+                white: {
+                    solid: string;
+                    ghost: string;
+                };
+                gray: {
+                    solid: string;
+                    ghost: string;
+                    link: string;
+                };
+                black: {
+                    solid: string;
+                    link: string;
+                };
+            }, any>;
+            variant?: DeepPartial<{
+                solid: string;
+                outline: string;
+                soft: string;
+                ghost: string;
+                link: string;
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                loading: string;
+                size: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                variant: string;
+                color: string;
+                loadingIcon: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
         block: boolean;
         square: boolean;
@@ -1459,7 +1656,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             type: string;
-            to: any;
+            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             disabled: boolean;
             target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
             activeClass: string;
@@ -1477,7 +1674,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             exactQuery: boolean;
             exactHash: boolean;
             inactiveClass: string;
-            href: any;
+            href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             rel: any;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/overlays/Notifications.vue.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Notification, Strategy } from '../../types/index.js';
+import type { DeepPartial, Notification, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     position: string;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -54,14 +54,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
 }>> & Readonly<{}>, {
     class: any;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        position?: string;
+        width?: string;
+        container?: string;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
 }, {}, {
     UNotification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         id: {
@@ -110,7 +119,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 container: string;
                 inner: string;
@@ -274,7 +283,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 container: string;
                 inner: string;
@@ -332,10 +341,62 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         class: any;
         timeout: number;
-        avatar: any;
+        avatar: import("../../types/avatar").Avatar;
         color: import("../../types/notification").NotificationColor;
         title: string;
-        ui: {};
+        ui: {
+            wrapper?: string;
+            container?: string;
+            inner?: string;
+            title?: string;
+            description?: string;
+            actions?: string;
+            background?: string;
+            shadow?: string;
+            rounded?: string;
+            padding?: string;
+            gap?: string;
+            ring?: string;
+            icon?: DeepPartial<{
+                base: string;
+                color: string;
+            }, any>;
+            avatar?: DeepPartial<{
+                base: string;
+                size: "md";
+            }, any>;
+            progress?: DeepPartial<{
+                base: string;
+                background: string;
+            }, any>;
+            transition?: DeepPartial<{
+                enterActiveClass: string;
+                enterFromClass: string;
+                enterToClass: string;
+                leaveActiveClass: string;
+                leaveFromClass: string;
+                leaveToClass: string;
+            }, any>;
+            default?: DeepPartial<{
+                color: string;
+                icon: any;
+                timeout: number;
+                closeButton: {
+                    icon: string;
+                    color: "gray";
+                    variant: "link";
+                    padded: boolean;
+                };
+                actionButton: {
+                    size: "xs";
+                    color: "white";
+                };
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         description: string;
         icon: string;
         closeButton: import("../../types/button").Button;
@@ -436,7 +497,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => "";
             };
             ui: {
-                type: PropType<Partial<{
+                type: PropType<DeepPartial<{
                     wrapper: string;
                     background: string;
                     rounded: string;
@@ -619,7 +680,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => "";
             };
             ui: {
-                type: PropType<Partial<{
+                type: PropType<DeepPartial<{
                     wrapper: string;
                     background: string;
                     rounded: string;
@@ -688,7 +749,69 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             as: string | Record<string, any>;
             text: string;
             alt: string;
-            ui: {};
+            ui: {
+                wrapper?: string;
+                background?: string;
+                rounded?: string;
+                text?: string;
+                placeholder?: string;
+                size?: DeepPartial<{
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                }, any>;
+                chip?: DeepPartial<{
+                    base: string;
+                    background: string;
+                    position: {
+                        'top-right': string;
+                        'bottom-right': string;
+                        'top-left': string;
+                        'bottom-left': string;
+                    };
+                    size: {
+                        '3xs': string;
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                        '2xl': string;
+                        '3xl': string;
+                    };
+                }, any>;
+                icon?: DeepPartial<{
+                    base: string;
+                    size: {
+                        '3xs': string;
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                        '2xl': string;
+                        '3xl': string;
+                    };
+                }, any>;
+                default?: DeepPartial<{
+                    size: string;
+                    icon: any;
+                    chipColor: any;
+                    chipPosition: string;
+                }, any>;
+            } & {
+                [key: string]: any;
+            } & {
+                strategy?: Strategy;
+            };
             icon: string;
             src: string | boolean;
             chipColor: import("../../types/avatar").AvatarChipColor;
@@ -819,7 +942,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => "";
             };
             ui: {
-                type: PropType<Partial<{
+                type: PropType<DeepPartial<{
                     base: string;
                     font: string;
                     rounded: string;
@@ -1138,7 +1261,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => "";
             };
             ui: {
-                type: PropType<Partial<{
+                type: PropType<DeepPartial<{
                     base: string;
                     font: string;
                     rounded: string;
@@ -1291,7 +1414,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
             size: import("../../types/button").ButtonSize;
             class: any;
-            to: any;
+            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             disabled: boolean;
             truncate: boolean;
             target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
@@ -1307,10 +1430,93 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             leading: boolean;
             color: import("../../types/button").ButtonColor;
             variant: import("../../types/button").ButtonVariant;
-            href: any;
+            href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             rel: any;
             label: string;
-            ui: {};
+            ui: {
+                base?: string;
+                font?: string;
+                rounded?: string;
+                truncate?: string;
+                block?: string;
+                inline?: string;
+                size?: DeepPartial<{
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                }, any>;
+                gap?: DeepPartial<{
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                }, any>;
+                padding?: DeepPartial<{
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                }, any>;
+                square?: DeepPartial<{
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                }, any>;
+                color?: DeepPartial<{
+                    white: {
+                        solid: string;
+                        ghost: string;
+                    };
+                    gray: {
+                        solid: string;
+                        ghost: string;
+                        link: string;
+                    };
+                    black: {
+                        solid: string;
+                        link: string;
+                    };
+                }, any>;
+                variant?: DeepPartial<{
+                    solid: string;
+                    outline: string;
+                    soft: string;
+                    ghost: string;
+                    link: string;
+                }, any>;
+                icon?: DeepPartial<{
+                    base: string;
+                    loading: string;
+                    size: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                }, any>;
+                default?: DeepPartial<{
+                    size: string;
+                    variant: string;
+                    color: string;
+                    loadingIcon: string;
+                }, any>;
+            } & {
+                [key: string]: any;
+            } & {
+                strategy?: Strategy;
+            };
             icon: string;
             block: boolean;
             square: boolean;
@@ -1569,7 +1775,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 type: string;
-                to: any;
+                to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
                 disabled: boolean;
                 target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
                 activeClass: string;
@@ -1587,7 +1793,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 exactQuery: boolean;
                 exactHash: boolean;
                 inactiveClass: string;
-                href: any;
+                href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
                 rel: any;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;