vuetify 3.6.0-alpha.2 → 3.6.0

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

@@ -142,6 +142,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -153,6 +154,7 @@ declare const VDialog: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -162,11 +164,11 @@ declare const VDialog: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onAfterLeave?: (() => any) | undefined;
-        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     }, Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -248,6 +250,7 @@ declare const VDialog: {
                 activator?: ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | ((arg: {
                 isActive: vue.Ref<boolean>;
@@ -259,6 +262,7 @@ declare const VDialog: {
                 activator?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
             "v-slot:default"?: false | ((arg: {
@@ -267,6 +271,7 @@ declare const VDialog: {
             "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onAfterEnter?: (() => any) | undefined;
@@ -325,6 +330,7 @@ declare const VDialog: {
                 activator?: ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | ((arg: {
                 isActive: vue.Ref<boolean>;
@@ -336,6 +342,7 @@ declare const VDialog: {
                 activator?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
@@ -345,6 +352,7 @@ declare const VDialog: {
             "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -367,6 +375,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
@@ -428,6 +437,7 @@ declare const VDialog: {
                 activator?: ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | ((arg: {
                 isActive: vue.Ref<boolean>;
@@ -439,6 +449,7 @@ declare const VDialog: {
                 activator?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
@@ -448,6 +459,7 @@ declare const VDialog: {
             "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -504,6 +516,7 @@ declare const VDialog: {
             activator: (arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
@@ -580,6 +593,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -591,6 +605,7 @@ declare const VDialog: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -600,6 +615,7 @@ declare const VDialog: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -616,9 +632,8 @@ declare const VDialog: {
         localTop: vue.ComputedRef<boolean>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined>;
     }> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'click:outside': (e: MouseEvent) => boolean;
-        'update:modelValue': (value: boolean) => boolean;
-        afterLeave: () => boolean;
+        'update:modelValue': (value: boolean) => true;
+        afterLeave: () => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         disabled: boolean;
@@ -676,6 +691,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -687,6 +703,7 @@ declare const VDialog: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -696,11 +713,11 @@ declare const VDialog: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onAfterLeave?: (() => any) | undefined;
-        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     }, {
         style: vue.StyleValue;
         disabled: boolean;
@@ -741,6 +758,7 @@ declare const VDialog: {
         activator: (arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -808,6 +826,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -819,6 +838,7 @@ declare const VDialog: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -828,11 +848,11 @@ declare const VDialog: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onAfterLeave?: (() => any) | undefined;
-        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     }, Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -914,6 +934,7 @@ declare const VDialog: {
                 activator?: ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | ((arg: {
                 isActive: vue.Ref<boolean>;
@@ -925,6 +946,7 @@ declare const VDialog: {
                 activator?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
             "v-slot:default"?: false | ((arg: {
@@ -933,6 +955,7 @@ declare const VDialog: {
             "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onAfterEnter?: (() => any) | undefined;
@@ -991,6 +1014,7 @@ declare const VDialog: {
                 activator?: ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | ((arg: {
                 isActive: vue.Ref<boolean>;
@@ -1002,6 +1026,7 @@ declare const VDialog: {
                 activator?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
@@ -1011,6 +1036,7 @@ declare const VDialog: {
             "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1033,6 +1059,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
@@ -1094,6 +1121,7 @@ declare const VDialog: {
                 activator?: ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | ((arg: {
                 isActive: vue.Ref<boolean>;
@@ -1105,6 +1133,7 @@ declare const VDialog: {
                 activator?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
+                    targetRef: vue.Ref<any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
@@ -1114,6 +1143,7 @@ declare const VDialog: {
             "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1170,6 +1200,7 @@ declare const VDialog: {
             activator: (arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
@@ -1246,6 +1277,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -1257,6 +1289,7 @@ declare const VDialog: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -1266,6 +1299,7 @@ declare const VDialog: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1373,6 +1407,7 @@ declare const VDialog: {
         activator?: ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } | ((arg: {
         isActive: vue.Ref<boolean>;
@@ -1384,6 +1419,7 @@ declare const VDialog: {
         activator?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
@@ -1393,11 +1429,11 @@ declare const VDialog: {
     "v-slot:activator"?: false | ((arg: {
         isActive: boolean;
         props: Record<string, any>;
+        targetRef: vue.Ref<any>;
     }) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onAfterLeave?: (() => any) | undefined;
-    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
 }, Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
@@ -1479,6 +1515,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -1490,6 +1527,7 @@ declare const VDialog: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
         "v-slot:default"?: false | ((arg: {
@@ -1498,6 +1536,7 @@ declare const VDialog: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onAfterEnter?: (() => any) | undefined;
@@ -1556,6 +1595,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -1567,6 +1607,7 @@ declare const VDialog: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -1576,6 +1617,7 @@ declare const VDialog: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1598,6 +1640,7 @@ declare const VDialog: {
         activator?: ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[]) | undefined;
@@ -1659,6 +1702,7 @@ declare const VDialog: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -1670,6 +1714,7 @@ declare const VDialog: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -1679,6 +1724,7 @@ declare const VDialog: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1735,6 +1781,7 @@ declare const VDialog: {
         activator: (arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -1811,6 +1858,7 @@ declare const VDialog: {
         activator?: ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } | ((arg: {
         isActive: vue.Ref<boolean>;
@@ -1822,6 +1870,7 @@ declare const VDialog: {
         activator?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
@@ -1831,6 +1880,7 @@ declare const VDialog: {
     "v-slot:activator"?: false | ((arg: {
         isActive: boolean;
         props: Record<string, any>;
+        targetRef: vue.Ref<any>;
     }) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1847,9 +1897,8 @@ declare const VDialog: {
     localTop: vue.ComputedRef<boolean>;
     updateLocation: vue.Ref<((e: Event) => void) | undefined>;
 }> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'click:outside': (e: MouseEvent) => boolean;
-    'update:modelValue': (value: boolean) => boolean;
-    afterLeave: () => boolean;
+    'update:modelValue': (value: boolean) => true;
+    afterLeave: () => true;
 }, string, {
     style: vue.StyleValue;
     disabled: boolean;
@@ -1890,6 +1939,7 @@ declare const VDialog: {
     activator: (arg: {
         isActive: boolean;
         props: Record<string, any>;
+        targetRef: vue.Ref<any>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];

package/lib/components/VDivider/VDivider.sass

@@ -1,51 +1,52 @@
 @use '../../styles/tools'
 @use './variables' as *
 
-.v-divider
-  display: block
-  flex: $divider-flex
-  height: 0px
-  max-height: 0px
-  opacity: $divider-opacity
-  transition: inherit
-
-  @include tools.border($divider-border...)
-
-  &--vertical
-    align-self: stretch
-    border-width: $divider-vertical-border-width
-    display: inline-flex
-    height: 100%
-    margin-left: $divider-vertical-margin-left
-    max-height: 100%
-    max-width: 0px
-    vertical-align: text-bottom
-    width: 0px
-
-  &--inset
-    &:not(.v-divider--vertical)
-      max-width: $divider-inset-max-width
-      margin-inline-start: $divider-inset-margin
-
-    &.v-divider--vertical
-      margin-bottom: $divider-vertical-inset-margin-bottom
-      margin-top: $divider-vertical-inset-margin-top
-      max-height: $divider-vertical-inset-max-height
-
-.v-divider__content
-  padding: $divider-content-padding
-
-  .v-divider__wrapper--vertical &
-    padding: $divider-content-vertical-padding
-
-.v-divider__wrapper
-  display: flex
-  align-items: center
-  justify-content: center
-
-  &--vertical
-    flex-direction: column
-    height: 100%
-
-    .v-divider
-      margin: 0 auto
+@include tools.layer('components')
+  .v-divider
+    display: block
+    flex: $divider-flex
+    height: 0px
+    max-height: 0px
+    opacity: $divider-opacity
+    transition: inherit
+
+    @include tools.border($divider-border...)
+
+    &--vertical
+      align-self: stretch
+      border-width: $divider-vertical-border-width
+      display: inline-flex
+      height: 100%
+      margin-left: $divider-vertical-margin-left
+      max-height: 100%
+      max-width: 0px
+      vertical-align: text-bottom
+      width: 0px
+
+    &--inset
+      &:not(.v-divider--vertical)
+        max-width: $divider-inset-max-width
+        margin-inline-start: $divider-inset-margin
+
+      &.v-divider--vertical
+        margin-bottom: $divider-vertical-inset-margin-bottom
+        margin-top: $divider-vertical-inset-margin-top
+        max-height: $divider-vertical-inset-max-height
+
+  .v-divider__content
+    padding: $divider-content-padding
+
+    .v-divider__wrapper--vertical &
+      padding: $divider-content-vertical-padding
+
+  .v-divider__wrapper
+    display: flex
+    align-items: center
+    justify-content: center
+
+    &--vertical
+      flex-direction: column
+      height: 100%
+
+      .v-divider
+        margin: 0 auto