@data-fair/lib-vuetify 2.0.2 → 2.0.4

package/default.scss

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

package/lang-switcher.vue

@@ -4,6 +4,7 @@
       v-if="locales.length > 1"
       direction="bottom"
       transition="fade-transition"
+      style="z-index: 2600; /* Higher than agent-chat's 2500 */"
     >
       <template #activator="{props}">
         <v-btn

package/lang-switcher.vue.js

@@ -35,10 +35,12 @@ if (locales.length > 1) {
     const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
         direction: "bottom",
         transition: "fade-transition",
+        ...{ style: {} },
     }));
     const __VLS_7 = __VLS_6({
         direction: "bottom",
         transition: "fade-transition",
+        ...{ style: {} },
     }, ...__VLS_functionalComponentArgsRest(__VLS_6));
     __VLS_8.slots.default;
     {

package/package.json

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

package/personal-menu.vue

@@ -11,6 +11,7 @@
       v-else
       offset-y
       class="ml-n4"
+      style="z-index: 2600; /* Higher than agent-chat's 2500 */"
       max-height="700"
     >
       <template #activator="{props: activatorProps}">

package/personal-menu.vue.js

@@ -53,11 +53,13 @@ else {
     const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({
         offsetY: true,
         ...{ class: "ml-n4" },
+        ...{ style: {} },
         maxHeight: "700",
     }));
     const __VLS_11 = __VLS_10({
         offsetY: true,
         ...{ class: "ml-n4" },
+        ...{ style: {} },
         maxHeight: "700",
     }, ...__VLS_functionalComponentArgsRest(__VLS_10));
     __VLS_12.slots.default;

package/style/global.scss

@@ -4,6 +4,19 @@
   $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 {
+    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/theme-switcher.vue

@@ -3,6 +3,7 @@
     <v-menu
       offset-y
       class="ml-n4"
+      style="z-index: 2600; /* Higher than agent-chat's 2500 */"
     >
       <template #activator="{props: activatorProps}">
         <v-btn

package/theme-switcher.vue.js

@@ -28,10 +28,12 @@ if (__VLS_ctx.session.fullSite.value?.theme.dark || __VLS_ctx.session.fullSite.v
     const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
         offsetY: true,
         ...{ class: "ml-n4" },
+        ...{ style: {} },
     }));
     const __VLS_7 = __VLS_6({
         offsetY: true,
         ...{ class: "ml-n4" },
+        ...{ style: {} },
     }, ...__VLS_functionalComponentArgsRest(__VLS_6));
     __VLS_8.slots.default;
     {

package/ui-notif.vue

@@ -5,6 +5,7 @@
     v-model="showNotification"
     class="ui-notif"
     v-bind="fullSnackbarProps"
+    style="z-index: 2600; /* Higher than agent-chat's 2500 */"
   >
     <p v-if="notification.msg">{{ notification.msg }}</p>
     <p

package/ui-notif.vue.js

@@ -49,12 +49,14 @@ if (__VLS_ctx.notification) {
         modelValue: (__VLS_ctx.showNotification),
         ...{ class: "ui-notif" },
         ...(__VLS_ctx.fullSnackbarProps),
+        ...{ style: {} },
     }));
     const __VLS_2 = __VLS_1({
         ref: "notificationSnackbar",
         modelValue: (__VLS_ctx.showNotification),
         ...{ class: "ui-notif" },
         ...(__VLS_ctx.fullSnackbarProps),
+        ...{ style: {} },
     }, ...__VLS_functionalComponentArgsRest(__VLS_1));
     /** @type {typeof __VLS_ctx.notificationSnackbar} */ ;
     var __VLS_4 = {};