@bildvitta/quasar-ui-asteroid 3.11.0-beta.0 → 3.11.0-beta.2

package/package.json

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

package/src/components/avatar/QasAvatar.vue

@@ -7,6 +7,12 @@
 </template>
 
 <script>
+const AvatarColors = {
+  Primary: 'primary',
+  SecondaryContrast: 'secondary-contrast',
+  Grey4: 'grey-4'
+}
+
 export default {
   name: 'QasAvatar',
 
@@ -15,8 +21,12 @@ export default {
   props: {
     color: {
       type: String,
-      default: 'primary',
-      validator: value => ['primary', 'secondary-contrast'].includes(value)
+      default: AvatarColors.Primary,
+      validator: value => {
+        const availableColors = Object.values(AvatarColors)
+
+        return availableColors.includes(value)
+      }
     },
 
     size: {
@@ -69,8 +79,9 @@ export default {
       } = this.$attrs
 
       const colors = {
-        primary: 'white',
-        'secondary-contrast': 'primary'
+        [AvatarColors.Primary]: 'white',
+        [AvatarColors.SecondaryContrast]: 'primary',
+        [AvatarColors.Grey4]: 'grey-8'
       }
 
       return {

package/src/components/avatar/QasAvatar.yml

@@ -10,7 +10,7 @@ props:
   color:
     desc: Cor de fundo (background-color).
     type: String
-    examples: ['primary', 'secondary-contrast']
+    examples: ['primary', 'secondary-contrast', 'grey-4']
 
   size:
     desc: Tamanho do avatar.

package/src/vue-plugin/components/map-component.js

@@ -10,17 +10,7 @@ export default function () {
     QasComponent,
 
     initializeComponent (app) {
-      return initializeComponent({
-        app,
-
-        async onBefore () {
-          await import('@fawmi/vue-google-maps').then(({ default: VueGoogleMaps }) => {
-            app.use(VueGoogleMaps, {
-              load: { libraries: 'places', key: process.env.MAPS_API_KEY }
-            })
-          })
-        }
-      })
+      return initializeComponent({ app })
     }
   }
 }