@vuetify/nightly 3.7.3-master.2024-10-31 → 3.7.3-next.2024-11-01

package/lib/components/VProgressCircular/VProgressCircular.css

@@ -1,103 +1,97 @@
-.v-progress-circular {
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  position: relative;
-  vertical-align: middle;
-}
-.v-progress-circular > svg {
-  width: 100%;
-  height: 100%;
-  margin: auto;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 0;
-}
-
-.v-progress-circular__content {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-
-.v-progress-circular__underlay {
-  color: rgba(var(--v-border-color), var(--v-border-opacity));
-  stroke: currentColor;
-  z-index: 1;
-}
-
-.v-progress-circular__overlay {
-  stroke: currentColor;
-  transition: all 0.2s ease-in-out, stroke-width 0s;
-  z-index: 2;
-}
-
-.v-progress-circular--size-x-small {
-  height: 16px;
-  width: 16px;
-}
-.v-progress-circular--size-small {
-  height: 24px;
-  width: 24px;
-}
-.v-progress-circular--size-default {
-  height: 32px;
-  width: 32px;
-}
-.v-progress-circular--size-large {
-  height: 48px;
-  width: 48px;
-}
-.v-progress-circular--size-x-large {
-  height: 64px;
-  width: 64px;
-}
-
-.v-progress-circular--indeterminate > svg {
-  animation: progress-circular-rotate 1.4s linear infinite;
-  transform-origin: center center;
-  transition: all 0.2s ease-in-out;
-}
-.v-progress-circular--indeterminate .v-progress-circular__overlay {
-  animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
-  stroke-dasharray: 25, 200;
-  stroke-dashoffset: 0;
-  stroke-linecap: round;
-  transform-origin: center center;
-  transform: rotate(-90deg);
-}
-
-.v-progress-circular--disable-shrink > svg {
-  animation-duration: 0.7s;
-}
-.v-progress-circular--disable-shrink .v-progress-circular__overlay {
-  animation: none;
-}
-
-.v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
-.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
-  animation-play-state: paused !important;
-}
-
-@keyframes progress-circular-dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0px;
-  }
-  50% {
-    stroke-dasharray: 100, 200;
-    stroke-dashoffset: -15px;
-  }
-  100% {
-    stroke-dasharray: 100, 200;
-    stroke-dashoffset: -124px;
-  }
-}
-@keyframes progress-circular-rotate {
-  100% {
-    transform: rotate(270deg);
+@layer vuetify.components {
+  .v-progress-circular {
+    align-items: center;
+    display: inline-flex;
+    justify-content: center;
+    position: relative;
+    vertical-align: middle;
+  }
+  .v-progress-circular > svg {
+    width: 100%;
+    height: 100%;
+    margin: auto;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 0;
+  }
+  .v-progress-circular__content {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+  }
+  .v-progress-circular__underlay {
+    color: rgba(var(--v-border-color), var(--v-border-opacity));
+    stroke: currentColor;
+    z-index: 1;
+  }
+  .v-progress-circular__overlay {
+    stroke: currentColor;
+    transition: all 0.2s ease-in-out, stroke-width 0s;
+    z-index: 2;
+  }
+  .v-progress-circular--size-x-small {
+    height: 16px;
+    width: 16px;
+  }
+  .v-progress-circular--size-small {
+    height: 24px;
+    width: 24px;
+  }
+  .v-progress-circular--size-default {
+    height: 32px;
+    width: 32px;
+  }
+  .v-progress-circular--size-large {
+    height: 48px;
+    width: 48px;
+  }
+  .v-progress-circular--size-x-large {
+    height: 64px;
+    width: 64px;
+  }
+  .v-progress-circular--indeterminate > svg {
+    animation: progress-circular-rotate 1.4s linear infinite;
+    transform-origin: center center;
+    transition: all 0.2s ease-in-out;
+  }
+  .v-progress-circular--indeterminate .v-progress-circular__overlay {
+    animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
+    stroke-dasharray: 25, 200;
+    stroke-dashoffset: 0;
+    stroke-linecap: round;
+    transform-origin: center center;
+    transform: rotate(-90deg);
+  }
+  .v-progress-circular--disable-shrink > svg {
+    animation-duration: 0.7s;
+  }
+  .v-progress-circular--disable-shrink .v-progress-circular__overlay {
+    animation: none;
+  }
+  .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
+  .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
+    animation-play-state: paused !important;
+  }
+  @keyframes progress-circular-dash {
+    0% {
+      stroke-dasharray: 1, 200;
+      stroke-dashoffset: 0px;
+    }
+    50% {
+      stroke-dasharray: 100, 200;
+      stroke-dashoffset: -15px;
+    }
+    100% {
+      stroke-dasharray: 100, 200;
+      stroke-dashoffset: -124px;
+    }
+  }
+  @keyframes progress-circular-rotate {
+    100% {
+      transform: rotate(270deg);
+    }
   }
 }

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

@@ -8,7 +8,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 type ClassValue = any;
 
 declare const VProgressCircular: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         width: string | number;
         rotate: string | number;
         style: vue.StyleValue;
@@ -38,37 +38,7 @@ declare const VProgressCircular: {
         "v-slot:default"?: false | ((arg: {
             value: number;
         }) => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        width: string | number;
-        rotate: string | number;
-        style: vue.StyleValue;
-        size: string | number;
-        tag: string;
-        modelValue: string | number;
-    } & {
-        color?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        indeterminate?: boolean | "disable-shrink" | undefined;
-        bgColor?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: ((arg: {
-                value: number;
-            }) => vue.VNodeChild) | undefined;
-        } | ((arg: {
-            value: number;
-        }) => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: {
-                value: number;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            value: number;
-        }) => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         width: string | number;
         rotate: string | number;
         style: vue.StyleValue;
@@ -79,7 +49,7 @@ declare const VProgressCircular: {
         default: (arg: {
             value: number;
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -168,7 +138,7 @@ declare const VProgressCircular: {
     default: (arg: {
         value: 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: Omit<{
         type: StringConstructor;