@data-fair/lib-vuetify 1.8.1 → 1.9.1

package/package.json

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

package/personal-menu.vue

@@ -202,11 +202,9 @@ en:
 import { computed, toRefs } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useSession } from '@data-fair/lib-vue/session.js'
-import { useTheme } from 'vuetify'
 import UserAvatar from './user-avatar.vue'
 import { mdiAlert, mdiShieldAlert, mdiLogout, mdiAccountSwitchOutline } from '@mdi/js'
 
-const theme = useTheme()
 const session = useSession()
 
 const { t } = useI18n({ useScope: 'local' })

package/personal-menu.vue.js

@@ -2,11 +2,9 @@
 import { computed, toRefs } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useSession } from '@data-fair/lib-vue/session.js';
-import { useTheme } from 'vuetify';
 import UserAvatar from './user-avatar.vue';
 import { mdiAlert, mdiShieldAlert, mdiLogout, mdiAccountSwitchOutline } from '@mdi/js';
 const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
-const theme = useTheme();
 const session = useSession();
 const { t } = useI18n({ useScope: 'local' });
 const { user, account } = toRefs(session.state);

package/style/global.scss

@@ -0,0 +1,11 @@
+@use 'vuetify' with (
+  $color-pack: false,
+  $body-font-family: 'BodyFontFamily',
+  $heading-font-family: 'HeadingFontFamily'
+);
+
+// v-icon has an opacity when it is prepended in a list of items.
+// ref: https://github.com/vuetifyjs/vuetify/issues/18760
+.v-icon {
+  --v-medium-emphasis-opacity: 1 !important;
+}

package/style/settings.scss

@@ -0,0 +1,5 @@
+@use 'vuetify/settings' with (
+  // make disabled button style less dependant on theme colors
+  $button-colored-disabled: false,
+  $button-disabled-opacity: 0.8
+);

package/vite.d.ts

@@ -12,3 +12,4 @@ export declare const autoImports: (string | {
     '@data-fair/lib-vuetify/tutorial-alert.vue': string[][];
     '@data-fair/lib-vuetify/user-avatar.vue': string[][];
 })[];
+export declare const settingsPath: string;

package/vite.js

@@ -8,4 +8,5 @@ export const autoImports = [
     '@data-fair/lib-vuetify/user-avatar.vue': [['default', 'dfUserAvatar']]
   }
 ]
+export const settingsPath = new URL(import.meta.resolve('@data-fair/lib-vuetify/style/settings.scss')).pathname
 // # sourceMappingURL=vite.js.map