@bildvitta/quasar-ui-asteroid 3.4.0 → 3.5.0-beta.1

package/src/css/variables/spacing.scss

@@ -27,15 +27,15 @@ $space-md: (
   y: $space-y-base
 );
 
-// O tamanho original seria "16px * 1.5" ou "24px", alterado para ter "32px"
 $space-lg: (
-  x: ($space-x-base * 2),
-  y: ($space-y-base * 2)
+  x: ($space-x-base * 1.5),
+  y: ($space-y-base * 1.5)
 );
 
+// O tamanho original seria "16px * 3" ou "48px", alterado para ter "32px"
 $space-xl: (
-  x: ($space-x-base * 3),
-  y: ($space-y-base * 3)
+  x: ($space-x-base * 2),
+  y: ($space-y-base * 2)
 );
 
 $spaces: (

package/src/css/variables/typography.scss

@@ -9,48 +9,48 @@
 
 // headings
 $h1: (
-  size: 6rem,
-  line-height: 6rem,
+  size: 3rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
   weight: 800,
   margin: 0
 );
 
 $h2: (
-  size: 3.75rem,
-  line-height: 3.75rem,
+  size: 2rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
   weight: 700,
   margin: 0
 );
 
 $h3: (
-  size: 3rem,
-  line-height: 2.5rem,
+  size: 1.5rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
-  weight: 600,
+  weight: 700,
   margin: 0
 );
 
 $h4: (
-  size: 2.125rem,
-  line-height: 2.5rem,
+  size: 1.125rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
-  weight: 800,
+  weight: 600,
   margin: 0
 );
 
 $h5: (
-  size: 1.5rem,
-  line-height: 2rem,
+  size: 1rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
-  weight: 700,
+  weight: 600,
   margin: 0
 );
 
 $h6: (
-  size: 1.25rem,
-  line-height: 2rem,
+  size: 0.875rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
   weight: 600,
   margin: 0
@@ -59,14 +59,14 @@ $h6: (
 // subtitles
 $subtitle1: (
   size: 1rem,
-  line-height: 1.75rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
-  weight: 700
+  weight: 600
 );
 
 $subtitle2: (
   size: 0.875rem,
-  line-height: 1.375rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
   weight: 600
 );
@@ -76,20 +76,20 @@ $body1: (
   size: 1rem,
   line-height: 1.5rem,
   letter-spacing: 0,
-  weight: 500
+  weight: 400
 );
 
 $body2: (
   size: 0.875rem,
-  line-height: 1.25rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
   weight: 400
 );
 
 // overline
 $overline: (
-  size: 0.75rem,
-  line-height: 2rem,
+  size: 0.875rem,
+  line-height: 1.5rem,
   letter-spacing: 0.25rem,
   weight: 600
 );
@@ -97,9 +97,9 @@ $overline: (
 // caption
 $caption: (
   size: 0.75rem,
-  line-height: 1.25rem,
+  line-height: 1.5rem,
   letter-spacing: 0,
-  weight: 700
+  weight: 600
 );
 
 $headings: (

package/src/helpers/set-scroll-on-grab.js

@@ -2,6 +2,7 @@ export default function (element) {
   setStyle()
 
   let isDown = false
+  let moved = false
   let startX
   let scrollLeft
 
@@ -12,35 +13,38 @@ export default function (element) {
 
   function onMouseDown (event) {
     isDown = true
+    moved = false
+
     element.classList.add('active')
+
     startX = event.pageX - element.offsetLeft
     scrollLeft = element.scrollLeft
   }
 
   function onMouseLeave () {
     isDown = false
-    element.classList.remove('active')
 
+    element.classList.remove('active')
     setStyle()
   }
 
   function onMouseUp () {
     isDown = false
-    element.classList.remove('active')
 
+    element.classList.remove('active')
     setStyle()
   }
 
   function onMouseMove (event) {
+    if (event) event.preventDefault()
     if (!isDown) return
 
-    event.preventDefault()
-
     setStyle('grabbing')
 
     const x = event.pageX - element.offsetLeft
     const walk = (x - startX) * 3 // scroll-fast
     element.scrollLeft = scrollLeft - walk
+    moved = true
   }
 
   function setStyle (model = 'grab') {
@@ -54,8 +58,13 @@ export default function (element) {
     element.removeEventListener('mousemove', onMouseMove)
   }
 
+  function haveMoved () {
+    return moved
+  }
+
   return {
     element,
+    haveMoved,
     destroyEvents
   }
 }

package/src/index.scss

@@ -22,8 +22,11 @@ $generic-border-radius: var(--qas-generic-border-radius);
 // components
 @import './css/components/index';
 
+// plugins
+@import './css/plugins/index';
+
 // utils
 @import './css/utils/index';
 
 // mixins
-@import './css/mixins/index'
+@import './css/mixins/index';

package/src/mixins/generator.js

@@ -13,7 +13,7 @@ export default {
     },
 
     gutter: {
-      default: 'md',
+      default: 'lg',
       type: [String, Boolean],
       validator: value => {
         return typeof value === 'boolean' || ['xs', 'sm', 'md', 'lg', 'xl'].includes(value)

package/src/plugins/notify-error/NotifyError.js

@@ -1,10 +1,12 @@
 import { Notify } from 'quasar'
+import notifyConfig from '../../shared/notify-config.js'
 
-Notify.registerType('error', {
-  color: 'negative',
-  progress: true
-})
+Notify.registerType('error', { icon: 'o_cancel', ...notifyConfig })
 
 export default (message, caption) => {
-  Notify.create({ caption, message, type: 'error' })
+  Notify.create({
+    caption,
+    message,
+    type: 'error'
+  })
 }

package/src/plugins/notify-success/NotifySuccess.js

@@ -1,10 +1,12 @@
 import { Notify } from 'quasar'
+import notifyConfig from '../../shared/notify-config.js'
 
-Notify.registerType('success', {
-  icon: 'o_check',
-  progress: true
-})
+Notify.registerType('success', { icon: 'o_check_circle', ...notifyConfig })
 
 export default (message, caption) => {
-  Notify?.create({ caption, message, type: 'success' })
+  Notify.create({
+    caption,
+    message,
+    type: 'success'
+  })
 }

package/src/shared/notify-config.js

@@ -0,0 +1,7 @@
+export default {
+  color: 'grey-9',
+  progress: true,
+  closeBtn: 'x',
+  position: 'top',
+  timeout: 4000
+}

package/src/vue-plugin.js

@@ -29,7 +29,9 @@ import QasListView from './components/list-view/QasListView.vue'
 import QasMap from './components/map/QasMap.vue'
 import QasNestedFields from './components/nested-fields/QasNestedFields.vue'
 import QasNumericInput from './components/numeric-input/QasNumericInput.vue'
+import QasOptionGroup from './components/option-group/QasOptionGroup.vue'
 import QasPageHeader from './components/page-header/QasPageHeader.vue'
+import QasPagination from './components/pagination/QasPagination.vue'
 import QasPasswordInput from './components/password-input/QasPasswordInput.vue'
 import QasPasswordStrengthChecker from './components/password-strength-checker/QasPasswordStrengthChecker.vue'
 import QasProfile from './components/profile/QasProfile.vue'
@@ -99,7 +101,9 @@ function install (app) {
   app.component('QasMap', QasMap)
   app.component('QasNestedFields', QasNestedFields)
   app.component('QasNumericInput', QasNumericInput)
+  app.component('QasOptionGroup', QasOptionGroup)
   app.component('QasPageHeader', QasPageHeader)
+  app.component('QasPagination', QasPagination)
   app.component('QasPasswordInput', QasPasswordInput)
   app.component('QasPasswordStrengthChecker', QasPasswordStrengthChecker)
   app.component('QasProfile', QasProfile)
@@ -170,7 +174,9 @@ export {
   QasMap,
   QasNestedFields,
   QasNumericInput,
+  QasOptionGroup,
   QasPageHeader,
+  QasPagination,
   QasPasswordInput,
   QasPasswordStrengthChecker,
   QasProfile,