vuetify 3.3.14 → 3.3.15

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.14
+* Vuetify v3.3.15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -17176,8 +17176,19 @@ html.overflow-y-hidden {
 }
 .v-btn-group--tile {
   border-radius: 0;
-}.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
-  opacity: var(--v-activated-opacity);
+}.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
+}
+.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
+}
+.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
+}
+@supports not selector(:focus-visible) {
+  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
+  }
 }.v-card {
   display: block;
   overflow: hidden;
@@ -19502,6 +19513,7 @@ textarea.v-field__input::placeholder {
 .v-field__clearable {
   cursor: pointer;
   opacity: 0;
+  overflow: hidden;
   margin-inline-start: 4px;
   margin-inline-end: 4px;
   transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
@@ -19651,20 +19663,14 @@ textarea.v-field__input::placeholder {
   transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .v-field--variant-outlined .v-field__outline__start {
+  flex: 0 0 12px;
   border-top-width: var(--v-field-border-width);
   border-bottom-width: var(--v-field-border-width);
   border-inline-start-width: var(--v-field-border-width);
 }
-.v-input--density-default .v-field--variant-outlined .v-field__outline__start {
-  flex: 0 0 29px;
-}
-
-.v-input--density-comfortable .v-field--variant-outlined .v-field__outline__start {
-  flex: 0 0 25px;
-}
-
-.v-input--density-compact .v-field--variant-outlined .v-field__outline__start {
-  flex: 0 0 21px;
+.v-field--rounded.v-field--variant-outlined .v-field__outline__start,
+[class^=rounded-].v-field--variant-outlined .v-field__outline__start {
+  flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
 }
 
 .v-locale--is-ltr.v-field--variant-outlined .v-field__outline__start, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
@@ -19729,11 +19735,19 @@ textarea.v-field__input::placeholder {
 /* endregion */
 /* region LOADER */
 .v-field__loader {
-  bottom: 0;
+  top: calc(100% - 2px);
   left: 0;
   position: absolute;
   right: 0;
   width: 100%;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+  overflow: hidden;
+}
+.v-field--variant-outlined .v-field__loader {
+  top: calc(100% - 3px);
 }
 
 /* endregion */
@@ -19878,6 +19892,7 @@ textarea.v-field__input::placeholder {
           user-select: none;
   vertical-align: middle;
   width: 1em;
+  min-width: 1em;
 }
 .v-icon--clickable {
   cursor: pointer;
@@ -21677,6 +21692,10 @@ html.v-overlay-scroll-blocked {
 }.v-switch .v-label {
   padding-inline-start: 10px;
 }
+.v-switch .v-switch__thumb {
+  background-color: rgb(var(--v-theme-surface-bright));
+  color: rgb(var(--v-theme-on-surface-bright));
+}
 
 .v-switch__loader {
   display: flex;
@@ -21696,13 +21715,13 @@ html.v-overlay-scroll-blocked {
 }
 
 .v-switch__track {
-  background-color: currentColor;
+  background-color: rgb(var(--v-theme-surface-variant));
   border-radius: 9999px;
   height: 14px;
   opacity: 0.6;
   width: 36px;
   cursor: pointer;
-  transition: 0.2s color cubic-bezier(0.4, 0, 0.2, 1);
+  transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
 }
 .v-switch--inset .v-switch__track {
   border-radius: 9999px;
@@ -21713,14 +21732,12 @@ html.v-overlay-scroll-blocked {
 .v-switch__thumb {
   align-items: center;
   border-radius: 50%;
-  background: rgb(var(--v-theme-surface));
-  color: rgb(var(--v-theme-on-surface));
   display: flex;
   height: 20px;
   justify-content: center;
   width: 20px;
   pointer-events: none;
-  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
+  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
   overflow: hidden;
   box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
@@ -21898,6 +21915,9 @@ html.v-overlay-scroll-blocked {
 }.v-table {
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+  transition-duration: 0.28s;
+  transition-property: box-shadow, opacity, background;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .v-table .v-table-divider {
   border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));