@fishawack/lab-velocity 0.9.2 → 0.9.4

package/components/_basic.scss

@@ -13,4 +13,10 @@
     .el-input-group__append, .el-input-group__prepend {
         padding: 0 2 * $spacing;
     }
+}
+
+.vel-basic {
+    &__error {
+        color: $colorAlert;
+    }
 }

package/components/_checkbox.scss

@@ -25,6 +25,7 @@
         &__error {
            order: 3;
            flex-basis: 100%;
+           color: $colorAlert;
         }        
 }
 

package/components/_datepicker.scss

@@ -6,6 +6,10 @@
     // &.el-input--large {
         --el-input-height:46px;
     // }
+
+    &__error {
+        color: $colorAlert;
+    }
 }
 
 .vel-popper {

package/components/_form.scss

@@ -3,6 +3,7 @@
     label {
         margin-bottom: $spacing;
         display: inline-block;
+        font-weight: 500;
     }
 
     &:not(:last-child) {
@@ -13,9 +14,9 @@
 .form__group--error {
 
     .el-select__wrapper, .el-select__wrapper:hover, .el-input__wrapper, .el-input__wrapper:hover {
-        box-shadow: 0 0 0 1px $color9 inset;
+        box-shadow: 0 0 0 1px $colorAlert inset;
         .el-select__icon {
-            color: $color9;
+            color: $colorAlert;
         }
     }
 }

package/components/_inputNumber.scss

@@ -14,4 +14,8 @@
     .el-input-group__append, .el-input-group__prepend {
         padding: 0 2 * $spacing;
     }
+
+    &__error {
+        color: $colorAlert;
+    }
 }

package/components/_select.scss

@@ -22,4 +22,7 @@
     .el-select__selection.is-near {
         margin-left: 0px;
     }
+    &__error {
+        color: $colorAlert;
+    }
 }

package/components/_switch.scss

@@ -1 +1,7 @@
-@import "element-plus/theme-chalk/el-switch";
+@import "element-plus/theme-chalk/el-switch";
+
+.vel-switch {
+    &__error {
+        color: $colorAlert;
+    }
+}

package/components/_upload.scss

@@ -1 +1,15 @@
-@import "element-plus/theme-chalk/el-upload";
+@import "element-plus/theme-chalk/el-upload";
+
+.vel-upload {
+    .el-upload__tip {
+        color: $color11;
+    }
+    &.form__group--error {
+        .el-upload__tip {
+            color: $colorAlert;
+        }
+    }
+    &__error {
+        color: $colorAlert;
+    }
+}

package/form/DatePicker.vue

@@ -16,12 +16,14 @@
             v-model="content"
             @change="handleInput"
             :value-format="valueFormat"
+            :date-format="dateFormat"
+            :time-format="timeFormat"
             :format="format"
-            popper-class="vel-popper"
+            :popper-class="popperClass"
+            :prefix-icon="prefixIcon"
         />
     </XInput>
 </template>
-
 <script>
 import dayjs from "dayjs";
 import { ElDatePicker } from "element-plus";
@@ -44,6 +46,12 @@ export default {
         valueFormat: {
             type: String
         },
+        dateFormat: {
+            type: String
+        },
+        timeFormat: {
+            type: String
+        },
         baseClass: {
             type: String,
             default: "vel-datepicker",
@@ -62,6 +70,13 @@ export default {
             type: String,
             default: "default",
         },
+        popperClass: {
+            type: String,
+            default: "vel-popper",
+        },
+        prefixIcon: {
+            type: String,
+        },
     },
     components: {
         XInput,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishawack/lab-velocity",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "description": "Avalere Health branded style system",
   "scripts": {
     "setup": "npm ci || npm i && npm run content",