@vuetify/nightly 3.7.0-beta.1-dev.2024-07-30 → 3.7.0-beta.1-dev.2024-08-01

package/lib/labs/components.d.mts

@@ -2939,6 +2939,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -2968,7 +2969,6 @@ declare const VNumberInput: {
         theme?: string | 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;
@@ -3047,7 +3047,7 @@ declare const VNumberInput: {
     } & {
         "onUpdate:modelValue"?: ((val: number) => any) | undefined;
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:modelValue': (val: number) => true;
+        'update:modelValue': (val: number) => boolean;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
         reverse: boolean;
@@ -3069,6 +3069,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -3098,7 +3099,6 @@ declare const VNumberInput: {
         theme?: string | 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;
@@ -3197,6 +3197,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
@@ -3282,6 +3283,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -3311,7 +3313,6 @@ declare const VNumberInput: {
         theme?: string | 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;
@@ -3410,6 +3411,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
@@ -3450,6 +3452,7 @@ declare const VNumberInput: {
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     rules: readonly ValidationRule$1[];
+    modelValue: Number | null;
     tile: boolean;
     density: Density;
     clearIcon: IconValue;
@@ -3479,7 +3482,6 @@ declare const VNumberInput: {
     theme?: string | 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;
@@ -3558,7 +3560,7 @@ declare const VNumberInput: {
 } & {
     "onUpdate:modelValue"?: ((val: number) => any) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (val: number) => true;
+    'update:modelValue': (val: number) => boolean;
 }, string, {
     flat: boolean;
     reverse: boolean;
@@ -3580,6 +3582,7 @@ declare const VNumberInput: {
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     rules: readonly ValidationRule$1[];
+    modelValue: Number | null;
     rounded: string | number | boolean;
     tile: boolean;
     density: Density;
@@ -3701,7 +3704,6 @@ declare const VNumberInput: {
         type: PropType<readonly ValidationRule$1[]>;
         default: () => never[];
     };
-    modelValue: null;
     validateOn: PropType<("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: null;
     rounded: {
@@ -3750,6 +3752,10 @@ declare const VNumberInput: {
     };
     inset: BooleanConstructor;
     hideInput: BooleanConstructor;
+    modelValue: {
+        type: PropType<Number | null>;
+        default: null;
+    };
     min: {
         type: NumberConstructor;
         default: number;
@@ -3826,7 +3832,6 @@ declare const VNumberInput: {
         type: PropType<readonly ValidationRule$1[]>;
         default: () => never[];
     };
-    modelValue: null;
     validateOn: PropType<("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: null;
     rounded: {
@@ -3875,6 +3880,10 @@ declare const VNumberInput: {
     };
     inset: BooleanConstructor;
     hideInput: BooleanConstructor;
+    modelValue: {
+        type: PropType<Number | null>;
+        default: null;
+    };
     min: {
         type: NumberConstructor;
         default: number;
@@ -8166,6 +8175,7 @@ type VStepperVerticalActions = InstanceType<typeof VStepperVerticalActions>;
 
 declare const VPullToRefresh: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
+        disabled: boolean;
         pullDownThreshold: number;
     } & {} & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -8200,6 +8210,7 @@ declare const VPullToRefresh: {
             done: () => void;
         }) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        disabled: boolean;
         pullDownThreshold: number;
     } & {} & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -8230,6 +8241,7 @@ declare const VPullToRefresh: {
             done: () => void;
         }) => any) | undefined;
     }, {
+        disabled: boolean;
         pullDownThreshold: number;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -8250,6 +8262,7 @@ declare const VPullToRefresh: {
         M: {};
         Defaults: {};
     }, {
+        disabled: boolean;
         pullDownThreshold: number;
     } & {} & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -8280,12 +8293,14 @@ declare const VPullToRefresh: {
             done: () => void;
         }) => any) | undefined;
     }, {}, {}, {}, {}, {
+        disabled: boolean;
         pullDownThreshold: number;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    disabled: boolean;
     pullDownThreshold: number;
 } & {} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -8320,6 +8335,7 @@ declare const VPullToRefresh: {
         done: () => void;
     }) => true;
 }, string, {
+    disabled: boolean;
     pullDownThreshold: number;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -8333,11 +8349,13 @@ declare const VPullToRefresh: {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    disabled: BooleanConstructor;
     pullDownThreshold: {
         type: NumberConstructor;
         default: number;
     };
 }, vue.ExtractPropTypes<{
+    disabled: BooleanConstructor;
     pullDownThreshold: {
         type: NumberConstructor;
         default: number;

package/lib/styles/generic/_colors.scss

@@ -5,15 +5,21 @@
 @use '../tools/functions' as *;
 
 @mixin background-color($color_value) {
-  background-color: $color_value !important;
+  & {
+    background-color: $color_value !important;
+  }
 }
 @mixin text-color($color_value) {
-  color: $color_value !important;
+  & {
+    color: $color_value !important;
+  }
 }
 @mixin background-text-color($color_name, $color_type) {
   $map_value: map-deep-get(colors.$text-on-colors, $color_name, $color_type);
 
-  color: $map_value !important;
+  & {
+    color: $map_value !important;
+  }
 }
 
 @if (settings.$color-pack) {