@vuetify/nightly 3.8.1-master.2025-04-15 → 3.8.1-next.2025-04-15

package/lib/components/VFileInput/VFileInput.css

@@ -1,29 +1,31 @@
-.v-file-input--hide.v-input .v-field,
-.v-file-input--hide.v-input .v-input__control,
-.v-file-input--hide.v-input .v-input__details {
-  display: none;
-}
-.v-file-input--hide.v-input .v-input__prepend {
-  grid-area: control;
-  margin: 0 auto;
-}
-.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
-.v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
-.v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
-.v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
-  top: 0px;
-}
-.v-file-input input[type=file] {
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-.v-file-input .v-input__details {
-  padding-inline: 16px;
-}
-.v-input--plain-underlined.v-file-input .v-input__details {
-  padding-inline: 0;
+@layer vuetify.components {
+  .v-file-input--hide.v-input .v-field,
+  .v-file-input--hide.v-input .v-input__control,
+  .v-file-input--hide.v-input .v-input__details {
+    display: none;
+  }
+  .v-file-input--hide.v-input .v-input__prepend {
+    grid-area: control;
+    margin: 0 auto;
+  }
+  .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
+  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
+  .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
+  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
+    top: 0px;
+  }
+  .v-file-input input[type=file] {
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+  }
+  .v-file-input .v-input__details {
+    padding-inline: 16px;
+  }
+  .v-input--plain-underlined.v-file-input .v-input__details {
+    padding-inline: 0;
+  }
 }

package/lib/components/VFooter/VFooter.css

@@ -1,37 +1,39 @@
-.v-footer {
-  align-items: center;
-  display: flex;
-  flex: 1 1 auto;
-  padding: 8px 16px;
-  position: relative;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  transition-property: height, width, transform, max-width, left, right, top, bottom;
-}
-.v-footer {
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  border-style: solid;
-  border-width: 0;
-}
-.v-footer--border {
-  border-width: thin;
-  box-shadow: none;
-}
-.v-footer {
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-footer--absolute {
-  position: absolute;
-}
-.v-footer--fixed {
-  position: fixed;
-}
-.v-footer {
-  border-radius: 0;
-}
-.v-footer {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-footer--rounded {
-  border-radius: 4px;
+@layer vuetify.components {
+  .v-footer {
+    align-items: center;
+    display: flex;
+    flex: 1 1 auto;
+    padding: 8px 16px;
+    position: relative;
+    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: height, width, transform, max-width, left, right, top, bottom;
+  }
+  .v-footer {
+    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+    border-style: solid;
+    border-width: 0;
+  }
+  .v-footer--border {
+    border-width: thin;
+    box-shadow: none;
+  }
+  .v-footer {
+    box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  }
+  .v-footer--absolute {
+    position: absolute;
+  }
+  .v-footer--fixed {
+    position: fixed;
+  }
+  .v-footer {
+    border-radius: 0;
+  }
+  .v-footer {
+    background: rgb(var(--v-theme-surface));
+    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+  }
+  .v-footer--rounded {
+    border-radius: 4px;
+  }
 }