@mythpe/quasar-ui-qui 0.3.58 → 0.3.60

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -914,10 +914,10 @@ defineExpose({
                                 v-close-popup
                                 :class="{'full-width': isSmall}"
                                 :label="__('myth.titles.done')"
-                                color="brand"
+                                color="primary"
                                 no-caps
                                 style="min-width: 100px"
-                                text-color="on-brand"
+                                text-color="on-primary"
                                 unelevated
                                 @click="search ? refresh() : undefined"
                               />
@@ -929,10 +929,10 @@ defineExpose({
                               <MBtn
                                 :class="{'full-width': isSmall}"
                                 :label="__(`labels.${isSearchSelectedAll ? 'unselect':'select'}_all`)"
-                                color="brand"
+                                color="primary"
                                 no-caps
                                 style="min-width: 100px"
-                                text-color="on-brand"
+                                text-color="on-primary"
                                 unelevated
                                 @click="onCustomSearchClick()"
                               />
@@ -1004,10 +1004,10 @@ defineExpose({
                       v-if="hasFilterDialog"
                       key="filter-selection-btn"
                       :disable="loading"
-                      color="brand"
+                      color="primary"
                       icon="ion-ios-options"
                       label="myth.datatable.hints.filter"
-                      text-color="on-brand"
+                      text-color="on-primary"
                       v-bind="{...pluginOptions.dt?.buttons?.filter as any}"
                     >
                       <MModalMenu
@@ -1154,10 +1154,10 @@ defineExpose({
                       v-if="manageColumns"
                       key="manage-columns-btn"
                       :disable="loading"
-                      color="brand"
+                      color="primary"
                       icon="ion-ios-desktop"
                       label="myth.datatable.columnsToShow"
-                      text-color="on-brand"
+                      text-color="on-primary"
                       tooltip="myth.datatable.columnsToShowCaption"
                       v-bind="pluginOptions.dt?.buttons?.filter as any"
                     >
@@ -1193,20 +1193,20 @@ defineExpose({
                               v-if="$q.screen.gt.xs"
                               v-close-popup
                               :class="{'q-mr-sm': !$q.screen.xs}"
-                              color="brand"
+                              color="primary"
                               label="labels.close"
                               no-caps
                               style="min-width: 100px"
-                              text-color="on-brand"
+                              text-color="on-primary"
                               unelevated
                             />
                             <MBtn
                               :class="{'full-width': $q.screen.xs}"
                               :label="__(`labels.${visibleHeaders.length === getHeaders.length ? 'unselect':'select'}_all`)"
-                              color="brand"
+                              color="primary"
                               no-caps
                               style="min-width: 100px"
-                              text-color="on-brand"
+                              text-color="on-primary"
                               unelevated
                               @click="onManageColumnsClick()"
                             />
@@ -1278,11 +1278,11 @@ defineExpose({
                   >
                     <q-chip
                       clickable
-                      color="brand"
+                      color="primary"
                       icon-remove="clear"
                       outline
                       removable
-                      text-color="on-brand"
+                      text-color="on-primary"
                       @click="openFilterDialog()"
                       @remove="onRemoveFilter(filterKey)"
                     >

package/src/components/form/MOptions.vue

@@ -42,7 +42,7 @@ interface P {
   service?: Props['service'];
   guest?: boolean;
   fullWidth?: Props['fullWidth'];
-  fitWidth?: Props['fullWidth'];
+  fitWidth?: Props['fitWidth'];
   fieldOptions?: Props['fieldOptions'];
   disable?: Props['disable'];
   optionValue?: Props['optionValue'];
@@ -200,7 +200,7 @@ defineOptions({
             <div class="flex-break" />
             <q-spinner-dots
               class="q-mt-lg q-ml-lg"
-              color="brand"
+              color="primary"
               size="25px"
             />
           </template>
@@ -248,6 +248,8 @@ defineOptions({
         stackLabel: !0,
         color:!!errorMessage ? 'negative' : getProp('color'),
         disable: viewMode ? undefined : disable,
+        optionValue,
+        optionLabel,
       }"
       v-on="listeners"
     >

package/src/components/grid/MInnerLoading.vue

@@ -28,7 +28,7 @@ defineOptions({
 
 <template>
   <q-inner-loading
-    :color="color ?? 'brand'"
+    :color="color ?? 'primary'"
     :label="__('labels.plz_wait')"
     :label-class="labelClass"
     :label-style="labelStyle ?? 'font-size: 1.1em'"

package/src/style/m-input.sass

@@ -24,7 +24,7 @@ $radius-value: $generic-border-radius !default
 
 .m-input
   &__color-preview
-    border: 1px solid var(--q-brand)
+    border: 1px solid var(--q-primary)
     border-radius: $radius-value
 
   &__top-label,