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

package/lib/components/VProgressLinear/VProgressLinear.css

@@ -1,229 +1,216 @@
-.v-progress-linear {
-  background: transparent;
-  overflow: hidden;
-  position: relative;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  width: 100%;
-}
-.v-progress-linear--rounded {
-  border-radius: 9999px;
-}
-@media (forced-colors: active) {
+@layer vuetify.components {
   .v-progress-linear {
-    border: thin solid buttontext;
-  }
-}
-
-.v-progress-linear__background,
-.v-progress-linear__buffer {
-  background: currentColor;
-  bottom: 0;
-  left: 0;
-  opacity: var(--v-border-opacity);
-  position: absolute;
-  top: 0;
-  width: 100%;
-  transition-property: width, left, right;
-  transition: inherit;
-}
-
-@media (forced-colors: active) {
+    background: transparent;
+    overflow: hidden;
+    position: relative;
+    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    width: 100%;
+  }
+  .v-progress-linear--rounded {
+    border-radius: 9999px;
+  }
+  @media (forced-colors: active) {
+    .v-progress-linear {
+      border: thin solid buttontext;
+    }
+  }
+  .v-progress-linear__background,
   .v-progress-linear__buffer {
-    background-color: highlight;
-    opacity: 0.3;
+    background: currentColor;
+    bottom: 0;
+    left: 0;
+    opacity: var(--v-border-opacity);
+    position: absolute;
+    top: 0;
+    width: 100%;
+    transition-property: width, left, right;
+    transition: inherit;
+  }
+  @media (forced-colors: active) {
+    .v-progress-linear__buffer {
+      background-color: highlight;
+      opacity: 0.3;
+    }
+  }
+  .v-progress-linear__content {
+    align-items: center;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    left: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    width: 100%;
   }
-}
-.v-progress-linear__content {
-  align-items: center;
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  left: 0;
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.v-progress-linear__determinate,
-.v-progress-linear__indeterminate {
-  background: currentColor;
-}
-@media (forced-colors: active) {
   .v-progress-linear__determinate,
   .v-progress-linear__indeterminate {
-    background-color: highlight;
-  }
-}
-
-.v-progress-linear__determinate {
-  height: inherit;
-  left: 0;
-  position: absolute;
-  transition: inherit;
-  transition-property: width, left, right;
-}
-
-.v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
-  animation-play-state: paused;
-  animation-duration: 2.2s;
-  animation-iteration-count: infinite;
-  bottom: 0;
-  height: inherit;
-  left: 0;
-  position: absolute;
-  right: auto;
-  top: 0;
-  width: auto;
-}
-.v-progress-linear__indeterminate .long {
-  animation-name: indeterminate-ltr;
-}
-.v-progress-linear__indeterminate .short {
-  animation-name: indeterminate-short-ltr;
-}
-
-.v-progress-linear__stream {
-  animation: stream 0.25s infinite linear;
-  animation-play-state: paused;
-  bottom: 0;
-  left: auto;
-  opacity: 0.3;
-  pointer-events: none;
-  position: absolute;
-  transition: inherit;
-  transition-property: width, left, right;
-}
-
-.v-progress-linear--reverse .v-progress-linear__background,
-.v-progress-linear--reverse .v-progress-linear__determinate,
-.v-progress-linear--reverse .v-progress-linear__content {
-  left: auto;
-  right: 0;
-}
-.v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
-  left: auto;
-  right: 0;
-}
-.v-progress-linear--reverse .v-progress-linear__indeterminate .long {
-  animation-name: indeterminate-rtl;
-}
-.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
-  animation-name: indeterminate-short-rtl;
-}
-.v-progress-linear--reverse .v-progress-linear__stream {
-  right: auto;
-}
-
-.v-progress-linear--absolute,
-.v-progress-linear--fixed {
-  left: 0;
-  z-index: 1;
-}
-
-.v-progress-linear--absolute {
-  position: absolute;
-}
-
-.v-progress-linear--fixed {
-  position: fixed;
-}
-
-.v-progress-linear--rounded {
-  border-radius: 9999px;
-}
-.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
-.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
-  border-radius: inherit;
-}
-
-.v-progress-linear--striped .v-progress-linear__determinate {
-  animation: progress-linear-stripes 1s infinite linear;
-  background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
-  background-repeat: repeat;
-  background-size: var(--v-progress-linear-height);
-}
-
-.v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
-  animation-play-state: running;
-}
-.v-progress-linear--active .v-progress-linear__stream {
-  animation-play-state: running;
-}
-
-.v-progress-linear--rounded-bar .v-progress-linear__determinate,
-.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
-.v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
-  border-radius: 9999px;
-}
-.v-progress-linear--rounded-bar .v-progress-linear__determinate {
-  border-start-start-radius: 0;
-  border-end-start-radius: 0;
-}
-
-@keyframes indeterminate-ltr {
-  0% {
-    left: -90%;
-    right: 100%;
-  }
-  60% {
-    left: -90%;
-    right: 100%;
-  }
-  100% {
-    left: 100%;
-    right: -35%;
-  }
-}
-@keyframes indeterminate-rtl {
-  0% {
-    left: 100%;
-    right: -90%;
-  }
-  60% {
-    left: 100%;
-    right: -90%;
-  }
-  100% {
-    left: -35%;
-    right: 100%;
-  }
-}
-@keyframes indeterminate-short-ltr {
-  0% {
-    left: -200%;
-    right: 100%;
-  }
-  60% {
-    left: 107%;
-    right: -8%;
-  }
-  100% {
-    left: 107%;
-    right: -8%;
-  }
-}
-@keyframes indeterminate-short-rtl {
-  0% {
-    left: 100%;
-    right: -200%;
-  }
-  60% {
-    left: -8%;
-    right: 107%;
-  }
-  100% {
-    left: -8%;
-    right: 107%;
-  }
-}
-@keyframes stream {
-  to {
-    transform: translateX(var(--v-progress-linear-stream-to));
-  }
-}
-@keyframes progress-linear-stripes {
-  0% {
-    background-position-x: var(--v-progress-linear-height);
+    background: currentColor;
+  }
+  @media (forced-colors: active) {
+    .v-progress-linear__determinate,
+    .v-progress-linear__indeterminate {
+      background-color: highlight;
+    }
+  }
+  .v-progress-linear__determinate {
+    height: inherit;
+    left: 0;
+    position: absolute;
+    transition: inherit;
+    transition-property: width, left, right;
+  }
+  .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
+    animation-play-state: paused;
+    animation-duration: 2.2s;
+    animation-iteration-count: infinite;
+    bottom: 0;
+    height: inherit;
+    left: 0;
+    position: absolute;
+    right: auto;
+    top: 0;
+    width: auto;
+  }
+  .v-progress-linear__indeterminate .long {
+    animation-name: indeterminate-ltr;
+  }
+  .v-progress-linear__indeterminate .short {
+    animation-name: indeterminate-short-ltr;
+  }
+  .v-progress-linear__stream {
+    animation: stream 0.25s infinite linear;
+    animation-play-state: paused;
+    bottom: 0;
+    left: auto;
+    opacity: 0.3;
+    pointer-events: none;
+    position: absolute;
+    transition: inherit;
+    transition-property: width, left, right;
+  }
+  .v-progress-linear--reverse .v-progress-linear__background,
+  .v-progress-linear--reverse .v-progress-linear__determinate,
+  .v-progress-linear--reverse .v-progress-linear__content {
+    left: auto;
+    right: 0;
+  }
+  .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
+    left: auto;
+    right: 0;
+  }
+  .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
+    animation-name: indeterminate-rtl;
+  }
+  .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
+    animation-name: indeterminate-short-rtl;
+  }
+  .v-progress-linear--reverse .v-progress-linear__stream {
+    right: auto;
+  }
+  .v-progress-linear--absolute,
+  .v-progress-linear--fixed {
+    left: 0;
+    z-index: 1;
+  }
+  .v-progress-linear--absolute {
+    position: absolute;
+  }
+  .v-progress-linear--fixed {
+    position: fixed;
+  }
+  .v-progress-linear--rounded {
+    border-radius: 9999px;
+  }
+  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
+  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
+    border-radius: inherit;
+  }
+  .v-progress-linear--striped .v-progress-linear__determinate {
+    animation: progress-linear-stripes 1s infinite linear;
+    background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
+    background-repeat: repeat;
+    background-size: var(--v-progress-linear-height);
+  }
+  .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
+    animation-play-state: running;
+  }
+  .v-progress-linear--active .v-progress-linear__stream {
+    animation-play-state: running;
+  }
+  .v-progress-linear--rounded-bar .v-progress-linear__determinate,
+  .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
+  .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
+    border-radius: 9999px;
+  }
+  .v-progress-linear--rounded-bar .v-progress-linear__determinate {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+  }
+  @keyframes indeterminate-ltr {
+    0% {
+      left: -90%;
+      right: 100%;
+    }
+    60% {
+      left: -90%;
+      right: 100%;
+    }
+    100% {
+      left: 100%;
+      right: -35%;
+    }
+  }
+  @keyframes indeterminate-rtl {
+    0% {
+      left: 100%;
+      right: -90%;
+    }
+    60% {
+      left: 100%;
+      right: -90%;
+    }
+    100% {
+      left: -35%;
+      right: 100%;
+    }
+  }
+  @keyframes indeterminate-short-ltr {
+    0% {
+      left: -200%;
+      right: 100%;
+    }
+    60% {
+      left: 107%;
+      right: -8%;
+    }
+    100% {
+      left: 107%;
+      right: -8%;
+    }
+  }
+  @keyframes indeterminate-short-rtl {
+    0% {
+      left: 100%;
+      right: -200%;
+    }
+    60% {
+      left: -8%;
+      right: 107%;
+    }
+    100% {
+      left: -8%;
+      right: 107%;
+    }
+  }
+  @keyframes stream {
+    to {
+      transform: translateX(var(--v-progress-linear-stream-to));
+    }
+  }
+  @keyframes progress-linear-stripes {
+    0% {
+      background-position-x: var(--v-progress-linear-height);
+    }
   }
 }

package/lib/components/VProgressLinear/index.d.mts

@@ -14,7 +14,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 }
 
 declare const VProgressLinear: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         reverse: boolean;
         max: string | number;
         absolute: boolean;
@@ -66,57 +66,7 @@ declare const VProgressLinear: {
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (value: number) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        reverse: boolean;
-        max: string | number;
-        absolute: boolean;
-        location: Anchor | null;
-        height: string | number;
-        active: boolean;
-        stream: boolean;
-        style: vue.StyleValue;
-        tag: string;
-        indeterminate: boolean;
-        modelValue: string | number;
-        tile: boolean;
-        bufferValue: string | number;
-        clickable: boolean;
-        striped: boolean;
-        roundedBar: boolean;
-    } & {
-        color?: string | undefined;
-        opacity?: string | number | undefined;
-        class?: any;
-        theme?: string | undefined;
-        rounded?: string | number | boolean | undefined;
-        bgColor?: string | undefined;
-        bgOpacity?: string | number | undefined;
-        bufferColor?: string | undefined;
-        bufferOpacity?: string | number | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: ((arg: {
-                value: number;
-                buffer: number;
-            }) => vue.VNodeChild) | undefined;
-        } | ((arg: {
-            value: number;
-            buffer: number;
-        }) => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: {
-                value: number;
-                buffer: number;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            value: number;
-            buffer: number;
-        }) => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         reverse: boolean;
         max: string | number;
         absolute: boolean;
@@ -139,7 +89,7 @@ declare const VProgressLinear: {
             value: number;
             buffer: number;
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -293,7 +243,7 @@ declare const VProgressLinear: {
         value: number;
         buffer: number;
     }) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     tag: {
         type: StringConstructor;

package/lib/components/VRadio/VRadio.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Components
 import { makeVSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Utilities
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types

package/lib/components/VRadio/index.d.mts

@@ -44,7 +44,7 @@ type SelectionControlSlot = {
 };
 
 declare const VRadio: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         inline: boolean;
         error: boolean;
         style: vue.StyleValue;
@@ -108,71 +108,7 @@ declare const VRadio: {
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
         "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        inline: boolean;
-        error: boolean;
-        style: vue.StyleValue;
-        disabled: boolean | null;
-        multiple: boolean | null;
-        readonly: boolean | null;
-        density: Density;
-        ripple: boolean | {
-            class: string;
-        } | undefined;
-        falseIcon: IconValue;
-        trueIcon: IconValue;
-        valueComparator: typeof deepEqual;
-    } & {
-        name?: string | undefined;
-        type?: string | undefined;
-        id?: string | undefined;
-        color?: string | undefined;
-        value?: any;
-        label?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        modelValue?: any;
-        baseColor?: string | undefined;
-        defaultsTarget?: string | undefined;
-        trueValue?: any;
-        falseValue?: any;
-    } & {
-        $children?: vue.VNodeChild | ((arg: {
-            backgroundColorClasses: vue.Ref<string[]>;
-            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
-        }) => vue.VNodeChild) | {
-            default?: ((arg: {
-                backgroundColorClasses: vue.Ref<string[]>;
-                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
-            }) => vue.VNodeChild) | undefined;
-            label?: ((arg: {
-                label: string | undefined;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            default?: false | ((arg: {
-                backgroundColorClasses: vue.Ref<string[]>;
-                backgroundColorStyles: vue.Ref<vue.CSSProperties>;
-            }) => vue.VNodeChild) | undefined;
-            label?: false | ((arg: {
-                label: string | undefined;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            backgroundColorClasses: vue.Ref<string[]>;
-            backgroundColorStyles: vue.Ref<vue.CSSProperties>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:label"?: false | ((arg: {
-            label: string | undefined;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         inline: boolean;
         error: boolean;
         style: vue.StyleValue;
@@ -196,7 +132,7 @@ declare const VRadio: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
         input: (arg: SelectionControlSlot) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -373,7 +309,7 @@ declare const VRadio: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
     input: (arg: SelectionControlSlot) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;

package/lib/components/VRadioGroup/VRadioGroup.css

@@ -1,13 +1,15 @@
-.v-radio-group > .v-input__control {
-  flex-direction: column;
-}
-.v-radio-group > .v-input__control > .v-label {
-  margin-inline-start: 16px;
-}
-.v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
-  padding-inline-start: 6px;
-  margin-top: 8px;
-}
-.v-radio-group .v-input__details {
-  padding-inline: 16px;
+@layer vuetify.components {
+  .v-radio-group > .v-input__control {
+    flex-direction: column;
+  }
+  .v-radio-group > .v-input__control > .v-label {
+    margin-inline-start: 16px;
+  }
+  .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
+    padding-inline-start: 6px;
+    margin-top: 8px;
+  }
+  .v-radio-group .v-input__details {
+    padding-inline: 16px;
+  }
 }

package/lib/components/VRadioGroup/VRadioGroup.mjs

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