vuetify 2.5.14 → 2.6.2

package/src/styles/settings/_variables.scss

@@ -22,17 +22,18 @@ $rounded: map-deep-merge(
 );
 
 $spacer: 4px !default;
+$spacers-steps: 16 !default; 
 
 $spacers: () !default;
 @if (type-of($spacers) == list) {
-  @for $i from 0 through 16 {
+  @for $i from 0 through $spacers-steps {
     $spacers: map-merge($spacers, ($i: $spacer * $i))
   }
 }
 
 $negative-spacers: () !default;
 @if (type-of($negative-spacers) == list) {
-  @for $i from 1 through 16 {
+  @for $i from 1 through $spacers-steps {
     $negative-spacers: map-merge($negative-spacers, ("n" + $i: -$spacer * $i))
   }
 }
@@ -249,7 +250,7 @@ $secondary-transition: 0.2s map-get($transition, 'ease-in-out') !default;
 // Ripples //;
 $ripple-animation-transition-in: transform 0.25s map-get($transition, 'fast-out-slow-in'), opacity 0.1s map-get($transition, 'fast-out-slow-in') !default;
 $ripple-animation-transition-out: opacity 0.3s map-get($transition, 'fast-out-slow-in') !default;
-$ripple-animation-visible-opacity: 0.15 !default;
+$ripple-animation-visible-opacity: 0.25 !default;
 
 // Elements //;
 $bootable-transition: 0.2s map-get($transition, 'fast-out-slow-in') !default;

package/src/util/__tests__/__snapshots__/helpers.spec.ts.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`createSimpleFunctional should render with a custom tag 1`] = `
+<pre class="v-test">
+</pre>
+`;
+
+exports[`createSimpleFunctional should render with a user-defined tag 1`] = `
+<h1 class="v-test">
+</h1>
+`;

package/src/util/__tests__/helpers.spec.ts

@@ -9,7 +9,24 @@ import {
   getObjectValueByPath,
   humanReadableFileSize,
   sortItems,
+  createSimpleFunctional,
 } from '../helpers'
+import { mount } from '@vue/test-utils'
+
+describe('createSimpleFunctional', () => {
+  it('should render with a custom tag', () => {
+    const component = createSimpleFunctional('v-test', 'pre')
+    const wrapper = mount(component)
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+  it('should render with a user-defined tag', () => {
+    const component = createSimpleFunctional('v-test', 'pre')
+    const wrapper = mount(component, {
+      propsData: { tag: 'h1' },
+    })
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+})
 
 describe('helpers', () => {
   it('should return set difference of arrays A and B', () => {

package/src/util/helpers.ts

@@ -13,10 +13,17 @@ export function createSimpleFunctional (
 
     functional: true,
 
-    render (h, { data, children }): VNode {
+    props: {
+      tag: {
+        type: String,
+        default: el,
+      },
+    },
+
+    render (h, { data, props, children }): VNode {
       data.staticClass = (`${c} ${data.staticClass || ''}`).trim()
 
-      return h(el, data, children)
+      return h(props.tag, data, children)
     },
   })
 }
@@ -378,11 +385,11 @@ export function searchItems<T extends any = any> (items: T[], search: string): T
  *  - 'v-slot' for unbound v-slot (`#default`) - only if the third param is true, otherwise counts as scoped
  */
 export function getSlotType<T extends boolean = false> (vm: Vue, name: string, split?: T): (T extends true ? 'v-slot' : never) | 'normal' | 'scoped' | void {
-  if (vm.$slots[name] && vm.$scopedSlots[name] && (vm.$scopedSlots[name] as any).name) {
+  if (vm.$slots.hasOwnProperty(name) && vm.$scopedSlots.hasOwnProperty(name) && (vm.$scopedSlots[name] as any).name) {
     return split ? 'v-slot' as any : 'scoped'
   }
-  if (vm.$slots[name]) return 'normal'
-  if (vm.$scopedSlots[name]) return 'scoped'
+  if (vm.$slots.hasOwnProperty(name)) return 'normal'
+  if (vm.$scopedSlots.hasOwnProperty(name)) return 'scoped'
 }
 
 export function debounce (fn: Function, delay: number) {
@@ -412,9 +419,9 @@ export function getPrefixedScopedSlots (prefix: string, scopedSlots: any) {
 }
 
 export function getSlot (vm: Vue, name = 'default', data?: object | (() => object), optional = false) {
-  if (vm.$scopedSlots[name]) {
+  if (vm.$scopedSlots.hasOwnProperty(name)) {
     return vm.$scopedSlots[name]!(data instanceof Function ? data() : data)
-  } else if (vm.$slots[name] && (!data || optional)) {
+  } else if (vm.$slots.hasOwnProperty(name) && (!data || optional)) {
     return vm.$slots[name]
   }
   return undefined

package/types/lib.d.ts

@@ -110,6 +110,7 @@ declare module 'vuetify/lib/components' {
   const VNavigationDrawer: VueConstructor
   const VOverflowBtn: VueConstructor
   const VOverlay: VueConstructor
+  const VOtpInput: VueConstructor
   const VPagination: VueConstructor
   const VSheet: VueConstructor
   const VParallax: VueConstructor
@@ -275,6 +276,7 @@ declare module 'vuetify/lib/components' {
     VNavigationDrawer,
     VOverflowBtn,
     VOverlay,
+    VOtpInput,
     VPagination,
     VSheet,
     VParallax,

package/src/directives/ripple/_variables.scss

@@ -1,6 +0,0 @@
-@import '../../styles/styles.sass';
-
-$ripple-animation-transition-in: transform .25s map-get($transition, 'fast-in-slow-out'),
-                                 opacity .1s map-get($transition, 'fast-in-slow-out') !default;
-$ripple-animation-transition-out: opacity .3s map-get($transition, 'fast-in-slow-out') !default;
-$ripple-animation-visible-opacity: .15 !default;