@vuetify/nightly 3.7.4-next.2024-11-06 → 3.7.5-dev.2024-12-16

package/lib/components/VExpansionPanel/VExpansionPanel.sass

@@ -33,41 +33,39 @@
     position: relative
     z-index: 1
 
-    @include tools.layer('overrides')
-      &:not(&--variant-accordion)
-        > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active)
-          border-bottom-left-radius: 0
-          border-bottom-right-radius: 0
+    &:not(&--variant-accordion)
+      > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active)
+        border-bottom-left-radius: 0 !important
+        border-bottom-right-radius: 0 !important
 
-        > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active)
-          border-top-left-radius: 0
-          border-top-right-radius: 0
+      > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active)
+        border-top-left-radius: 0 !important
+        border-top-right-radius: 0 !important
 
-        > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active)
-          border-bottom-left-radius: 0
-          border-bottom-right-radius: 0
+      > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active)
+        border-bottom-left-radius: 0 !important
+        border-bottom-right-radius: 0 !important
 
-        > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active)
-          border-top-left-radius: 0
-          border-top-right-radius: 0
+      > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active)
+        border-top-left-radius: 0 !important
+        border-top-right-radius: 0 !important
 
-      &--variant-accordion
-        > :first-child:not(:last-child)
-          border-bottom-left-radius: 0
-          border-bottom-right-radius: 0
+    &--variant-accordion
+      > :first-child:not(:last-child)
+        border-bottom-left-radius: 0 !important
+        border-bottom-right-radius: 0 !important
 
-        > :last-child:not(:first-child)
-          border-top-left-radius: 0
-          border-top-right-radius: 0
+      > :last-child:not(:first-child)
+        border-top-left-radius: 0 !important
+        border-top-right-radius: 0 !important
 
-          .v-expansion-panel-title--active
-            border-bottom-left-radius: initial
-            border-bottom-right-radius: initial
+        .v-expansion-panel-title--active
+          border-bottom-left-radius: initial
+          border-bottom-right-radius: initial
 
-        > :not(:first-child):not(:last-child)
-          border-radius: 0
+      > :not(:first-child):not(:last-child)
+        border-radius: 0 !important
 
-    &--variant-accordion
       .v-expansion-panel-title__overlay
         transition: 0.3s border-radius settings.$standard-easing
 

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

@@ -351,22 +351,22 @@ declare const VExpansionPanels: {
 type VExpansionPanels = InstanceType<typeof VExpansionPanels>;
 
 interface GroupItem {
-    id: number;
+    id: string;
     value: Ref<unknown>;
     disabled: Ref<boolean | undefined>;
     useIndexAsValue?: boolean;
 }
 interface GroupProvide {
     register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: number) => void;
-    select: (id: number, value: boolean) => void;
-    selected: Ref<Readonly<number[]>>;
-    isSelected: (id: number) => boolean;
+    unregister: (id: string) => void;
+    select: (id: string, value: boolean) => void;
+    selected: Ref<Readonly<string[]>>;
+    isSelected: (id: string) => boolean;
     prev: () => void;
     next: () => void;
     selectedClass: Ref<string | undefined>;
     items: ComputedRef<{
-        id: number;
+        id: string;
         value: unknown;
         disabled: boolean | undefined;
     }[]>;
@@ -374,7 +374,7 @@ interface GroupProvide {
     getItemIndex: (value: unknown) => number;
 }
 interface GroupItemProvide {
-    id: number;
+    id: string;
     isSelected: Ref<boolean>;
     isFirst: Ref<boolean>;
     isLast: Ref<boolean>;

package/lib/components/VFab/VFab.css

@@ -1,75 +1,70 @@
-@layer vuetify.components {
-  .v-fab {
-    align-items: center;
-    display: inline-flex;
-    flex: 1 1 auto;
-    pointer-events: none;
-    position: relative;
-    transition-duration: 0.2s;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    vertical-align: middle;
-  }
-  .v-fab .v-btn {
-    pointer-events: auto;
-  }
-  .v-fab .v-btn--variant-elevated {
-    box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-  }
-  .v-fab--app, .v-fab--absolute {
-    display: flex;
-  }
-  .v-fab--start, .v-fab--left {
-    justify-content: flex-start;
-  }
-  .v-fab--center {
-    align-items: center;
-    justify-content: center;
-  }
-  .v-fab--end, .v-fab--right {
-    justify-content: flex-end;
-  }
-  .v-fab--bottom {
-    align-items: flex-end;
-  }
-  .v-fab--top {
-    align-items: flex-start;
-  }
-}
-@layer vuetify.overrides {
-  .v-fab--extended .v-btn {
-    border-radius: 9999px;
-  }
-}
-@layer vuetify.components {
-  .v-fab__container {
-    align-self: center;
-    display: inline-flex;
-    position: absolute;
-    vertical-align: middle;
-  }
-  .v-fab--app .v-fab__container {
-    margin: 12px;
-  }
-  .v-fab--absolute .v-fab__container {
-    position: absolute;
-    z-index: 4;
-  }
-  .v-fab--offset.v-fab--top .v-fab__container {
-    transform: translateY(-50%);
-  }
-  .v-fab--offset.v-fab--bottom .v-fab__container {
-    transform: translateY(50%);
-  }
-  .v-fab--top .v-fab__container {
-    top: 0;
-  }
-  .v-fab--bottom .v-fab__container {
-    bottom: 0;
-  }
-  .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
-    left: 0;
-  }
-  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
-    right: 0;
-  }
+.v-fab {
+  align-items: center;
+  display: inline-flex;
+  flex: 1 1 auto;
+  pointer-events: none;
+  position: relative;
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  vertical-align: middle;
+}
+.v-fab .v-btn {
+  pointer-events: auto;
+}
+.v-fab .v-btn--variant-elevated {
+  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-fab--app, .v-fab--absolute {
+  display: flex;
+}
+.v-fab--start, .v-fab--left {
+  justify-content: flex-start;
+}
+.v-fab--center {
+  align-items: center;
+  justify-content: center;
+}
+.v-fab--end, .v-fab--right {
+  justify-content: flex-end;
+}
+.v-fab--bottom {
+  align-items: flex-end;
+}
+.v-fab--top {
+  align-items: flex-start;
+}
+.v-fab--extended .v-btn {
+  border-radius: 9999px !important;
+}
+
+.v-fab__container {
+  align-self: center;
+  display: inline-flex;
+  position: absolute;
+  vertical-align: middle;
+}
+.v-fab--app .v-fab__container {
+  margin: 12px;
+}
+.v-fab--absolute .v-fab__container {
+  position: absolute;
+  z-index: 4;
+}
+.v-fab--offset.v-fab--top .v-fab__container {
+  transform: translateY(-50%);
+}
+.v-fab--offset.v-fab--bottom .v-fab__container {
+  transform: translateY(50%);
+}
+.v-fab--top .v-fab__container {
+  top: 0;
+}
+.v-fab--bottom .v-fab__container {
+  bottom: 0;
+}
+.v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
+  left: 0;
+}
+.v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
+  right: 0;
 }

package/lib/components/VFab/VFab.sass

@@ -45,11 +45,10 @@
       align-items: flex-start
 
     &--extended
-      @include tools.layer('overrides')
-        .v-btn
-          // min-height: 56px
-          // min-width: 80px
-          border-radius: 9999px
+      .v-btn
+        // min-height: 56px
+        // min-width: 80px
+        border-radius: 9999px !important
 
   .v-fab__container
     align-self: center

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

@@ -38,22 +38,22 @@ declare const allowedVariants: readonly ["elevated", "flat", "tonal", "outlined"
 type Variant = typeof allowedVariants[number];
 
 interface GroupItem {
-    id: number;
+    id: string;
     value: Ref<unknown>;
     disabled: Ref<boolean | undefined>;
     useIndexAsValue?: boolean;
 }
 interface GroupProvide {
     register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: number) => void;
-    select: (id: number, value: boolean) => void;
-    selected: Ref<Readonly<number[]>>;
-    isSelected: (id: number) => boolean;
+    unregister: (id: string) => void;
+    select: (id: string, value: boolean) => void;
+    selected: Ref<Readonly<string[]>>;
+    isSelected: (id: string) => boolean;
     prev: () => void;
     next: () => void;
     selectedClass: Ref<string | undefined>;
     items: ComputedRef<{
-        id: number;
+        id: string;
         value: unknown;
         disabled: boolean | undefined;
     }[]>;