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

package/lib/styles/settings/_utilities.scss

@@ -506,6 +506,11 @@ $utilities: () !default;
           text-transform
         ),
         class: text,
+        unimportant: (
+          font-family,
+          font-weight,
+          line-height
+        ),
         values: variables.$flat-typography
       ),
       "text-transform": (

package/lib/styles/settings/_variables.scss

@@ -5,7 +5,7 @@
 
 $color-pack: true !default;
 $reset: true !default;
-$layers: true !default;
+$layers: false !default;
 
 $body-font-family: 'Roboto', sans-serif !default;
 $font-size-root: 1rem !default;
@@ -341,6 +341,7 @@ $decelerated-easing: cubic-bezier(0.0, 0, 0.2, 1) !default; // Entering
 $accelerated-easing: cubic-bezier(0.4, 0, 1, 1) !default; // Leaving
 
 // Elements
+$bootable-transition: 0.2s $decelerated-easing !default;
 $blockquote-font-size: 18px !default;
 $blockquote-font-weight: 300 !default;
 

package/lib/styles/tools/_bootable.sass

@@ -0,0 +1,3 @@
+@mixin bootable()
+  &:not([data-booted="true"])
+    transition: none !important

package/lib/styles/tools/_border.sass

@@ -1,8 +1,8 @@
-@mixin border($color: null, $style: null, $width: null, $thin-width: false)
+@mixin border($color: null, $style: null, $width: null, $thin-width: false, $important: false)
   &
-    border-color: $color
-    border-style: $style
-    border-width: $width
+    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

@@ -1,6 +1,16 @@
 @use './functions' as *
 @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
+
 =media-breakpoint-up($name, $breakpoints: $grid-breakpoints)
   $min: breakpoint-min($name, $breakpoints)
   @if $min

package/lib/styles/tools/_elevation.sass

@@ -1,9 +1,9 @@
 @use 'sass:map'
 @use '../settings'
 
-@mixin elevation($z)
+@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)
+    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))
   &

package/lib/styles/tools/_index.sass

@@ -1,10 +1,12 @@
 @forward '_absolute'
 @forward '_functions'
+@forward '_bootable'
 @forward '_border'
 @forward '_density'
 @forward '_elevation'
 @forward '_layer'
 @forward '_position'
+@forward '_radius'
 @forward '_rounded'
 @forward '_rtl'
 @forward '_states'

package/lib/styles/tools/_layer.scss

@@ -2,10 +2,8 @@
 
 @mixin layer ($name) {
   @if (settings.$layers) {
-    @at-root (without: layer) {
-      @layer vuetify.#{$name} {
-        @content;
-      }
+    @layer vuetify.#{$name} {
+      @content;
     }
   } @else {
     @content;

package/lib/styles/tools/_position.sass

@@ -1,4 +1,4 @@
-@mixin position($positions)
+@mixin position($positions, $important: false)
   @each $position in $positions
     &--#{$position}
-      position: #{$position}
+      position: #{$position} if($important, !important, null)

package/lib/styles/tools/_radius.sass

@@ -0,0 +1,10 @@
+@use 'sass:map'
+@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)

package/lib/styles/tools/_rounded.sass

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

package/lib/styles/tools/_utilities.sass

@@ -57,4 +57,8 @@
       @if meta.type-of($value) == 'list' and list.length($properties) == list.length($value)
         $val: list.nth($value, $i)
       @if $val != false
-        #{$property}: #{meta.inspect($val)}
+        // Check if unimportant property exists.
+        // This allows you to conditional skip
+        // defining a property as important.
+        $unimportant: map.get($utility, unimportant)
+        #{$property}: #{meta.inspect($val) if(list.index($unimportant, $property), null, !important)}

package/lib/styles/utilities/_elevation.scss

@@ -7,7 +7,7 @@
     $z: 24;
     @while $z >= 0 {
       .elevation-#{$z} {
-        @include tools.elevation($z);
+        @include tools.elevation($z, $important: true);
       }
 
       $z: $z - 1;

package/lib/util/getCurrentInstance.mjs

@@ -1,6 +1,6 @@
 // Utilities
 import { getCurrentInstance as _getCurrentInstance } from 'vue';
-import { toKebabCase } from "./helpers.mjs"; // Types
+import { toKebabCase } from "./helpers.mjs";
 export function getCurrentInstance(name, message) {
   const vm = _getCurrentInstance();
   if (!vm) {
@@ -13,18 +13,4 @@ export function getCurrentInstanceName() {
   const vm = getCurrentInstance(name).type;
   return toKebabCase(vm?.aliasName || vm?.name);
 }
-let _uid = 0;
-let _map = new WeakMap();
-export function getUid() {
-  const vm = getCurrentInstance('getUid');
-  if (_map.has(vm)) return _map.get(vm);else {
-    const uid = _uid++;
-    _map.set(vm, uid);
-    return uid;
-  }
-}
-getUid.reset = () => {
-  _uid = 0;
-  _map = new WeakMap();
-};
 //# sourceMappingURL=getCurrentInstance.mjs.map

package/lib/util/getCurrentInstance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getCurrentInstance.mjs","names":["getCurrentInstance","_getCurrentInstance","toKebabCase","name","message","vm","Error","getCurrentInstanceName","arguments","length","undefined","type","aliasName","_uid","_map","WeakMap","getUid","has","get","uid","set","reset"],"sources":["../../src/util/getCurrentInstance.ts"],"sourcesContent":["// Utilities\nimport { getCurrentInstance as _getCurrentInstance } from 'vue'\nimport { toKebabCase } from '@/util/helpers'\n\n// Types\nimport type { ComponentInternalInstance } from 'vue'\n\nexport function getCurrentInstance (name: string, message?: string) {\n  const vm = _getCurrentInstance()\n\n  if (!vm) {\n    throw new Error(`[Vuetify] ${name} ${message || 'must be called from inside a setup function'}`)\n  }\n\n  return vm\n}\n\nexport function getCurrentInstanceName (name = 'composables') {\n  const vm = getCurrentInstance(name).type\n\n  return toKebabCase(vm?.aliasName || vm?.name)\n}\n\nlet _uid = 0\nlet _map = new WeakMap<ComponentInternalInstance, number>()\nexport function getUid () {\n  const vm = getCurrentInstance('getUid')\n\n  if (_map.has(vm)) return _map.get(vm)!\n  else {\n    const uid = _uid++\n    _map.set(vm, uid)\n    return uid\n  }\n}\ngetUid.reset = () => {\n  _uid = 0\n  _map = new WeakMap()\n}\n"],"mappings":"AAAA;AACA,SAASA,kBAAkB,IAAIC,mBAAmB,QAAQ,KAAK;AAAA,SACtDC,WAAW,yBAEpB;AAGA,OAAO,SAASF,kBAAkBA,CAAEG,IAAY,EAAEC,OAAgB,EAAE;EAClE,MAAMC,EAAE,GAAGJ,mBAAmB,CAAC,CAAC;EAEhC,IAAI,CAACI,EAAE,EAAE;IACP,MAAM,IAAIC,KAAK,CAAC,aAAaH,IAAI,IAAIC,OAAO,IAAI,6CAA6C,EAAE,CAAC;EAClG;EAEA,OAAOC,EAAE;AACX;AAEA,OAAO,SAASE,sBAAsBA,CAAA,EAAwB;EAAA,IAAtBJ,IAAI,GAAAK,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,aAAa;EAC1D,MAAMH,EAAE,GAAGL,kBAAkB,CAACG,IAAI,CAAC,CAACQ,IAAI;EAExC,OAAOT,WAAW,CAACG,EAAE,EAAEO,SAAS,IAAIP,EAAE,EAAEF,IAAI,CAAC;AAC/C;AAEA,IAAIU,IAAI,GAAG,CAAC;AACZ,IAAIC,IAAI,GAAG,IAAIC,OAAO,CAAoC,CAAC;AAC3D,OAAO,SAASC,MAAMA,CAAA,EAAI;EACxB,MAAMX,EAAE,GAAGL,kBAAkB,CAAC,QAAQ,CAAC;EAEvC,IAAIc,IAAI,CAACG,GAAG,CAACZ,EAAE,CAAC,EAAE,OAAOS,IAAI,CAACI,GAAG,CAACb,EAAE,CAAC,CAAC,KACjC;IACH,MAAMc,GAAG,GAAGN,IAAI,EAAE;IAClBC,IAAI,CAACM,GAAG,CAACf,EAAE,EAAEc,GAAG,CAAC;IACjB,OAAOA,GAAG;EACZ;AACF;AACAH,MAAM,CAACK,KAAK,GAAG,MAAM;EACnBR,IAAI,GAAG,CAAC;EACRC,IAAI,GAAG,IAAIC,OAAO,CAAC,CAAC;AACtB,CAAC","ignoreList":[]}
+{"version":3,"file":"getCurrentInstance.mjs","names":["getCurrentInstance","_getCurrentInstance","toKebabCase","name","message","vm","Error","getCurrentInstanceName","arguments","length","undefined","type","aliasName"],"sources":["../../src/util/getCurrentInstance.ts"],"sourcesContent":["// Utilities\nimport { getCurrentInstance as _getCurrentInstance } from 'vue'\nimport { toKebabCase } from '@/util/helpers'\n\nexport function getCurrentInstance (name: string, message?: string) {\n  const vm = _getCurrentInstance()\n\n  if (!vm) {\n    throw new Error(`[Vuetify] ${name} ${message || 'must be called from inside a setup function'}`)\n  }\n\n  return vm\n}\n\nexport function getCurrentInstanceName (name = 'composables') {\n  const vm = getCurrentInstance(name).type\n\n  return toKebabCase(vm?.aliasName || vm?.name)\n}\n"],"mappings":"AAAA;AACA,SAASA,kBAAkB,IAAIC,mBAAmB,QAAQ,KAAK;AAAA,SACtDC,WAAW;AAEpB,OAAO,SAASF,kBAAkBA,CAAEG,IAAY,EAAEC,OAAgB,EAAE;EAClE,MAAMC,EAAE,GAAGJ,mBAAmB,CAAC,CAAC;EAEhC,IAAI,CAACI,EAAE,EAAE;IACP,MAAM,IAAIC,KAAK,CAAC,aAAaH,IAAI,IAAIC,OAAO,IAAI,6CAA6C,EAAE,CAAC;EAClG;EAEA,OAAOC,EAAE;AACX;AAEA,OAAO,SAASE,sBAAsBA,CAAA,EAAwB;EAAA,IAAtBJ,IAAI,GAAAK,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,aAAa;EAC1D,MAAMH,EAAE,GAAGL,kBAAkB,CAACG,IAAI,CAAC,CAACQ,IAAI;EAExC,OAAOT,WAAW,CAACG,EAAE,EAAEO,SAAS,IAAIP,EAAE,EAAEF,IAAI,CAAC;AAC/C","ignoreList":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.7.4-next.2024-11-06",
+  "version": "3.7.5-dev.2024-12-16",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"