@vuetify/nightly 3.7.4-master.2024-11-06 → 3.7.4-next.2024-11-06

package/lib/labs/VDateInput/index.d.mts

@@ -45,7 +45,7 @@ type IconValue = string | (string | [path: string, opacity: number])[] | JSXComp
 declare const IconValue: PropType<IconValue>;
 
 declare const VDateInput: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -158,118 +158,7 @@ declare const VDateInput: {
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (val: string) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        flat: boolean;
-        reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        type: string;
-        error: boolean;
-        active: boolean;
-        direction: "horizontal" | "vertical";
-        transition: string;
-        header: string;
-        style: vue.StyleValue;
-        title: string;
-        autofocus: boolean;
-        disabled: boolean;
-        readonly: boolean | null;
-        tag: string;
-        landscape: boolean;
-        placeholder: string;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        tile: boolean;
-        density: Density;
-        prependIcon: IconValue;
-        clearIcon: IconValue;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-        nextIcon: IconValue;
-        prevIcon: IconValue;
-        clearable: boolean;
-        dirty: boolean;
-        persistentClear: boolean;
-        singleLine: boolean;
-        persistentPlaceholder: boolean;
-        persistentCounter: boolean;
-        reverseTransition: string;
-        cancelText: string;
-        okText: string;
-        modeIcon: IconValue;
-        viewMode: "month" | "year" | "months";
-        showAdjacentMonths: boolean;
-        weekdays: number[];
-        weeksInMonth: "static" | "dynamic";
-        hideWeekdays: boolean;
-        showWeek: boolean;
-        hideHeader: boolean;
-        hideActions: boolean;
-    } & {
-        name?: string | undefined;
-        max?: unknown;
-        location?: Anchor | null | undefined;
-        id?: string | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        min?: unknown;
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        loading?: string | boolean | undefined;
-        label?: string | undefined;
-        text?: string | undefined;
-        prefix?: string | undefined;
-        role?: string | undefined;
-        multiple?: number | boolean | "range" | (string & {}) | undefined;
-        month?: string | number | undefined;
-        year?: number | undefined;
-        class?: any;
-        theme?: string | undefined;
-        elevation?: string | number | undefined;
-        counter?: string | number | boolean | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        modelValue?: any;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        validationValue?: any;
-        rounded?: string | number | boolean | undefined;
-        baseColor?: string | undefined;
-        bgColor?: string | undefined;
-        appendIcon?: IconValue | undefined;
-        appendInnerIcon?: IconValue | undefined;
-        prependInnerIcon?: IconValue | undefined;
-        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-        centerAffix?: boolean | undefined;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-        suffix?: string | undefined;
-        counterValue?: number | ((value: any) => number) | undefined;
-        modelModifiers?: Record<string, boolean> | undefined;
-        firstDayOfWeek?: string | number | undefined;
-        allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -322,7 +211,7 @@ declare const VDateInput: {
         hideActions: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -661,7 +550,7 @@ declare const VDateInput: {
     hideActions: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     max: vue.PropType<unknown>;
     location: vue.PropType<Anchor | null>;
     height: (StringConstructor | NumberConstructor)[];

package/lib/labs/VNumberInput/VNumberInput.css

@@ -1,39 +1,41 @@
-.v-number-input input[type=number] {
-  -moz-appearance: textfield;
-}
-.v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-.v-number-input .v-field {
-  padding-inline-end: 0;
-  padding-inline-start: 0;
-}
-.v-number-input--inset .v-divider {
-  height: 55%;
-  width: 55%;
-  align-self: center;
-}
-.v-number-input--split .v-field__input {
-  text-align: center;
-}
-.v-number-input--stacked .v-number-input__control {
-  flex-direction: column-reverse;
-}
-.v-number-input--stacked .v-number-input__control .v-btn {
-  flex: 1;
-}
-.v-number-input--hide-input .v-field {
-  flex: none;
-}
-.v-number-input--hide-input .v-field__input {
-  width: 0;
-  padding-inline: 0;
-}
-.v-number-input__control {
-  display: flex;
-  height: 100%;
-}
-.v-number-input__control .v-btn {
-  background-color: transparent;
-  border-radius: 0;
+@layer vuetify.components {
+  .v-number-input input[type=number] {
+    -moz-appearance: textfield;
+  }
+  .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+  .v-number-input .v-field {
+    padding-inline-end: 0;
+    padding-inline-start: 0;
+  }
+  .v-number-input--inset .v-divider {
+    height: 55%;
+    width: 55%;
+    align-self: center;
+  }
+  .v-number-input--split .v-field__input {
+    text-align: center;
+  }
+  .v-number-input--stacked .v-number-input__control {
+    flex-direction: column-reverse;
+  }
+  .v-number-input--stacked .v-number-input__control .v-btn {
+    flex: 1;
+  }
+  .v-number-input--hide-input .v-field {
+    flex: none;
+  }
+  .v-number-input--hide-input .v-field__input {
+    width: 0;
+    padding-inline: 0;
+  }
+  .v-number-input__control {
+    display: flex;
+    height: 100%;
+  }
+  .v-number-input__control .v-btn {
+    background-color: transparent;
+    border-radius: 0;
+  }
 }

package/lib/labs/VNumberInput/VNumberInput.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, Fragment as _Fragment, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VNumberInput.css";