@7365admin1/layer-common 3.2.2-staging.127 → 3.2.2-staging.129

package/components/WorkOrder/Create.vue

@@ -1,7 +1,7 @@
 <template>
   <FormDialog v-model="dialog" @close="closeDialog">
     <template #title>
-      <span class="text-h6 font-weight-medium pt-1 text-capitalize">
+      <span class="screen-card-title pt-1 text-capitalize">
         {{ isEditMode ? "Edit Work Order" : "Create Work Order" }}
       </span>
     </template>
@@ -24,8 +24,7 @@
       item-props
       label="Subject"
       variant="outlined"
-      density="compact"
-      class="mb-2"
+      class="filter-field mb-2"
       :clearable="
         props.createdFrom === 'feedback' && workOrder.subject !== ''
           ? false
@@ -39,7 +38,7 @@
       :custom-filter="customFilter"
       :rules="[requiredRule]"
     >
-      <template #label> Subject <span class="text-red">*</span> </template>
+      <template #label> Subject <span class="form-required">*</span> </template>
     </v-autocomplete>
 
     <v-autocomplete
@@ -50,8 +49,7 @@
       item-props
       label="Category"
       variant="outlined"
-      density="compact"
-      class="mb-2"
+      class="filter-field mb-2"
       :clearable="
         props.createdFrom === 'feedback' && workOrder.category !== ''
           ? false
@@ -64,12 +62,12 @@
       "
       :rules="[requiredRule]"
     >
-      <template #label> Category <span class="text-red">*</span> </template>
+      <template #label> Category <span class="form-required">*</span> </template>
     </v-autocomplete>
 
     <v-checkbox v-model="workOrder.highPriority" density="compact" class="ma-0">
       <template #label>
-        <span class="text-caption">
+        <span class="form-check-label">
           Set work order as High Priority (Optional)
         </span>
       </template>
@@ -98,14 +96,13 @@
     <v-autocomplete
       label="Unit"
       variant="outlined"
-      density="compact"
+      class="filter-field mt-1"
       v-model="workOrder.unit"
       :items="units"
-      class="mt-1"
       clearable
       :rules="[requiredRule]"
     >
-      <template #label> Unit <span class="text-red">*</span> </template>
+      <template #label> Unit <span class="form-required">*</span> </template>
     </v-autocomplete>
 
     <!-- <v-text-field
@@ -125,23 +122,21 @@
     <v-textarea
       label="Work Order Description"
       variant="outlined"
-      density="compact"
+      class="filter-field mt-1"
       v-model="workOrder.description"
-      class="mt-1"
       rows="4"
       clearable
       auto-grow
       :rules="[requiredRule]"
     >
-      <template #label> Description <span class="text-red">*</span> </template>
+      <template #label> Description <span class="form-required">*</span> </template>
     </v-textarea>
 
     <template #footer>
       <v-btn
-        color="primary-button"
-        class="text-capitalize mb-4"
+        class="screen-btn-primary mb-4"
+        variant="flat"
         block
-        height="40"
         :loading="loading"
         :disabled="loading || !isFormValid"
         @click="submitWorkOrder"
@@ -282,3 +277,17 @@ const customFilter = (value: string, query: string, item: any) => {
   return title.includes(search) || subtitle.includes(search);
 };
 </script>
+
+<style scoped>
+/* The required star was `text-red`, a Vuetify palette word rather than the
+   design's error token. */
+.form-required {
+  color: var(--err);
+}
+
+.form-check-label {
+  font-family: var(--font-sans);
+  font-size: var(--fs-cell);
+  color: var(--text);
+}
+</style>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "3.2.2-staging.127",
+  "version": "3.2.2-staging.129",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",