@nixweb/nixloc-ui 0.0.166 → 0.0.168

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.166",
+  "version": "0.0.168",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/forms/Button.vue

@@ -87,8 +87,7 @@ export default {
   min-width: 33px;
   border-radius: 40px !important;
   font-size: 13px !important;
-  font-weight: normal;
-  font-style: normal !important;
+  font-weight: 400;
   letter-spacing: 1px !important;
 }
 

package/src/component/forms/DateTime.vue

@@ -156,6 +156,11 @@ export default {
 </script>
 
 <style scoped>
+.title {
+  font-size: 14px !important;
+  font-weight: 500 !important;
+  color: #3c5874;
+}
 .success {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/Dropdown.vue

@@ -36,7 +36,7 @@
               @click="execute(item.eventName)"
             >
               <b-row>
-                <b-col sm="1">
+                <b-col sm="2">
                   <i :class="item.classIcon"></i>
                 </b-col>
                 <b-col sm="10">
@@ -143,7 +143,7 @@ export default {
   margin-top: 1px;
   background-color: #ffffff;
   border-radius: 15px;
-  min-width: 250px;
+  min-width: 270px;
   z-index: 1000;
 }
 

package/src/component/forms/InputDecimal.vue

@@ -22,6 +22,7 @@
         :disabled="disabled"
         currency="R$"
         separator="."
+        :minus="allowNegative"
         v-bind:precision="2"
         v-model="valueLocal"
       ></vue-numeric>
@@ -55,6 +56,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    allowNegative: {
+      type: Boolean,
+      default: false,
+    },
     required: Boolean,
     value: Number,
     enter: Function,
@@ -136,6 +141,12 @@ export default {
 </script>
 
 <style scoped>
+.title {
+  font-size: 14px !important;
+  font-weight: 400 !important;
+  color: #0a0a0a;
+  letter-spacing: 0.5px !important;
+}
 .success {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/InputNumber.vue

@@ -146,6 +146,13 @@ export default {
 </script>
 
 <style scoped>
+.title {
+  font-size: 14px !important;
+  font-weight: 400 !important;
+  color: #0a0a0a;
+  letter-spacing: 0.5px !important;
+}
+
 .success {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/InputPassword.vue

@@ -13,7 +13,7 @@
       <slot v-else></slot>
       <input
         type="password"
-        :placeholder="placeholder"
+        :placeholder="titlePlaceholder"
         v-mask="mask || withoutMask"
         v-bind:value="value"
         v-on:input="$emit('input', $event.target.value)"
@@ -64,7 +64,11 @@ export default {
     this.validate();
   },
   methods: {
-    ...mapMutations("validation", ["addValidation", "removeValidation", "updateFormDirty"]),
+    ...mapMutations("validation", [
+      "addValidation",
+      "removeValidation",
+      "updateFormDirty",
+    ]),
     validate() {
       this.notifications = [];
 
@@ -83,6 +87,9 @@ export default {
   },
   computed: {
     ...mapState("validation", ["resetForm", "validations"]),
+    titlePlaceholder() {
+      return "Digite a " + this.title;
+    },
   },
   watch: {
     value() {
@@ -120,6 +127,19 @@ export default {
 </script>
 
 <style scoped>
+.title {
+  font-size: 14px !important;
+  font-weight: 400 !important;
+  color: #0a0a0a;
+  letter-spacing: 0.5px !important;
+}
+
+input::placeholder {
+  font-weight: 300 !important;
+  opacity: 0.5;
+  color: #969595;
+}
+
 .success {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/InputText.vue

@@ -17,7 +17,7 @@
       <input
         type="text"
         :style="_style"
-        :placeholder="placeholder"
+        :placeholder="titlePlaceholder"
         :disabled="disabled"
         @keyup.enter.prevent="pressedEnter"
         @keyup="cleanedField"
@@ -112,6 +112,9 @@ export default {
   },
   computed: {
     ...mapState("validation", ["resetForm", "validations"]),
+    titlePlaceholder() {
+      return "Digite o " + this.title;
+    },
   },
   watch: {
     value() {
@@ -153,6 +156,15 @@ export default {
 <style scoped>
 .title {
   font-size: 14px !important;
+  font-weight: 400 !important;
+  color: #0a0a0a;
+  letter-spacing: 0.5px !important;
+}
+
+input::placeholder {
+  font-weight: 300 !important;
+  opacity: 0.5;
+  color: #969595;
 }
 
 .class-icon-title {

package/src/component/forms/RadioGroup.vue

@@ -43,7 +43,13 @@ export default {
   },
 };
 </script>
-<style scoped>
+<style>
+.custom-control-label {
+  font-size: 13px !important;
+  font-weight: 400 !important;
+  text-transform: uppercase;
+  color: #778498;
+}
 .options {
   margin-top: 5px;
 }

package/src/component/forms/Select.vue

@@ -305,6 +305,13 @@ export default {
 </script>
 
 <style scoped>
+.title {
+  font-size: 14px !important;
+  font-weight: 400 !important;
+  color: #0a0a0a;
+  letter-spacing: 0.5px !important;
+}
+
 .margin {
   margin-bottom: 10px;
 }

package/src/component/forms/SelectStatic.vue

@@ -111,6 +111,13 @@ export default {
 </script>
 
 <style scoped>
+.title {
+  font-size: 14px !important;
+  font-weight: 400 !important;
+  color: #0a0a0a;
+  letter-spacing: 0.5px !important;
+}
+
 div.before-list {
   padding: 8px;
 }

package/src/component/layout/Menu.vue

@@ -226,7 +226,7 @@ export default {
 
 .div-title {
   margin-top: -10px;
-  font-size: 12px;
+  font-size: 12.5px;
 }
 
 .title-sub {

package/src/component/layout/Panel.vue

@@ -14,15 +14,16 @@
           <div class="col-10">
             <div class="div-title">
               <span class="module">
-                <span class="icon"><i class="fas fa-compass"></i></span>
+                <span class="icon-panel"><i class="fas fa-compass"></i></span>
                 {{ module }} <span v-if="title">|</span></span
               >
               <span class="title"> {{ title }}</span>
             </div>
           </div>
-          <div class="col-2 text-right" v-show="currentRoute != 'Dashboard'">
-            <div class="c-back" @click="back()">
-              <span class="g-espaco-esquerda">Voltar</span>
+          <div class="col-2" v-if="currentRoute != 'dashboard'">
+            <div class="div-back text-right" @click="back()">
+              <i class="fa-solid fa-angle-left"></i>
+              <span> Voltar</span>
             </div>
           </div>
         </div>
@@ -54,6 +55,7 @@ import Messages from "../shared/Messages.vue";
 import Search from "../shared/Search.vue";
 import Loading from "../shared/Loading.vue";
 import VerticalFilter from "../shared/VerticalFilter";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
 
 import { mapState, mapGetters, mapMutations } from "vuex";
 
@@ -65,6 +67,7 @@ export default {
     Search,
     Messages,
     Toast,
+    Molded,
   },
   props: {
     module: String,
@@ -108,16 +111,17 @@ export default {
 }
 
 .module {
-  font-size: 16px;
+  font-size: 17px;
   font-weight: 400;
+  color: #aaaebb;
 }
 
 .title {
-  font-size: 18px;
-  font-weight: 400;
+  font-size: 20px;
+  font-weight: 500;
 }
 
-.icon {
+.icon-panel {
   opacity: 0.8;
   font-size: 20px;
 }
@@ -139,4 +143,17 @@ export default {
   padding-right: 30px;
   padding-left: 20px;
 }
+
+.div-back {
+  margin-top: 15px;
+  font-size: 15px;
+  cursor: pointer;
+  padding: 10px;
+  padding-top: 6px;
+  padding-left: 10px;
+  padding-right: 30px;
+  font-weight: 400;
+  color: #3d52a9;
+  width: 200px;
+}
 </style>

package/src/component/rental/DisplayTotalization.vue

@@ -46,11 +46,13 @@ export default {
 .title {
   padding-left: 10px;
   color: black !important;
+  font-weight: 500;
 }
 
 .value {
   padding-left: 10px;
   font-size: 18px;
   font-weight: 700;
+  font-family: "inter", sans-serif !important;
 }
 </style>

package/src/component/shared/Pagination.vue

@@ -2,13 +2,24 @@
   <div>
     <b-pagination
       v-model="pagination(_key).currentPage"
-      prev-text="Anterior"
-      next-text="Próximo"
       align="right"
       :hide-goto-end-buttons="true"
       :per-page="pagination(_key).totalPerPage"
       :total-rows="totalRecords"
-    ></b-pagination>
+    >
+      <template #first-text>
+        <i class="fa-regular fa-chevron-left"></i>
+      </template>
+      <template #prev-text>
+        <i class="fa-regular fa-chevron-left"></i>
+      </template>
+      <template #next-text>
+       <i class="fa-regular fa-chevron-right"></i>
+      </template>
+      <template #last-text>
+        <i class="fa-regular fa-chevron-right"></i>
+      </template>
+    </b-pagination>
   </div>
 </template>
 
@@ -39,14 +50,27 @@ export default {
 
 <style>
 .page-item {
-  font-size: 13px !important;
+  font-size: 15px !important;
+  border: 0px solid !important;
+  width: 50px !important;
+  font-weight: 700 !important;
 }
 
 .page-item.active .page-link {
-  font-size: 13px !important;
   z-index: 3 !important;
-  color: #fff !important;
-  background-color: #d98621 !important;
-  border-color: #d98621 !important;
+  color: black !important;
+  background-color: #ECECEC !important;
+  border-radius: 50px !important;
+  width: 37px !important;
+  height: 37px !important;
 }
+
+.page-link {
+  color: #6c757d !important;
+  border: 0px solid #dee2e6 !important;
+  border-radius: 50px !important;
+   width: 37px !important;
+  height: 37px !important;
+}
+
 </style>

package/src/component/shared/SelectOption.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="div-main text-center">
+  <div class="div-main" :class="alignment">
     <div class="title" :style="'font-size:' + titleSize + 'px;'">
       {{ title }}
     </div>
@@ -62,6 +62,7 @@ export default {
     buttonClassIcon: String,
     showButtonNext: { type: Boolean, default: true },
     size: { type: String, default: "medium" },
+    alignment: { type: String, default: "text-center" },
     width: Number,
     height: Number,
     options: Array,

package/src/component/shared/Table.vue

@@ -132,11 +132,6 @@ table tbody tr td {
   border-bottom: 0px !important;
 }
 
-.table thead tr {
-  background-color: #FAFAFC !important;
- 
-}
-
 .td-checkbox {
   width: 30px;
 }
@@ -148,8 +143,9 @@ tr:hover {
 .title-header {
   font-size: 13px;
   color: #757d8c;
-  font-weight: 400;
+  font-weight: 600;
   text-transform: uppercase;
+  letter-spacing: 0.5px !important;
 }
 
 .table-number {