@mythpe/quasar-ui-qui 0.2.33 → 0.2.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.2.33",
+  "version": "0.2.35",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/datatable/MDatatable.vue

@@ -1323,8 +1323,8 @@ defineExpose({
           class="print-hide"
         >
           <MBtn
-            color="secondary"
             label="myth.titles.close"
+            outline
             v-bind="pluginOptions.dt?.dialogButtonsProps"
             @click="closeShowDialog"
           />
@@ -1441,8 +1441,6 @@ defineExpose({
                   :class="{'full-width': $q.screen.lt.sm}"
                   :label="__(`myth.titles.${isUpdateMode ? 'save' : 'store'}`)"
                   :loading="loading"
-                  color="primary"
-                  no-caps
                   type="submit"
                   v-bind="pluginOptions.dt?.dialogButtonsProps"
                 />
@@ -1450,9 +1448,8 @@ defineExpose({
               <MBtn
                 v-if="$q.screen.gt.sm"
                 :disable="loading"
-                color="secondary"
                 label="myth.titles.close"
-                no-caps
+                outline
                 v-bind="pluginOptions.dt?.dialogButtonsProps"
                 @click="closeFormDialog"
               />

package/src/components/form/MInput.vue

@@ -125,7 +125,11 @@ defineOptions({
 <template>
   <MCol
     :auto="auto"
-    :class="[$attrs.class,{'m--input__required':inputRules?.required!==undefined,'m--input__error':!!errorMessage,'m--input__view':viewMode}]"
+    :class="[$attrs.class,{
+      'm--input__required': inputRules?.required!==undefined,
+      'm--input__error': !!errorMessage,
+      'm--input__view': viewMode
+    },'m--input__col']"
     :col="col"
     :lg="lg"
     :md="md"
@@ -163,6 +167,7 @@ defineOptions({
     <component
       :is="viewMode ? QField : QInput"
       ref="input"
+      :class="{'m--input__sar': sar}"
       class="m--input"
       v-bind="{
         ...$attrs,

package/src/components/form/MToggle.vue

@@ -183,8 +183,8 @@ defineOptions({
             :model-value="value"
             :true-value="trueValue"
             v-bind="{
-              ...pluginOptions.toggle,
               ...theme,
+              ...pluginOptions.toggle,
               ...$attrs,
               // dense: theme.dense !== undefined ? theme.dense : getProp('dense'),
               dense: !0,

package/src/style/m-input.sass

@@ -22,19 +22,18 @@ $radius-value: $generic-border-radius !default
     content: ' *'
     color: var(--q-negative)
 
-
-.m--input__color-preview
-  border: 1px solid var(--q-primary)
-  border-radius: $radius-value
-
-
-.m--input__top-label,
-.m--input__hint
-  margin-bottom: $m--input-helpers-margin
-
-.m--input__caption
-  margin-bottom: $m--input-helpers-margin
-  font-size: 0.75rem
-  font-weight: 400
-  line-height: 1.25rem
-  letter-spacing: 0.03333em
+.m--input
+  &__color-preview
+    border: 1px solid var(--q-primary)
+    border-radius: $radius-value
+
+  &__top-label,
+  &__hint,
+  &__caption
+    margin-bottom: $m--input-helpers-margin
+
+//&__caption
+  //font-size: 0.75rem
+  //font-weight: 400
+  //line-height: 1.25rem
+  //letter-spacing: 0.03333em