vuetify 3.6.13 → 3.6.14

package/lib/styles/tools/_absolute.sass

@@ -1,8 +1,9 @@
 @mixin absolute($pseudo: false)
-  @if ($pseudo)
-    content: ''
-  position: absolute
-  top: 0
-  left: 0
-  width: 100%
-  height: 100%
+  &
+    @if ($pseudo)
+      content: ''
+    position: absolute
+    top: 0
+    left: 0
+    width: 100%
+    height: 100%

package/lib/styles/tools/_border.sass

@@ -1,7 +1,8 @@
 @mixin border($color: null, $style: null, $width: null, $thin-width: false, $important: false)
-  border-color: $color if($important, !important, null)
-  border-style: $style if($important, !important, null)
-  border-width: $width if($important, !important, null)
+  &
+    border-color: $color if($important, !important, null)
+    border-style: $style if($important, !important, null)
+    border-width: $width if($important, !important, null)
 
   @if $thin-width
     &--border

package/lib/styles/tools/_display.sass

@@ -2,13 +2,14 @@
 @use '../settings' as *
 
 @mixin visually-hidden
-  position: absolute !important
-  height: 1px
-  width: 1px
-  overflow: hidden
-  clip: rect(1px, 1px, 1px, 1px)
-  white-space: nowrap
-  display: initial
+  &
+    position: absolute !important
+    height: 1px
+    width: 1px
+    overflow: hidden
+    clip: rect(1px, 1px, 1px, 1px)
+    white-space: nowrap
+    display: initial
 
 =media-breakpoint-up($name, $breakpoints: $grid-breakpoints)
   $min: breakpoint-min($name, $breakpoints)

package/lib/styles/tools/_elevation.sass

@@ -2,7 +2,9 @@
 @use '../settings'
 
 @mixin elevation($z, $important: false)
-  box-shadow: map.get(settings.$shadow-key-umbra, $z), map.get(settings.$shadow-key-penumbra, $z), map.get(settings.$shadow-key-ambient, $z) if($important, !important, null)
+  &
+    box-shadow: map.get(settings.$shadow-key-umbra, $z), map.get(settings.$shadow-key-penumbra, $z), map.get(settings.$shadow-key-ambient, $z) if($important, !important, null)
 
 @mixin elevationTransition($duration: 280ms, $easing: cubic-bezier(0.4, 0, 0.2, 1))
-  transition: box-shadow $duration $easing
+  &
+    transition: box-shadow $duration $easing

package/lib/styles/tools/_index.sass

@@ -9,7 +9,6 @@
 @forward '_radius'
 @forward '_rounded'
 @forward '_rtl'
-@forward '_sheet'
 @forward '_states'
 @forward '_theme'
 @forward '_typography'

package/lib/styles/tools/_radius.sass

@@ -2,8 +2,9 @@
 @use '../settings'
 
 @mixin radius($r, $important: false)
-  // Key exists within the $rounded variable
-  @if (map.has-key(settings.$rounded, $r))
-    border-radius: map.get(settings.$rounded, $r) if($important, !important, null)
-  @else
-    border-radius: $r if($important, !important, null)
+  &
+    // Key exists within the $rounded variable
+    @if (map.has-key(settings.$rounded, $r))
+      border-radius: map.get(settings.$rounded, $r) if($important, !important, null)
+    @else
+      border-radius: $r if($important, !important, null)

package/lib/styles/tools/_rounded.sass

@@ -1,2 +1,3 @@
 @mixin rounded($radius: null, $important: false)
-  border-radius: $radius if($important, !important, null)
+  &
+    border-radius: $radius if($important, !important, null)

package/lib/styles/tools/_theme.sass

@@ -1,3 +1,4 @@
 @mixin theme ($background, $color)
-  background: $background
-  color: $color
+  &
+    background: $background
+    color: $color

package/lib/styles/tools/_typography.sass

@@ -1,6 +1,7 @@
 @mixin typography ($font-size, $font-weight, $letter-spacing, $line-height, $text-transform)
-  font-size: $font-size
-  font-weight: $font-weight
-  letter-spacing: $letter-spacing
-  line-height: $line-height
-  text-transform: $text-transform
+  &
+    font-size: $font-size
+    font-weight: $font-weight
+    letter-spacing: $letter-spacing
+    line-height: $line-height
+    text-transform: $text-transform

package/lib/styles/tools/_utilities.sass

@@ -24,21 +24,21 @@
         // https://github.com/sass/sass/issues/626
         @if $mixin == 'ltr'
           .v-locale--is-ltr
-            +generate-utility-body($utility, list.nth($dir, 2), $value, $infix)
+            @include generate-utility-body($utility, list.nth($dir, 2), $value, $infix)
         @else if $mixin == 'rtl'
           .v-locale--is-rtl
-            +generate-utility-body($utility, list.nth($dir, 2), $value, $infix)
+            @include generate-utility-body($utility, list.nth($dir, 2), $value, $infix)
         @else
           @error 'Only RTL and LTR are supported'
     @else
       @if $forceDir == 'ltr'
         .v-locale--is-ltr
-          +generate-utility-body($utility, $properties, $value, $infix)
+          @include generate-utility-body($utility, $properties, $value, $infix)
       @else if $forceDir == 'rtl'
         .v-locale--is-rtl
-          +generate-utility-body($utility, $properties, $value, $infix)
+          @include generate-utility-body($utility, $properties, $value, $infix)
       @else
-        +generate-utility-body($utility, $properties, $value, $infix)
+        @include generate-utility-body($utility, $properties, $value, $infix)
 
 =generate-utility-body($utility, $properties, $value, $infix)
   // Use custom class if present

package/lib/styles/utilities/_index.sass

@@ -10,7 +10,7 @@
 @include tools.layer('utilities')
   @each $breakpoint in map.keys(settings.$grid-breakpoints)
     // Generate media query if needed
-    +tools.media-breakpoint-up($breakpoint)
+    @include tools.media-breakpoint-up($breakpoint)
       $infix: tools.breakpoint-infix($breakpoint, settings.$grid-breakpoints)
 
       // Loop over each utility property
@@ -19,13 +19,13 @@
         // Only proceed if responsive media queries are enabled or if it's the base media query
         @if string.slice($key, -4) == ':ltr'
           @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "")
-            +tools.generate-utility($utility, $infix, 'ltr')
+            @include tools.generate-utility($utility, $infix, 'ltr')
         @else if string.slice($key, -4) == ':rtl'
           @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "")
-            +tools.generate-utility($utility, $infix, 'rtl')
+            @include tools.generate-utility($utility, $infix, 'rtl')
         @else
           @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "")
-            +tools.generate-utility($utility, $infix, 'bidi')
+            @include tools.generate-utility($utility, $infix, 'bidi')
 
   // Print utilities
   @media print
@@ -34,10 +34,10 @@
       // Then check if the utility needs print styles
       @if string.slice($key, -4) == ':ltr'
         @if meta.type-of($utility) == "map" and map.get($utility, print) == true
-          +tools.generate-utility($utility, "-print", 'ltr')
+          @include tools.generate-utility($utility, "-print", 'ltr')
       @else if string.slice($key, -4) == ':rtl'
         @if meta.type-of($utility) == "map" and map.get($utility, print) == true
-          +tools.generate-utility($utility, "-print", 'rtl')
+          @include tools.generate-utility($utility, "-print", 'rtl')
       @else
         @if meta.type-of($utility) == "map" and map.get($utility, print) == true
-          +tools.generate-utility($utility, "-print", 'bidi')
+          @include tools.generate-utility($utility, "-print", 'bidi')

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.6.13",
+  "version": "3.6.14",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"
@@ -98,12 +98,12 @@
     "node": "^12.20 || >=14.13"
   },
   "scripts": {
-    "watch": "yarn build:lib --watch",
+    "watch": "pnpm run build:lib --watch",
     "dev": "cross-env NODE_ENV=development vite",
     "dev:ssr": "cross-env NODE_ENV=development VITE_SSR=true vite-ssr",
     "dev:prod": "concurrently \"cross-env NODE_ENV=production vite build -w\" \"vite preview\"",
     "dev:typecheck": "vue-tsc --noEmit --skipLibCheck --project ./tsconfig.dev.json",
-    "build": "rimraf lib dist && concurrently \"yarn build:dist\" \"yarn build:lib\" -n \"dist,lib\" --kill-others-on-fail -r && yarn build:types",
+    "build": "rimraf lib dist && concurrently \"pnpm run build:dist\" \"pnpm run build:lib\" -n \"dist,lib\" --kill-others-on-fail -r && pnpm run build:types",
     "build:dist": "rollup --config build/rollup.config.mjs",
     "build:lib": "cross-env NODE_ENV=lib babel src --out-dir lib --source-maps --extensions \".ts\",\".tsx\",\".snap\" --copy-files --no-copy-ignored --out-file-extension .mjs",
     "build:types": "rimraf types-temp && tsc --pretty --emitDeclarationOnly -p tsconfig.dist.json && rollup --config build/rollup.types.config.mjs && rimraf types-temp",
@@ -112,7 +112,7 @@
     "test": "node build/run-tests.js",
     "test:unix": "cross-env NODE_ENV=test jest",
     "test:win32": "cross-env NODE_ENV=test jest -i",
-    "test:coverage": "yarn test --coverage",
+    "test:coverage": "pnpm run test --coverage",
     "lint": "concurrently -n \"tsc,eslint\" --kill-others-on-fail \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint src -f codeframe --max-warnings 0\"",
     "lint:fix": "concurrently -n \"tsc,eslint\" \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint --fix src\"",
     "cy:open": "cypress open --component -b electron",
@@ -126,6 +126,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/vue-fontawesome": "^3.0.6",
+    "@jest/globals": "^28.1.3",
     "@percy/cli": "^1.28.2",
     "@percy/cypress": "^3.1.2",
     "@rollup/plugin-alias": "^5.1.0",
@@ -138,6 +139,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/babel-plugin-jsx": "^1.2.2",
+    "@vue/shared": "^3.4.27",
     "@vue/test-utils": "2.4.6",
     "acorn-walk": "^8.3.2",
     "autoprefixer": "^10.4.19",
@@ -147,6 +149,7 @@
     "babel-polyfill": "^6.26.0",
     "concurrently": "^8.2.2",
     "cssnano": "^6.1.2",
+    "csstype": "^3.1.3",
     "cy-mobile-commands": "^0.3.0",
     "cypress": "^13.7.2",
     "cypress-file-upload": "^5.0.8",
@@ -155,6 +158,7 @@
     "dotenv": "^16.4.5",
     "eslint-plugin-cypress": "^2.15.1",
     "eslint-plugin-jest": "^28.2.0",
+    "expect": "^28.1.3",
     "fast-glob": "^3.3.2",
     "identity-obj-proxy": "^3.0.0",
     "jest-canvas-mock": "^2.5.2",
@@ -166,6 +170,7 @@
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-terser": "^7.0.2",
     "timezone-mock": "^1.3.6",
+    "unplugin-vue-components": "^0.26.0",
     "vite": "^5.2.8",
     "vite-ssr": "^0.17.1",
     "vue-i18n": "^9.7.1",
@@ -200,5 +205,5 @@
     "attributes": "dist/json/attributes.json"
   },
   "web-types": "dist/json/web-types.json",
-  "gitHead": "209dc01bae12278a831f78eccbce13ce0e1bfa3b"
+  "gitHead": "7993be1270f99b2c8b096b77cd17b775f405f2d0"
 }

package/lib/styles/tools/_sheet.sass

@@ -1,14 +0,0 @@
-@mixin paper ($elevation, $radius, $shaped-radius)
-  @include tools.radius($radius)
-
-  &:not(.v-sheet--outlined)
-    @include tools.elevation($elevation)
-
-  @if ($shaped-radius)
-    &.v-sheet--shaped
-      @include tools.radius($shaped-radius)
-
-
-@mixin sheet ($component, $elevation, $radius, $shaped-radius)
-  .v-sheet.#{$component}
-    @include paper($elevation, $radius, $shaped-radius)