@data-fair/lib-vuetify 2.0.3 → 2.0.5

package/default.scss

@@ -1,3 +1,5 @@
+// @deprecated Use style/global.scss instead.
+
 @use 'vuetify' with (
   $color-pack: false,
   $body-font-family: 'Nunito'

package/index.js

@@ -15,7 +15,7 @@ const baseDarkColors = {
 };
 export function vuetifySessionOptions(session, cspNonce) {
     if (!session.site.value)
-        throw new Error('vuetifySessionOptions requires fething site info in session util');
+        throw new Error('vuetifySessionOptions requires fetching site info in session util');
     const colors = { ...baseColors, ...session.site.value?.colors };
     return {
         ssr: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vuetify",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
   "main": "index.js",
   "files": [

package/style/global.scss

@@ -1,9 +1,23 @@
+// This @use is ignored by vuetify-nuxt-module (used by @data-fair/portals)
 @use 'vuetify' with (
   $color-pack: false,
   $body-font-family: var(--d-body-font-family),
   $heading-font-family: var(--d-heading-font-family)
 );
 
+// CSS reset removed from Vuetify 4
+// cf https://vuetifyjs.com/en/getting-started/upgrade-guide/
+@layer vuetify-core.reset {
+  ul, ol, figure, details, summary {
+    padding: 0;
+    margin: 0;
+  }
+
+  h1, h2, h3, h4, h5, h6, p {
+    margin: 0;
+  }
+}
+
 // v-icon has an opacity when it is prepended in a list of items.
 // ref: https://github.com/vuetifyjs/vuetify/issues/18760
 .v-icon {

package/style/settings.scss

@@ -1,5 +1,9 @@
 @use 'vuetify/settings' with (
   // make disabled button style less dependant on theme colors
   $button-colored-disabled: false,
-  $button-disabled-opacity: 0.8
+  $button-disabled-opacity: 0.8,
+
+  // Because @use 'vuetify' is ignored by vuetify-nuxt-module (used by @data-fair/portals)
+  $body-font-family: var(--d-body-font-family),
+  $heading-font-family: var(--d-heading-font-family)
 );