@bildvitta/quasar-ui-asteroid 3.14.0-beta.3 → 3.14.0-beta.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.14.0-beta.3",
+  "version": "3.14.0-beta.5",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",

package/src/components/date/QasDate.vue

@@ -447,14 +447,11 @@ function onNavigation (date) {
   &__event {
     @include set-typography($caption);
 
-    bottom: -6px;
     color: $primary;
     font-size: 10px !important;
-    height: 20px;
-    left: 50%;
-    position: absolute;
-    transform: translateX(-50%);
     width: 100%;
+    line-height: 1;
+    transition: color var(--qas-generic-transition);
 
     &--pointer {
       bottom: -6px;
@@ -472,6 +469,10 @@ function onNavigation (date) {
     width: 6px;
   }
 
+  .q-date__calendar-item {
+    vertical-align: initial;
+  }
+
   &--inative {
     .q-date {
       &__calendar-item--out,
@@ -493,31 +494,19 @@ function onNavigation (date) {
     }
   }
 
-  &__calendar-item-event {
-    .q-btn {
-      &.bg-primary span {
-        padding-bottom: 4px;
-      }
+  .q-date {
+    &__navigation {
+      justify-content: space-between;
 
-      &.bg-primary .qas-date__event {
-        bottom: -2px;
+      > div:last-child,
+      > div:first-child {
+        min-width: auto;
+        width: auto;
       }
 
-      &.bg-primary .qas-date__event--pointer {
-        bottom: -2px;
+      > div:first-child {
+        min-width: 120px;
       }
-    }
-  }
-
-  .q-date__navigation > div:last-child,
-  .q-date__navigation > div:first-child {
-    min-width: auto;
-    width: auto;
-  }
-
-  .q-date {
-    &__navigation {
-      justify-content: space-between;
 
       .q-btn {
         @include set-button(tertiary, false, false, grey-10);
@@ -566,14 +555,15 @@ function onNavigation (date) {
       min-height: auto;
 
       .q-btn {
-        border: 0;
+        @include set-typography($subtitle2);
+
+        border: 1px solid transparent;
         border-radius: $generic-border-radius;
         box-shadow: none;
-        height: 36px !important;
-        min-height: 30px;
-        min-width: 30px;
+        height: auto !important;
+        line-height: 1;
+        width: 26px !important;
         transition: color var(--qas-generic-transition);
-        width: 30px !important;
 
         .q-ripple,
         .q-focus-helper {
@@ -592,12 +582,17 @@ function onNavigation (date) {
           color: var(--q-primary-contrast);
         }
 
-        @include set-typography($subtitle2);
-      }
-    }
+        &.bg-primary,
+        &.q-date__today {
+          border-color: $primary;
+          border-radius: $generic-border-radius;
+          font-weight: 700;
+        }
 
-    &__today {
-      color: $primary;
+        &.q-date__today {
+          color: $primary;
+        }
+      }
     }
   }
 }

package/src/components/layout/QasLayout.vue

@@ -68,12 +68,6 @@ const { isNotificationsEnabled, setUnreadNotificationsCount } = useNotifications
 const menuDrawer = ref(false)
 const notificationsDrawer = ref(false)
 
-/**
- * Como está sendo utilizado em um watcher com a propriedade 'immediate: true',
- * é necessário criar a variável antes de atribuí-la ao watcher, para assim conseguir pará-lo.
- */
-let unreadNotificationsCountWatcher = () => {}
-
 // computed
 const defaultAppMenuProps = computed(() => {
   return {
@@ -84,19 +78,7 @@ const defaultAppMenuProps = computed(() => {
 
 const showMenuDrawer = computed(() => !screen.untilLarge || menuDrawer.value)
 
-/**
- * A propriedade "initialUnreadNotificationsCount" é escutada apenas uma vez,
- * quando ela é iniciada, seta o "unreadNotificationsCount" do composable,
- * após isto quem controla é o QasLayout.
- */
-unreadNotificationsCountWatcher = watch(() => props.initialUnreadNotificationsCount, value => {
-  if (value) {
-    setUnreadNotificationsCount(value)
-
-    // finaliza o watcher
-    unreadNotificationsCountWatcher()
-  }
-}, { immediate: true })
+watch(() => props.initialUnreadNotificationsCount, setUnreadNotificationsCount, { immediate: true })
 
 // functions
 function signOut () {

package/src/components/whatsapp-link/QasWhatsappLink.vue

@@ -10,8 +10,8 @@ defineOptions({ name: 'QasWhatsappLink' })
 
 const props = defineProps({
   callingCode: {
-    type: String,
-    default: '55'
+    type: [Number, String],
+    default: 55
   },
 
   phone: {

package/src/components/whatsapp-link/QasWhatsappLink.yml

@@ -7,7 +7,7 @@ props:
   calling-code:
     desc: Propriedade para passar o DDI.
     default: 55
-    type: String
+    type: [Number, String]
 
   phone:
     desc: Propriedade para passar o telefone.