@vuetify/nightly 4.2.0-beta.0-dev.2026-08-27 → 4.2.0-beta.0-dev.2026-08-28

package/dist/vuetify.min.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.2.0-beta.0-dev.2026-08-27
+* Vuetify v4.2.0-beta.0-dev.2026-08-28
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3369,8 +3369,8 @@ if(p.run(()=>{l.install(s)}),s.onUnmount(()=>p.stop()),s.provide(Pt,e),s.provide
 else{const{mount:e}=s
 s.mount=(...l)=>{const n=e(...l)
 return t.nextTick(()=>a.update()),s.mount=e,n}}("boolean"!=typeof __VUE_OPTIONS_API__||__VUE_OPTIONS_API__)&&s.mixin({computed:{$vuetify(){return t.reactive({defaults:Jy.call(this,Pt),display:Jy.call(this,tr),theme:Jy.call(this,Fa),icons:Jy.call(this,ea),locale:Jy.call(this,_a),date:Jy.call(this,fc)})}}})},unmount:function(){s.stop()},defaults:e,display:a,theme:l,icons:u,locale:c,date:d,goTo:v}})}function Jy(e){const t=this.$,a=t.parent?.provides??t.vnode.appContext?.provides
-if(a&&e in a)return a[e]}Qy.version="4.2.0-beta.0-dev.2026-08-27"
-const eb=(e={})=>Qy({components:jy,directives:Xy,...e}),tb="4.2.0-beta.0-dev.2026-08-27"
+if(a&&e in a)return a[e]}Qy.version="4.2.0-beta.0-dev.2026-08-28"
+const eb=(e={})=>Qy({components:jy,directives:Xy,...e}),tb="4.2.0-beta.0-dev.2026-08-28"
 eb.version=tb,e.blueprints=da,e.components=jy,e.createRulesPlugin=function(e,a){return{install(l){l.provide(jo,function(e,a){const{t:l}=a,n={required:e=>t=>0===t||!!t||l(e||"$vuetify.rules.required"),email:e=>t=>!t||r(t)&&/^.+@\S+\.\S+$/.test(t)||l(e||"$vuetify.rules.email"),number:e=>t=>!t||!isNaN(Number(t))||l(e||"$vuetify.rules.number"),integer:e=>t=>/^[\d]*$/.test(t)||l(e||"$vuetify.rules.integer"),capital:e=>t=>/^[A-Z]*$/.test(t)||l(e||"$vuetify.rules.capital"),maxLength:(e,t)=>a=>!a||a.length<=e||l(t||"$vuetify.rules.maxLength",e),minLength:(e,t)=>a=>!a||a.length>=e||l(t||"$vuetify.rules.minLength",e),strictLength:(e,t)=>a=>!a||a.length===e||l(t||"$vuetify.rules.strictLength",e),exclude:(e,t)=>a=>{let n=!0
 for(const o of e)a.includes(o)&&(n=t||l("$vuetify.rules.exclude",o))
 return n},notEmpty:e=>t=>t&&t.length>0||l(e||"$vuetify.rules.notEmpty"),pattern:(e,t)=>a=>!a||e.test(a)||l(t||"$vuetify.rules.pattern"),...e?.aliases}

package/lib/components/VAlert/_variables.scss

@@ -32,9 +32,6 @@ $alert-title-text-transform: none !default;
 $alert-title-word-break: normal !default;
 $alert-title-word-wrap: break-word !default;
 
-// VAlertText
-$alert-text-line-height: 1.35 !default;
-
 // Lists
 $alert-border: (
   $alert-border-color,

package/lib/components/VAppBar/_variables.scss

@@ -9,35 +9,10 @@ $app-bar-border-radius: map.get(variables.$rounded, '0') !default;
 $app-bar-border-style: variables.$border-style-root !default;
 $app-bar-border-thin-width: 0 0 thin !default;
 $app-bar-border-width: 0 !default;
-$app-bar-collapsed-border-radius: 24px !default;
-$app-bar-collapsed-max-width: 112px !default;
 $app-bar-color: functions.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
-$app-bar-density-comfortable-padding: 4px !default;
-$app-bar-density-compact-padding: 0 !default;
-$app-bar-density-default-padding: 8px !default;
 $app-bar-elevation: 2 !default;
-$app-bar-flat-elevation: 0 !default;
-$app-bar-image-height: inherit !default;
-$app-bar-image-object-fit: cover !default;
-$app-bar-image-width: inherit !default;
-$app-bar-padding-end: 4px !default;
-$app-bar-padding-start: 4px !default;
-$app-bar-prominent-height: 128px !default;
-$app-bar-rounded-border-radius: variables.$border-radius-root !default;
-$app-bar-scrolled-title-padding-bottom: 9px !default;
-$app-bar-shaped-border-radius: map.get(variables.$rounded, 'xl') $app-bar-border-radius !default;
-$app-bar-title-font-size: functions.map-deep-get(variables.$typography, 'headline-medium', 'size') !default;
-$app-bar-title-padding: 6px 20px !default;
-$app-bar-transition: .2s variables.$standard-easing !default;
 
 // Lists
-$app-bar-border: (
-  $app-bar-border-color,
-  $app-bar-border-style,
-  $app-bar-border-width,
-  $app-bar-border-thin-width
-) !default;
-
 $app-bar-theme: (
   $app-bar-background,
   $app-bar-color

package/lib/components/VAutocomplete/_variables.scss

@@ -6,9 +6,5 @@ $autocomplete-content-border-radius: 4px !default;
 $autocomplete-content-elevation: 2 !default;
 $autocomplete-focused-input: 64px !default;
 $autocomplete-input-buffer: 2px !default;
-$autocomplete-line-height: 1.75 !default;
 $autocomplete-selection-gap: 2px !default;
 $autocomplete-transition: .2s settings.$standard-easing !default;
-$autocomplete-chips-control-min-height: 64px !default;
-$autocomplete-chips-margin-top: null !default;
-$autocomplete-chips-margin-bottom: null !default;

package/lib/components/VBanner/_variables.scss

@@ -28,12 +28,6 @@ $banner-sticky-z-index: 1 !default;
 $banner-text-padding-end: 90px !default;
 $banner-width: 100% !default;
 
-// Mobile
-$banner-mobile-avatar-margin-end: 16px !default;
-$banner-mobile-content-padding-end: 8px !default;
-$banner-mobile-padding-end: 8px !default;
-$banner-mobile-padding-start: 16px !default;
-
 $banner-border: (
   $banner-border-color,
   $banner-border-style,

package/lib/components/VBottomNavigation/_variables.scss

@@ -12,17 +12,13 @@ $bottom-navigation-border-radius: map.get(settings.$rounded, '0') !default;
 $bottom-navigation-border-style: settings.$border-style-root !default;
 $bottom-navigation-border-thin-width: thin !default;
 $bottom-navigation-border-width: 0 !default;
-$bottom-navigation-button-color: functions.theme-color('on-surface', var(--v-medium-emphasis-opacity)) !default;
 $bottom-navigation-color: functions.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
 $bottom-navigation-content-font-size: functions.map-deep-get(variables.$typography, 'label-small', 'size') !default;
 $bottom-navigation-elevation: 2 !default;
-$bottom-navigation-flat-elevation: 0 !default;
 $bottom-navigation-height: 100% !default;
 $bottom-navigation-icon-font-size: 1.5rem !default;
 $bottom-navigation-max-width: 168px !default;
 $bottom-navigation-min-width: 80px !default;
-$bottom-navigation-opacity: var(--v-medium-emphasis-opacity) !default;
-$bottom-navigation-shift-content-color: functions.theme-color('on-surface', 0) !default;
 $bottom-navigation-shift-icon-top: math.div($bottom-navigation-icon-font-size, 3) !default;
 $bottom-navigation-shift-icon-transform: translateY($bottom-navigation-shift-icon-top) !default;
 $bottom-navigation-text-transform: none !default;

package/lib/components/VBtn/_variables.scss

@@ -9,7 +9,6 @@ $button-colored-disabled: true !default;
 
 $button-background: rgb(var(--v-theme-surface)) !default;
 $button-color: tools.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
-$button-banner-actions-padding: 0 8px !default; // @deprecated
 $button-pagination-active-overlay-opacity: var(--v-border-opacity) !default;
 $button-pagination-border-radius: settings.$border-radius-root !default;
 $button-pagination-padding-inline: 5px !default;
@@ -19,7 +18,6 @@ $button-border-radius: settings.$border-radius-root !default;
 $button-border-style: settings.$border-style-root !default;
 $button-border-thin-width: thin !default;
 $button-border-width: 0 !default;
-$button-card-actions-padding: 0 8px !default; // @deprecated
 $button-content-transition: transform, opacity .2s settings.$standard-easing !default;
 $button-disabled-opacity: 0.26 !default;
 $button-disabled-overlay: 0.12 !default;
@@ -48,7 +46,6 @@ $button-text-transform: none !default;
 $button-transition-property: box-shadow, transform, opacity, background !default;
 $button-vertical-align: middle !default;
 $button-width-ratio: math.div(16, 9) !default;
-$button-snackbar-action-padding: 0 8px !default; // @deprecated
 $button-slim-padding: 0 8px !default;
 $button-stacked-width-ratio: 1 !default;
 $button-rounded-border-radius: map.get(settings.$rounded, 'xl') !default;

package/lib/components/VCalendar/_variables.scss

@@ -7,7 +7,6 @@ $calendar-daily-head-weekday-size: 50px !default;
 $calendar-daily-weekday-padding: 3px 0px 0px 0px !default;
 $calendar-daily-weekday-font-size: 11px !default;
 $calendar-daily-day-padding: 0px 0px 3px 0px !default;
-$calendar-daily-day-font-size: 40px !default;
 $calendar-daily-interval-gutter-top: -6px !default;
 $calendar-daily-interval-gutter-width: 4px !default;
 $calendar-daily-interval-gutter-align: right !default;
@@ -26,7 +25,6 @@ $calendar-weekly-day-month-left: 36px !default;
 $calendar-weekly-weeknumber-flex-basis: 24px !default;
 $calendar-weekly-weeknumber-padding-top: 14.5px !default;
 
-$calendar-event-bottom-space: 1px !default;
 $calendar-event-border-width: 1px !default;
 $calendar-event-border-radius: settings.$border-radius-root !default;
 $calendar-event-font-size: 12px !default;

package/lib/components/VCard/_variables.scss

@@ -58,7 +58,6 @@ $card-title-word-break: normal !default;
 $card-title-word-wrap: break-word !default;
 
 // VCardSubtitle
-$card-subtitle-color: tools.theme-color('on-surface', var(--v-medium-emphasis-opacity)) !default;
 $card-subtitle-comfortable-line-height: 1.125rem !default;
 $card-subtitle-compact-line-height: 1rem !default;
 $card-subtitle-flex: none !default;
@@ -122,10 +121,3 @@ $card-variants: (
   $card-plain-opacity,
   'v-card'
 ) !default;
-
-// Deprecated
-$card-avatar-align-self: flex-start !default;
-$card-avatar-header-padding: 0 !default;
-$card-avatar-padding: .5rem 1rem !default;
-$card-title-padding-top: 1rem !default;
-$card-text-padding-bottom: 1rem !default;

package/lib/components/VCheckbox/_variables.scss

@@ -2,5 +2,3 @@
 @use '../../styles/tools';
 
 $checkbox-flex: 0 1 auto !default;
-$checkbox-disabled-color: tools.theme-color('on-surface', var(--v-disabled-opacity)) !default;
-$checkbox-error-color: rgb(var(--v-theme-error)) !default;

package/lib/components/VChip/_variables.scss

@@ -21,7 +21,6 @@ $chip-height: 32px !default;
 $chip-icon-size-multiplier: calc(18/21) !default;
 $chip-label-border-radius: settings.$border-radius-root !default;
 $chip-max-width: 100% !default;
-$chip-overflow: hidden !default;
 $chip-padding-ratio: 2 + math.div(2, 3) !default;
 $chip-plain-opacity: .62 !default;
 $chip-filter-transition: .15s settings.$standard-easing !default;

package/lib/components/VColorInput/_variables.scss

@@ -1,6 +1,5 @@
 @use '../../styles/tools';
 
 // Defaults
-$color-input-pip-default-color: tools.theme-color('on-surface', var(--v-medium-emphasis-opacity)) !default;
 $color-input-pip-avatar-size: 40px !default;
 $color-input-pip-density: ('default': 0, 'comfortable': -2, 'compact': -3) !default;

package/lib/components/VCombobox/_variables.scss

@@ -6,9 +6,5 @@ $combobox-content-border-radius: 4px !default;
 $combobox-content-elevation: 2 !default;
 $combobox-focused-input: 64px !default;
 $combobox-input-buffer: 2px !default;
-$combobox-line-height: 1.75 !default;
 $combobox-selection-gap: 2px !default;
 $combobox-transition: .2s settings.$standard-easing !default;
-$combobox-chips-control-min-height: null !default;
-$combobox-chips-margin-top: null !default;
-$combobox-chips-margin-bottom: null !default;

package/lib/components/VCounter/_variables.scss

@@ -1,6 +1,4 @@
 // VCounter
 $counter-flex: 0 1 auto !default;
 $counter-font-size: 12px !default;
-$counter-line-height: $counter-font-size !default;
-$counter-min-height: 12px !default;
 $counter-transition-duration: 150ms !default;

package/lib/components/VDatePicker/VDatePickerMonth.css

@@ -60,30 +60,34 @@
     opacity: 0.06;
   }
   .v-date-picker-month__day--range-start > .v-date-picker-month__range-bg {
-    left: 2px;
-    border-radius: var(--range-selection-rounding) 0 0 var(--range-selection-rounding);
+    inset-inline-start: 2px;
+    border-start-start-radius: var(--range-selection-rounding);
+    border-end-start-radius: var(--range-selection-rounding);
   }
   .v-date-picker-month__day--range-end > .v-date-picker-month__range-bg {
-    right: 2px;
-    border-radius: 0 var(--range-selection-rounding) var(--range-selection-rounding) 0;
+    inset-inline-end: 2px;
+    border-start-end-radius: var(--range-selection-rounding);
+    border-end-end-radius: var(--range-selection-rounding);
   }
   .v-date-picker-month__day--preview-start > .v-date-picker-month__range-bg {
-    left: 2px;
-    border-radius: var(--range-selection-rounding) 0 0 var(--range-selection-rounding);
+    inset-inline-start: 2px;
+    border-start-start-radius: var(--range-selection-rounding);
+    border-end-start-radius: var(--range-selection-rounding);
   }
   .v-date-picker-month__day--preview-end > .v-date-picker-month__range-bg {
-    right: 2px;
-    border-radius: 0 var(--range-selection-rounding) var(--range-selection-rounding) 0;
+    inset-inline-end: 2px;
+    border-start-end-radius: var(--range-selection-rounding);
+    border-end-end-radius: var(--range-selection-rounding);
   }
   .v-date-picker-month__day--range-middle:last-of-type > .v-date-picker-month__range-bg, .v-date-picker-month__day--range-middle:has(+ .v-date-picker-month__day--hide-adjacent) > .v-date-picker-month__range-bg, .v-date-picker-month__day--range-start:last-of-type > .v-date-picker-month__range-bg, .v-date-picker-month__day--range-start:has(+ .v-date-picker-month__day--hide-adjacent) > .v-date-picker-month__range-bg, .v-date-picker-month__day--preview-middle:last-of-type > .v-date-picker-month__range-bg, .v-date-picker-month__day--preview-middle:has(+ .v-date-picker-month__day--hide-adjacent) > .v-date-picker-month__range-bg, .v-date-picker-month__day--preview-start:last-of-type > .v-date-picker-month__range-bg, .v-date-picker-month__day--preview-start:has(+ .v-date-picker-month__day--hide-adjacent) > .v-date-picker-month__range-bg {
-    right: 1px;
-    border-top-right-radius: var(--range-selection-rounding);
-    border-bottom-right-radius: var(--range-selection-rounding);
+    inset-inline-end: 1px;
+    border-start-end-radius: var(--range-selection-rounding);
+    border-end-end-radius: var(--range-selection-rounding);
   }
   .v-date-picker-month__day--range-middle:first-of-type > .v-date-picker-month__range-bg, .v-date-picker-month__day--hide-adjacent + .v-date-picker-month__day--range-middle > .v-date-picker-month__range-bg, .v-date-picker-month__day--range-end:first-of-type > .v-date-picker-month__range-bg, .v-date-picker-month__day--hide-adjacent + .v-date-picker-month__day--range-end > .v-date-picker-month__range-bg, .v-date-picker-month__day--preview-middle:first-of-type > .v-date-picker-month__range-bg, .v-date-picker-month__day--hide-adjacent + .v-date-picker-month__day--preview-middle > .v-date-picker-month__range-bg, .v-date-picker-month__day--preview-end:first-of-type > .v-date-picker-month__range-bg, .v-date-picker-month__day--hide-adjacent + .v-date-picker-month__day--preview-end > .v-date-picker-month__range-bg {
-    left: 1px;
-    border-top-left-radius: var(--range-selection-rounding);
-    border-bottom-left-radius: var(--range-selection-rounding);
+    inset-inline-start: 1px;
+    border-start-start-radius: var(--range-selection-rounding);
+    border-end-start-radius: var(--range-selection-rounding);
   }
   .v-date-picker-month__day--adjacent {
     opacity: 0.5;

package/lib/components/VDatePicker/VDatePickerMonth.sass

@@ -70,20 +70,24 @@
 
   .v-date-picker-month__day
     &--range-start > .v-date-picker-month__range-bg
-      left: $date-picker-month-range-selection-inset
-      border-radius: var(--range-selection-rounding) 0 0 var(--range-selection-rounding)
+      inset-inline-start: $date-picker-month-range-selection-inset
+      border-start-start-radius: var(--range-selection-rounding)
+      border-end-start-radius: var(--range-selection-rounding)
 
     &--range-end > .v-date-picker-month__range-bg
-      right: $date-picker-month-range-selection-inset
-      border-radius: 0 var(--range-selection-rounding) var(--range-selection-rounding) 0
+      inset-inline-end: $date-picker-month-range-selection-inset
+      border-start-end-radius: var(--range-selection-rounding)
+      border-end-end-radius: var(--range-selection-rounding)
 
     &--preview-start > .v-date-picker-month__range-bg
-      left: $date-picker-month-range-selection-inset
-      border-radius: var(--range-selection-rounding) 0 0 var(--range-selection-rounding)
+      inset-inline-start: $date-picker-month-range-selection-inset
+      border-start-start-radius: var(--range-selection-rounding)
+      border-end-start-radius: var(--range-selection-rounding)
 
     &--preview-end > .v-date-picker-month__range-bg
-      right: $date-picker-month-range-selection-inset
-      border-radius: 0 var(--range-selection-rounding) var(--range-selection-rounding) 0
+      inset-inline-end: $date-picker-month-range-selection-inset
+      border-start-end-radius: var(--range-selection-rounding)
+      border-end-end-radius: var(--range-selection-rounding)
 
     &--range-middle,
     &--range-start,
@@ -92,9 +96,9 @@
       &:last-of-type,
       &:has(+ .v-date-picker-month__day--hide-adjacent)
         > .v-date-picker-month__range-bg
-          right: 1px
-          border-top-right-radius: var(--range-selection-rounding)
-          border-bottom-right-radius: var(--range-selection-rounding)
+          inset-inline-end: 1px
+          border-start-end-radius: var(--range-selection-rounding)
+          border-end-end-radius: var(--range-selection-rounding)
 
     &--range-middle,
     &--range-end,
@@ -103,9 +107,9 @@
       &:first-of-type,
       .v-date-picker-month__day--hide-adjacent + &
         > .v-date-picker-month__range-bg
-          left: 1px
-          border-top-left-radius: var(--range-selection-rounding)
-          border-bottom-left-radius: var(--range-selection-rounding)
+          inset-inline-start: 1px
+          border-start-start-radius: var(--range-selection-rounding)
+          border-end-start-radius: var(--range-selection-rounding)
 
   .v-date-picker-month__day--adjacent
     opacity: 0.5

package/lib/components/VEmptyState/_variables.scss

@@ -12,7 +12,6 @@ $empty-state-headline-font-weight: functions.map-deep-get(settings.$typography,
 $empty-state-headline-line-height: functions.map-deep-get(settings.$typography, 'display-large', 'line-height') !default;
 $empty-state-headline-margin-bottom: 8px !default;
 $empty-state-headline-mobile-font-size: functions.map-deep-get(settings.$typography, 'headline-large', 'size') !default;
-$empty-state-image-padding: 16px !default;
 $empty-state-min-height: 100% !default;
 $empty-state-media-icon-color: functions.theme-color('on-surface', var(--v-medium-emphasis-opacity)) !default;
 $empty-state-padding: 16px !default;

package/lib/components/VFab/_variables.scss

@@ -3,11 +3,8 @@
 @use '../../styles/settings';
 @use '../../styles/tools';
 
-$fab-border-radius: map.get(settings.$rounded, 'circle') !default;
-$fab-border-radius-multiplier: 0 !default; // 2.4 for MD3
 $fab-height: 56px !default;
 $fab-font-size: tools.map-deep-get(settings.$typography, 'label-large', 'size') !default;
-$fab-font-weight: tools.map-deep-get(settings.$typography, 'label-large', 'weight') !default;
 $fab-transition-duration: 0.2s !default;
 $fab-transition-timing-function: settings.$standard-easing !default;
 $fab-width-ratio: math.div(16, 9) !default;

package/lib/components/VField/_variables.scss

@@ -7,17 +7,13 @@
 // INPUT
 $field-border-radius: settings.$border-radius-root !default;
 $field-rounded-border-radius: map.get(settings.$rounded, 'xl') !default;
-$field-color: tools.theme-color('on-surface', var(--v-medium-emphasis-opacity)) !default;
 $field-disabled-color: tools.theme-color('on-surface', var(--v-disabled-opacity)) !default;
-$field-error-color: rgb(var(--v-theme-error)) !default;
 $field-font-size: 16px !default;
 $field-letter-spacing: .009375em !default;
 $field-max-width: 100% !default;
 $field-transition-timing: .15s settings.$standard-easing !default;
 $field-subtle-transition-timing: 250ms settings.$standard-easing !default;
-$field-underlined-margin-bottom: 4px !default;
 $field-clearable-margin: 4px !default;
-$field-clearable-transition: .15s opacity, .15s width settings.$standard-easing !default;
 $field-chip-height: 24px !default;
 
 // CONTROL
@@ -26,7 +22,6 @@ $field-control-solo-color: tools.theme-color('on-surface', var(--v-high-emphasis
 $field-control-solo-elevation: 1 !default;
 $field-control-solo-inverted-color: tools.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
 $field-control-solo-inverted-focused-color: rgb(var(--v-theme-on-surface-variant)) !default;
-$field-control-filled-background: tools.theme-color('on-surface', var(--v-idle-opacity)) !default;
 $field-control-padding-start: 16px !default;
 $field-control-padding-end: 16px !default;
 $field-control-padding-top: 8px !default;
@@ -34,7 +29,6 @@ $field-control-padding-bottom: 4px !default;
 $field-control-affixed-padding: 12px !default;
 $field-control-affixed-inner-padding: 6px !default;
 $field-control-underlined-height: 48px !default;
-$field-control-underlined-padding-bottom: 2px !default;
 $field-control-height: 56px !default;
 
 // INPUT

package/lib/components/VFileInput/_variables.scss

@@ -1,5 +1,2 @@
 // Defaults
-$file-input-chip-margin-inline-end: null !default;
-$file-input-chips-margin-top: null !default;
-$file-input-chips-margin-bottom: null !default;
 $file-input-drag-outline-opacity: var(--v-medium-emphasis-opacity) !default;

package/lib/components/VFileUpload/_variables.scss

@@ -3,13 +3,9 @@
 
 $file-upload-title-font-size: 1.5rem !default;
 $file-upload-padding: 64px 16px !default;
-$file-upload-border-radius: 4px !default;
-$file-upload-border-width: 2px !default;
 $file-upload-drag-border-opacity: var(--v-medium-emphasis-opacity) !default;
-$file-upload-title-font-weight: 600 !default;
 $file-upload-icon-font-size: 3rem !default;
 $file-upload-icon-margin-bottom: 1rem !default;
 $file-upload-divider-margin: 32px 0 !default;
 $file-upload-items-margin: 16px 0 !default;
 $file-upload-inset-action-padding: 8px 0 !default;
-$file-upload-inset-padding: 16px !default;

package/lib/components/VFooter/_variables.scss

@@ -11,7 +11,6 @@ $footer-border-width: 0 !default;
 $footer-border-radius: map.get(settings.$rounded, 0) !default;
 $footer-color: tools.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
 $footer-flex: 1 1 auto !default;
-$footer-font-size: 14px !default;
 $footer-elevation: 0 !default;
 $footer-padding: 8px 16px !default;
 $footer-positions: absolute fixed !default;

package/lib/components/VIcon/_variables.scss

@@ -4,7 +4,6 @@
 
 // VIcon
 $icon-disabled-opacity: 0.38 !default;
-$icon-left-margin-left: 8px !default;
 $icon-letter-spacing: normal !default;
 $icon-line-height: 1 !default;
 $icon-margin-end: 8px !default;

package/lib/components/VImg/_variables.scss

@@ -3,4 +3,3 @@
 // Defaults
 $img-rounded-border-radius: settings.$border-radius-root !default;
 $img-preload-filter: blur(4px) !default;
-$img-card-media-height: 200px !default;

package/lib/components/VInput/_variables.scss

@@ -10,10 +10,6 @@ $input-font-size: tools.map-deep-get(settings.$typography, 'body-large', 'size')
 $input-font-weight: tools.map-deep-get(settings.$typography, 'body-large', 'weight') !default;
 $input-line-height: 1.5 !default;
 
-// CHIPS
-$input-chips-margin-top: null !default;
-$input-chips-margin-bottom: null !default;
-
 // DETAILS
 $input-details-font-size: .75rem !default;
 $input-details-font-weight: 400 !default;

package/lib/components/VLabel/_variables.scss

@@ -3,9 +3,7 @@
 
 // VLabel
 $label-color: inherit !default;
-$label-disabled-color: tools.theme-color('on-surface', var(--v-disabled-opacity)) !default;
 $label-display: inline-flex !default;
-$label-error-color: rgb(var(--v-theme-error)) !default;
 $label-font-size: 1rem !default;
 $label-letter-spacing: .009375em !default;
 $label-opacity: var(--v-medium-emphasis-opacity) !default;

package/lib/components/VMessages/_variables.scss

@@ -1,7 +1,6 @@
 @use '../../styles/tools';
 
 // VMessages
-$messages-color: tools.theme-color('on-surface', var(--v-medium-emphasis-opacity)) !default;
 $messages-font-size: 12px !default;
 $messages-line-height: $messages-font-size !default;
 $messages-min-height: 14px !default;

package/lib/components/VProgressLinear/_variables.scss

@@ -3,12 +3,9 @@
 
 // VProgressLinear
 $progress-linear-background: currentColor !default;
-$progress-linear-background-background: $progress-linear-background !default;
 $progress-linear-background-opacity: var(--v-border-opacity) !default;
 $progress-linear-border-radius: map.get(settings.$rounded, 'pill') !default;
 $progress-linear-stream-opacity: 0.3 !default;
-$progress-linear-stripe-background-size: 40px 40px !default;
-$progress-linear-stream-border-width: 4px !default;
 $progress-linear-stripe-gradient: linear-gradient(
   135deg,
   hsla(0, 0%, 100%, .25) 25%,

package/lib/components/VRating/_variables.scss

@@ -1,7 +1,6 @@
 @use '../../styles/settings';
 
 // Defaults
-$rating-item-focused-button-overlay-opacity: var(--v-hover-opacity) !default;
 $rating-item-align-items: center !default;
 $rating-item-button-opacity: 1 !default;
 $rating-item-button-transition-property: transform !default;

package/lib/components/VSelect/_variables.scss

@@ -3,8 +3,4 @@
 // Defaults
 $select-content-border-radius: 4px !default;
 $select-content-elevation: 2 !default;
-$select-line-height: 1.75 !default;
 $select-transition: .2s settings.$standard-easing !default;
-$select-chips-control-min-height: null !default;
-$select-chips-margin-top: null !default;
-$select-chips-margin-bottom: null !default;

package/lib/components/VSelectionControl/_variables.scss

@@ -3,8 +3,5 @@
 @use '../../styles/tools';
 
 // VSelectionControl
-$selection-control-disabled-color: tools.theme-color('on-surface', var(--v-disabled-opacity)) !default;
-$selection-control-error-color: rgb(var(--v-theme-error)) !default;
 $selection-control-density: ('default': 0, 'comfortable': -1, 'compact': -3) !default;
-$selection-control-color: tools.theme-color('on-surface', var(--v-high-emphasis-opacity)) !default;
 $selection-control-size: 40px !default;

package/lib/components/VSkeletonLoader/_variables.scss

@@ -1,8 +1,6 @@
 @use '../../styles/settings';
 @use '../../styles/tools';
 
-$skeleton-loader-actions-button-margin: 12px !default;
-$skeleton-loader-actions-padding: 16px 16px 8px !default;
 $skeleton-loader-avatar-height: 48px !default;
 $skeleton-loader-avatar-margin: 8px 16px !default;
 $skeleton-loader-avatar-width: 48px !default;

package/lib/components/VSlider/_variables.scss

@@ -5,13 +5,10 @@ $slider-horizontal-start: 8px !default;
 $slider-horizontal-min-height: 32px !default;
 $slider-horizontal-end: 8px !default;
 $slider-label-margin-end: 12px !default;
-$slider-label-margin-start: 12px !default;
-$slider-state-track-background-opacity: 0.4 !default;
 $slider-thumb-hover-opacity: var(--v-hover-opacity) !default;
 $slider-thumb-focus-opacity: var(--v-focus-opacity) !default;
 $slider-thumb-pressed-opacity: var(--v-pressed-opacity) !default;
 $slider-thumb-border-radius: 50% !default;
-$slider-thumb-focused-size-increase: 24px !default;
 $slider-thumb-label-font-size: tools.map-deep-get(settings.$typography, 'label-small', 'size') !default;
 $slider-thumb-label-border-radius: 4px !default;
 $slider-thumb-label-height: 25px !default;

package/lib/components/VSwitch/_variables.scss

@@ -10,7 +10,6 @@ $switch-error-color: rgb(var(--v-theme-on-error)) !default;
 $switch-inset-thumb-height: 24px !default;
 $switch-inset-thumb-width: 24px !default;
 $switch-inset-thumb-off-height: 16px !default;
-$switch-inset-thumb-off-width: 16px !default;
 $switch-inset-thumb-off-scale: math.div($switch-inset-thumb-off-height, $switch-inset-thumb-height) !default;
 $switch-inset-thumb-pressed-scale: math.div(28px, $switch-inset-thumb-height) !default;
 $switch-inset-track-border-radius: 9999px !default;
@@ -24,7 +23,6 @@ $switch-inset-square-thumb-radius: 4px !default;
 
 $switch-inset-unselected-track-color: color-mix(in srgb, rgb(var(--v-theme-on-surface-variant)) 73%, #ccc) !default;
 $switch-inset-unselected-thumb-color: color-mix(in srgb, rgb(var(--v-theme-surface-variant)) 20%, #888) !default;
-$switch-inset-unselected-border-color: $switch-inset-unselected-thumb-color !default;
 
 $switch-inset-selected-track-color: color-mix(in srgb, rgb(var(--v-theme-surface-variant)) 90%, white) !default;
 $switch-inset-selected-thumb-color: color-mix(in srgb, rgb(var(--v-theme-on-surface-variant)) 80%, white) !default;

package/lib/components/VSystemBar/_variables.scss

@@ -14,7 +14,6 @@ $system-bar-height: 24px !default;
 $system-bar-icon-opacity: var(--v-medium-emphasis-opacity) !default;
 $system-bar-justify-content: flex-end !default;
 $system-bar-letter-spacing: tools.map-deep-get(settings.$typography, 'label-small', 'letter-spacing') !default;
-$system-bar-lights-out-background: tools.theme-color('background', 0.7) !default;
 $system-bar-line-height: tools.map-deep-get(settings.$typography, 'label-small', 'line-height') !default;
 $system-bar-padding-x: 8px !default;
 $system-bar-positions: absolute fixed !default;
@@ -35,6 +34,3 @@ $system-bar-typography: (
   $system-bar-line-height,
   $system-bar-text-transform
 ) !default;
-
-// Deprecated
-$system-bar-padding: 0 8px !default;

package/lib/components/VTable/_variables.scss

@@ -12,7 +12,6 @@ $table-header-font-weight: 500 !default;
 $table-header-font-size: inherit !default;
 $table-font-size: tools.map-deep-get(settings.$typography, 'body-medium', 'size') !default;
 $table-row-height: 52px !default;
-$table-row-font-size: tools.map-deep-get(settings.$typography, 'label-large', 'size') !default;
 $table-border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
 $table-border: thin solid $table-border-color !default;
 $table-hover-color: rgba(var(--v-border-color), var(--v-hover-opacity)) !default;

package/lib/components/VTextField/_variables.scss

@@ -4,7 +4,6 @@
 
 // VTextField
 $text-field-affix-color: tools.theme-color('on-surface', var(--v-medium-emphasis-opacity)) !default;
-$text-field-border-radius: settings.$border-radius-root !default;
 $text-field-disabled-affix-color: tools.theme-color('on-surface', var(--v-disabled-opacity)) !default;
 $text-field-input-flex: 1 !default;
 $text-field-input-padding-end: 0 !default;

package/lib/components/VTextarea/_variables.scss

@@ -1,13 +1,3 @@
 @use '../../styles/settings';
 
 // VTextarea
-$textarea-box-enclosed-prefix-margin-top: 24px !default;
-$textarea-box-enclosed-single-outlined-label-top: 18px !default;
-$textarea-box-enclosed-single-outlined-margin-top: 10px !default;
-$textarea-dense-box-enclosed-single-outlined-margin-top: 6px !default;
-$textarea-dense-append-prepend-margin-top: 8px !default;
-$textarea-enclosed-text-slot-margin: -12px !default;
-$textarea-enclosed-text-slot-padding: 12px !default;
-$textarea-prefix-padding-top: 2px !default;
-$textarea-solo-append-padding: 12px !default;
-$textarea-solo-append-prepend-margin-top: 12px !default;

package/lib/components/VTimePicker/_variables.scss

@@ -2,15 +2,9 @@
 
 $time-picker-padding: 24px !default;
 $time-picker-controls-btn-font: 56px !default;
-$time-picker-controls-btn-height: 80px !default;
-$time-picker-controls-btn-width: 96px !default;
-$time-picker-controls-seconds-btn-width: 64px !default;
 $time-picker-controls-seconds-btn-height: 80px !default;
-$time-picker-controls-seconds-btn-font: 40px !default;
 $time-picker-controls-separator-width: 24px !default;
 $time-picker-controls-separator-line-height: 74px !default;
-$time-picker-controls-ampm-btn-width: 96px !default;
-$time-picker-controls-ampm-btn-height: 80px !default;
 $time-picker-controls-ampm-height: 40px !default;
 
 $time-picker-controls-field-background: rgb(var(--v-theme-surface-light)) !default;
@@ -27,7 +21,6 @@ $time-picker-controls-input-field-font: 44px !default;
 $time-picker-controls-input-field-height: 72px !default;
 $time-picker-controls-input-field-width: 96px !default;
 $time-picker-controls-input-seconds-field-width: 64px !default;
-$time-picker-controls-input-seconds-field-font: 40px !default;
 
 $time-picker-controls-input-separator-line-height: 64px !default;
 $time-picker-controls-input-ampm-height: 36px !default;