quasar-factory-lib 0.0.21 → 0.0.22

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "author": ""
 }

package/src/components/Alert/AlertDialog.vue

@@ -1,10 +1,10 @@
 <template>
-  <q-dialog v-model="showPopUp" :persistent="persistent">
+  <q-dialog v-model="alert" :persistent="persistent">
     <q-banner inline-actions data-cy="alert">
       <template v-slot:avatar>
         <q-icon :name="icon" :color="iconColor" :size="iconSize"></q-icon>
       </template>
-      <p class="info">{{ message }}</p>
+      <p class="info">{{ alertMessage }}</p>
       <template v-slot:action>
         <q-btn
           flat
@@ -31,8 +31,8 @@ export default defineComponent({
   name: 'AlertDialog',
   data() {
     return {
-      showPopUp: false,
-      message: '',
+      alert: false,
+      alertMessage: '',
     }
   },
   props: {
@@ -68,11 +68,11 @@ export default defineComponent({
   emit: ['dialogClosed'],
   methods: {
     openAlertAndSetMessage(message: string): void {
-      this.showPopUp = true
-      this.message = message
+      this.alert = true
+      this.alertMessage = message
     },
     closePopup(): void {
-      this.showPopUp = false
+      this.alert = false
       this.$emit('onPopupClosed')
     },
   },

package/src/components/Table/Table.vue

@@ -93,7 +93,6 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import type { QTable } from 'quasar'
 import TableSlotHeader from './components/TableSlotHeader.vue'
 import TableColumnsSelector from './components/TableColumnsSelector.vue'
 import TableSlotBody from './components/TableSlotBody.vue'

package/src/components/{NavBar → TaskNavBar}/TaskNavBar.vue

@@ -1,18 +1,21 @@
 <template>
   <div>
-      <q-toolbar  class="q-toolbar-unset-height ">
+      <q-toolbar  class="q-toolbar-unset-height">
         <div class="row full-width">
         <div class="col-6">
           <img :src="logo" id="logo">
         </div>
         <div class="col-6 text-right" id="buttons">
         <q-img v-if="showBtnBack" src="src/assets/icons/ArrowBack.svg" width="30px" @click="back" class="cursor-pointer" />
-        <q-img v-if="showSearch" src="src/assets/icons/Lupa.svg" width="30px" @click="search"  class="cursor-pointer"/>
+        <q-img v-if="showSearch" src="src/assets/icons/Search.svg" width="30px" @click="search"  class="cursor-pointer"/>
         <q-img src="src/assets/icons/Menu.svg" width="30px" @click="toggleRightDrawer"  class="cursor-pointer"/>
+        <!-- <q-btn v-if="showBtnBack" flat round icon="arrow_back" size="lg" @click="back" class="cursor-pointer" />
+        <q-btn v-if="showSearch" flat round icon="search" size="lg" @click="search"  class="cursor-pointer"/>
+        <q-btn icon="menu" flat round size="lg" @click="toggleRightDrawer"  class="cursor-pointer"/> -->
         </div>
       </div>
       </q-toolbar >
-      <q-toolbar-title  class=" text-color-almost-black pageTitleFontSize pageTitleFontFamily pageTitleTabletAndDesktop">
+      <q-toolbar-title  class="text-color-almost-black">
         {{ title }}
       </q-toolbar-title>
   </div>
@@ -26,21 +29,31 @@
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
+    margin-bottom: 10px;
 }
 #buttons .q-img {
   margin-left: 20px;
 }
-.pageTitleFontFamily {
+
+.q-toolbar__title {
   font-family: "SangBleuKingdom-Light, sans-serif";
-}
-.pageTitleFontSize {
   font-size: 25px;
+  margin: 0;
 }
 
 @media only screen and (max-width: 1100px) {
-  .pageTitleFontSize {
-   font-size: 20px;
+  .q-toolbar__title {
+    font-size: 20px;
+  }
+}
+
+@media only screen and (max-width: 375px) {
+  #logo {
+    display: none;
   }
+  .q-toolbar__title {
+    font-size: 18px;
+  } 
 }
 </style>
 
@@ -48,7 +61,7 @@
 import { defineComponent } from 'vue'
 import { date } from 'quasar'
 export default defineComponent({
-  name: 'NavBarTask',
+  name: 'TaskNavBar',
   data() {
     return {
       date,

package/src/components/{KMyButton → TaskNavBar}/index.ts

@@ -1,6 +1,6 @@
 import type { App, Plugin } from 'vue'
 
-import MyButton from './MyButton.vue'
+import TaskNavBar from './TaskNavBar.vue'
 
 import { registerComponent } from '@/utils/plugins'
 
@@ -10,9 +10,11 @@ import { registerComponent } from '@/utils/plugins'
 /** export button plugin */
 export default {
   install (app: App) {
-    registerComponent(app, 'KMyButton', MyButton)
+    registerComponent(app, 'TaskNavBar', TaskNavBar)
   }
 } as Plugin
 
 /** export button components */
-export { MyButton as KMyButton }
+export { TaskNavBar as TaskNavBar }
+
+

package/src/components/index.ts

@@ -1,3 +1,4 @@
 export * from './Table'
 export * from './Alert'
-export * from './Confirm'
+export * from './Confirm'
+export * from './TaskNavBar'

package/src/components/plugins.ts

@@ -1,5 +1,6 @@
 import MyTable from './Table'
 import AlertDialog from './Alert'
 import ConfirmDialog from './Confirm'
-export { MyTable, AlertDialog, ConfirmDialog }
+import TaskNavBar from './TaskNavBar'
+export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar }
 

package/src/css/app.css

@@ -33,8 +33,6 @@
 .text-color-almost-black {
   color: var(--almost-black);
 }
-
-
 .q-toolbar-unset-height .q-toolbar {
   min-height: unset;
   padding: 0;

package/src/index.ts

@@ -1,11 +1,11 @@
 import '@quasar/extras/material-icons/material-icons.css'
 import { Quasar } from 'quasar'
 import { App, Plugin } from 'vue'
-import { MyTable, AlertDialog, ConfirmDialog } from './components/plugins.ts'
+import { MyTable, AlertDialog, ConfirmDialog, TaskNavBar } from './components/plugins.ts'
 import { registerPlugin, setVueInstance } from './utils/plugins.ts'
 import TranslateKeys from './i18n/translateKeys.ts'
 import { createPinia } from 'pinia'
-export { MyTable, AlertDialog, ConfirmDialog } from './components/index.ts'
+export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar } from './components/index.ts'
 
 export type { TranslateKeys }
 // import plugins from "./components/plugins";
@@ -24,6 +24,7 @@ const plugin: Plugin = {
     registerPlugin(app, MyTable)
     registerPlugin(app, AlertDialog)
     registerPlugin(app, ConfirmDialog)
+    registerPlugin(app, TaskNavBar)
     app.use(i18n)
     app.use(pinia)
     i18n.global.locale = 'en'

package/src/pages/NavBarPage.vue

@@ -9,45 +9,20 @@
       >
       <q-header class="bg-main-color text-black">
         <TaskNavBar
-        :logo="'src/assets/img/logo.svg'"
-        :title="'Preparacion Carga'"/>
-
-      <q-toolbar class="q-toolbar-unset-height">
-        <Counter
-          :dataCy="'total-labels'"
-          :counterTitle="'global.total'"
-          :value="200"
-        />
-      </q-toolbar>
+        :logo="'src/assets/vue.svg'"
+        :title="'Load Preparation'"/>
       </q-header>
-      <q-drawer show-if-above v-model="rightDrawerOpen" side="right" bordered>
-      <!-- drawer content -->
-    </q-drawer>
       </div>
     </q-page>
   </q-page-container>
 </template>
 <style>
-.createTaskTitle{
-  font-size: 20px;
-  padding-top: 20px;
-}
-@media only screen and (max-width: 350px){
-  .createTaskTitle{
-    font-size: 20px;
-    padding-top: 10px;
-  }
-}
 </style>
 <script lang="ts">
-// import BasicNavBar from '../components/NavBar/BasicNavBar.vue'
-import Counter from '../components/Counter/Counter.vue'
- import TaskNavBar from '../components/NavBar/TaskNavBar.vue'
+ import TaskNavBar from '../components/TaskNavBar/TaskNavBar.vue'
 export default {
   components: {
-    TaskNavBar,
-    // BasicNavBar
-    Counter
+    TaskNavBar
   },
   data () {
     return {

package/src/pages/TablePage.vue

@@ -7,11 +7,7 @@
       <div
         class="full-width"
       >
-      <q-btn @click="clearTable">
-        clear
-      </q-btn>
         <Table
-          ref="table"
           :rows="rows"
           :columns="columns"
           :visible-columns="visibleColumns"
@@ -173,7 +169,7 @@ export default {
           fat: 6.0,
           carbs: 24,
           checked: false,
-          protein: 0,
+          protein: 4.0,
           sodium: 87,
           calcium: '14%',
           iron: '1%'
@@ -339,9 +335,6 @@ export default {
     close () {
       this.showDialog= false
       this.store.filterValue = this.store.lastFilterValue
-    },
-    clearTable () {
-      this.$refs.table.clearTableSelection()
     }
   }
 }

package/dist/components/Counter/Counter.vue.d.ts

@@ -1,68 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    containerClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    containerStyle: {
-        type: StringConstructor;
-        default: string;
-    };
-    dataCy: {
-        type: StringConstructor;
-        default: string;
-    };
-    counterTitle: {
-        type: StringConstructor;
-        default: string;
-    };
-    counterTitleClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    value: {
-        type: NumberConstructor;
-        default: number;
-    };
-    counterValueClass: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    containerClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    containerStyle: {
-        type: StringConstructor;
-        default: string;
-    };
-    dataCy: {
-        type: StringConstructor;
-        default: string;
-    };
-    counterTitle: {
-        type: StringConstructor;
-        default: string;
-    };
-    counterTitleClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    value: {
-        type: NumberConstructor;
-        default: number;
-    };
-    counterValueClass: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    value: number;
-    dataCy: string;
-    containerClass: string;
-    containerStyle: string;
-    counterTitle: string;
-    counterTitleClass: string;
-    counterValueClass: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/KMyButton/MyButton.vue.d.ts

@@ -1,27 +0,0 @@
-import { QBtn } from 'quasar';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {
-    onClick: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    color: string;
-}, {}, {
-    QBtn: import("quasar").ComponentConstructor<QBtn>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/src/assets/icons/BoxLocation.svg

@@ -1,11 +0,0 @@
-<svg id="Componente_31_14" data-name="Componente 31 – 14" xmlns="http://www.w3.org/2000/svg" width="210" height="38" viewBox="0 0 210 38">
-  <g id="Caminho_11925" data-name="Caminho 11925" fill="none">
-    <path d="M0,0H210V38H0Z" stroke="none"/>
-    <path d="M 0.6999969482421875 0.7000007629394531 L 0.6999969482421875 37.29999923706055 L 209.2999572753906 37.29999923706055 L 209.2999572753906 0.7000007629394531 L 0.6999969482421875 0.7000007629394531 M 0 0 L 209.9999542236328 0 L 209.9999542236328 38 L 0 38 L 0 0 Z" stroke="none" fill="#212427"/>
-  </g>
-  <text id="_" data-name="—/—/—/—" transform="translate(72 4.5)" fill="#212427" font-size="20" font-family="Beatrice-Regular, Beatrice" letter-spacing="0.01em"><tspan x="-49.88" y="21">—/—/—/—</tspan></text>
-  <g id="Grupo_54" data-name="Grupo 54" transform="translate(-354.402 -373.075)">
-    <path id="Caminho_696" data-name="Caminho 696" d="M373.488,402.7l-6.13-10.63a7.051,7.051,0,0,1-.956-3.54h0a7.086,7.086,0,1,1,13.217,3.541Zm-5.916-14.171a5.885,5.885,0,0,0,.8,2.955l5.117,8.873,5.118-8.871a5.914,5.914,0,1,0-11.033-2.956Z" fill="#1a1818"/>
-    <path id="Caminho_697" data-name="Caminho 697" d="M375.237,394.117a3.835,3.835,0,1,1,3.835-3.835A3.84,3.84,0,0,1,375.237,394.117Zm0-6.5a2.665,2.665,0,1,0,2.665,2.665A2.668,2.668,0,0,0,375.237,387.616Z" transform="translate(-1.75 -1.75)" fill="#1a1818"/>
-  </g>
-</svg>

package/src/assets/icons/ConfirmadaLecturaGrande.svg

@@ -1,9 +0,0 @@
-<svg id="Componente_29_9" data-name="Componente 29 – 9" xmlns="http://www.w3.org/2000/svg" width="73" height="73" viewBox="0 0 73 73">
-  <g id="Grupo_14291" data-name="Grupo 14291" transform="translate(-661.596 -408.577)">
-    <path id="Caminho_15" data-name="Caminho 15" d="M5209,452.784l12.253,14.074,27.947-32.514" transform="translate(-4531.001 -4.523)" fill="none" stroke="#597765" stroke-width="1.5"/>
-  </g>
-  <g id="Elipse_21" data-name="Elipse 21" fill="none" stroke="#597765" stroke-width="1.5">
-    <circle cx="36.5" cy="36.5" r="36.5" stroke="none"/>
-    <circle cx="36.5" cy="36.5" r="35.75" fill="none"/>
-  </g>
-</svg>

package/src/assets/icons/Confirmado.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="33.066" height="27.702" viewBox="0 0 33.066 27.702">
-  <g id="Grupo_14318" data-name="Grupo 14318" transform="translate(-677.242 -429.168)">
-    <path id="Caminho_15" data-name="Caminho 15" d="M5209,448.817l9.618,11.047,21.936-25.521" transform="translate(-4531 -4.523)" fill="none" stroke="#597765" stroke-width="2"/>
-  </g>
-</svg>

package/src/assets/icons/Delete.svg

@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="23.953" height="29.357" viewBox="0 0 23.953 29.357">
-  <g id="Componente_10_3" data-name="Componente 10 – 3" transform="translate(0.1 0.1)">
-    <g id="Delete">
-      <g id="Grupo_14243" data-name="Grupo 14243">
-        <path id="Subtração_7" data-name="Subtração 7" d="M16.549,29.157H7.2a5.642,5.642,0,0,1-5.644-5.643V4.158H0V3.4H7.125V1.883A1.884,1.884,0,0,1,9.008,0h5.738a1.884,1.884,0,0,1,1.883,1.883V3.4h7.126v.754H22.192V23.514A5.59,5.59,0,0,1,20.537,27.5,5.681,5.681,0,0,1,16.549,29.157Zm-14.236-25V23.514A4.92,4.92,0,0,0,3.745,26.97,4.858,4.858,0,0,0,7.2,28.4h9.344a4.868,4.868,0,0,0,3.46-1.432,4.934,4.934,0,0,0,1.429-3.456V4.158ZM9.008.751a1.13,1.13,0,0,0-1.13,1.133V3.4h8V1.883A1.136,1.136,0,0,0,14.745.751Z" fill="#212427" stroke="#212427" stroke-width="0.2"/>
-        <line id="Linha_16598" data-name="Linha 16598" y2="15.044" transform="translate(8.709 9.035)" fill="none" stroke="#212427" stroke-width="1"/>
-        <line id="Linha_16599" data-name="Linha 16599" y2="15.044" transform="translate(15.043 9.035)" fill="none" stroke="#212427" stroke-width="1"/>
-      </g>
-    </g>
-  </g>
-</svg>

package/src/assets/icons/DeleteEtiqueta.svg

@@ -1,10 +0,0 @@
-<svg id="Componente_4_9" data-name="Componente 4 – 9" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
-  <g id="Elipse_2" data-name="Elipse 2" fill="none" stroke="#707070" stroke-width="1">
-    <circle cx="20" cy="20" r="20" stroke="none"/>
-    <circle cx="20" cy="20" r="19.5" fill="none"/>
-  </g>
-  <g id="Grupo_85" data-name="Grupo 85" transform="translate(-667.542 -477.546)">
-    <line id="Linha_7" data-name="Linha 7" x1="18.092" y2="19.092" transform="translate(677.996 488.5)" fill="none" stroke="#000" stroke-width="1"/>
-    <line id="Linha_8" data-name="Linha 8" x2="19.092" y2="19.092" transform="translate(677.996 488.5)" fill="none" stroke="#000" stroke-width="1"/>
-  </g>
-</svg>

package/src/assets/icons/Deliveries.svg

@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="35.845" height="30.812" viewBox="0 0 35.845 30.812">
-  <g id="Icon_feather-truck" data-name="Icon feather-truck" transform="translate(0.5 0.5)">
-    <path id="Caminho_6" data-name="Caminho 6" d="M2.083,6.25H25.841V28.143H2.083Z" transform="translate(-2.083 -6.25)" fill="none" stroke="#000" stroke-linecap="square" stroke-width="1"/>
-    <path id="Caminho_7" data-name="Caminho 7" d="M33.333,16.667h6.335l4.752,4.751v7.919H33.333Z" transform="translate(-9.576 -7.444)" fill="none" stroke="#000" stroke-width="1"/>
-    <path id="Caminho_8" data-name="Caminho 8" d="M14.169,37.293a3.96,3.96,0,1,1-3.96-3.96,3.96,3.96,0,0,1,3.96,3.96Z" transform="translate(-1.082 -11.44)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-    <path id="Caminho_9" data-name="Caminho 9" d="M41.252,37.293a3.96,3.96,0,1,1-3.96-3.96A3.96,3.96,0,0,1,41.252,37.293Z" transform="translate(-9.576 -11.44)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-  </g>
-</svg>

package/src/assets/icons/Doscolumnas.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
-  <g id="Componente_9_13" data-name="Componente 9 – 13" transform="translate(0 0.5)">
-    <line id="Linha_16626" data-name="Linha 16626" x2="11" transform="translate(14)" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16627" data-name="Linha 16627" x2="11" transform="translate(14 6)" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16628" data-name="Linha 16628" x2="11" transform="translate(14 12)" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16629" data-name="Linha 16629" x2="11" transform="translate(14 18)" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16630" data-name="Linha 16630" x2="11" transform="translate(14 24)" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16631" data-name="Linha 16631" x2="11" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16632" data-name="Linha 16632" x2="11" transform="translate(0 6)" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16633" data-name="Linha 16633" x2="11" transform="translate(0 12)" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16634" data-name="Linha 16634" x2="11" transform="translate(0 18)" fill="none" stroke="#212427" stroke-width="1"/>
-    <line id="Linha_16635" data-name="Linha 16635" x2="11" transform="translate(0 24)" fill="none" stroke="#212427" stroke-width="1"/>
-  </g>
-</svg>

package/src/assets/icons/ErrorLectura.svg

@@ -1,10 +0,0 @@
-<svg id="Componente_29_13" data-name="Componente 29 – 13" xmlns="http://www.w3.org/2000/svg" width="73" height="73" viewBox="0 0 73 73">
-  <g id="Elipse_21" data-name="Elipse 21" fill="none" stroke="#6f1a07" stroke-width="1.5">
-    <circle cx="36.5" cy="36.5" r="36.5" stroke="none"/>
-    <circle cx="36.5" cy="36.5" r="35.75" fill="none"/>
-  </g>
-  <g id="Grupo_14288" data-name="Grupo 14288" transform="translate(-659.177 -469.181)">
-    <line id="Linha_7" data-name="Linha 7" x1="33.361" y2="34.361" transform="translate(677.996 488.5)" fill="none" stroke="#6f1a07" stroke-width="1.5"/>
-    <line id="Linha_8" data-name="Linha 8" x2="34.361" y2="34.361" transform="translate(677.996 488.5)" fill="none" stroke="#6f1a07" stroke-width="1.5"/>
-  </g>
-</svg>

package/src/assets/icons/Exit.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="34.523" height="34.524" viewBox="0 0 34.523 34.524">
-  <path id="Caminho_701" data-name="Caminho 701" d="M125.892,96.156l-2.33-2.332L108.63,109.92,93.7,93.825l-2.33,2.332,16.094,14.93-16.094,14.93,2.33,2.332,14.931-16.095,14.931,16.095,2.33-2.332L109.8,111.087Z" transform="translate(-91.369 -93.825)" fill="#212427"/>
-</svg>

package/src/assets/icons/Inventario.svg

@@ -1,18 +0,0 @@
-<svg id="Componente_8_1" data-name="Componente 8 – 1" xmlns="http://www.w3.org/2000/svg" width="34.001" height="30.457" viewBox="0 0 34.001 30.457">
-  <g id="Retângulo_667" data-name="Retângulo 667" transform="translate(9 21.457)" fill="none" stroke="#212427" stroke-width="1">
-    <rect width="8" height="9" stroke="none"/>
-    <rect x="0.5" y="0.5" width="7" height="8" fill="none"/>
-  </g>
-  <g id="Retângulo_668" data-name="Retângulo 668" transform="translate(16 21.457)" fill="none" stroke="#212427" stroke-width="1">
-    <rect width="8" height="9" stroke="none"/>
-    <rect x="0.5" y="0.5" width="7" height="8" fill="none"/>
-  </g>
-  <g id="Retângulo_669" data-name="Retângulo 669" transform="translate(9 13.457)" fill="none" stroke="#212427" stroke-width="1">
-    <rect width="8" height="9" stroke="none"/>
-    <rect x="0.5" y="0.5" width="7" height="8" fill="none"/>
-  </g>
-  <g id="Caminho_11919" data-name="Caminho 11919" transform="translate(7441.5 -39.543)" fill="none">
-    <path d="M-7441.5,70h33.977s.054-15.034,0-14.823-17.4-15.635-17.4-15.635L-7441.5,55.177Z" stroke="none"/>
-    <path d="M -7408.5205078125 69 C -7408.50390625 64.03879547119141 -7408.49072265625 57.46018600463867 -7408.5087890625 55.69282150268555 C -7408.96923828125 55.31830215454102 -7409.71435546875 54.65554046630859 -7411.02978515625 53.48258590698242 C -7412.486328125 52.1838493347168 -7414.49609375 50.37359619140625 -7417.00244140625 48.10211944580078 C -7420.26025390625 45.1501350402832 -7423.52978515625 42.16889190673828 -7424.91259765625 40.90692901611328 L -7440.50048828125 55.6087760925293 L -7440.50048828125 69 L -7408.5205078125 69 M -7407.52392578125 70 L -7441.50048828125 70 L -7441.50048828125 55.17732620239258 L -7424.923828125 39.54276657104492 C -7424.923828125 39.54276657104492 -7407.806640625 55.18064880371094 -7407.52734375 55.17942810058594 C -7407.525390625 55.17942047119141 -7407.5244140625 55.1787223815918 -7407.52392578125 55.17732620239258 C -7407.5234375 55.17584228515625 -7407.52294921875 55.17511749267578 -7407.52294921875 55.17511749267578 C -7407.47119140625 55.17511749267578 -7407.52392578125 70 -7407.52392578125 70 Z" stroke="none" fill="#212427"/>
-  </g>
-</svg>

package/src/assets/icons/Location.svg

@@ -1,4 +0,0 @@
-<svg id="Grupo_54" data-name="Grupo 54" xmlns="http://www.w3.org/2000/svg" width="14.171" height="21.258" viewBox="0 0 14.171 21.258">
-  <path id="Caminho_696" data-name="Caminho 696" d="M373.488,402.7l-6.13-10.63a7.051,7.051,0,0,1-.956-3.54h0a7.086,7.086,0,1,1,13.217,3.541Zm-5.916-14.171a5.885,5.885,0,0,0,.8,2.955l5.117,8.873,5.118-8.871a5.914,5.914,0,1,0-11.033-2.956Z" transform="translate(-366.402 -381.446)" fill="#6f1a07"/>
-  <path id="Caminho_697" data-name="Caminho 697" d="M375.237,394.117a3.835,3.835,0,1,1,3.835-3.835A3.84,3.84,0,0,1,375.237,394.117Zm0-6.5a2.665,2.665,0,1,0,2.665,2.665A2.668,2.668,0,0,0,375.237,387.616Z" transform="translate(-368.152 -383.196)" fill="#6f1a07"/>
-</svg>

package/src/assets/icons/Logout.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="23.219" height="23.091" viewBox="0 0 23.219 23.091">
-  <g id="Grupo_89" data-name="Grupo 89" transform="translate(-250 -22)">
-    <circle id="Elipse_18" data-name="Elipse 18" cx="5.327" cy="5.327" r="5.327" transform="translate(256.283 22.35)" fill="none" stroke="#000" stroke-width="0.7"/>
-    <path id="Caminho_617" data-name="Caminho 617" d="M271.927,41.827a10.343,10.343,0,0,0-20.659,0H250c.276-5.875,5.653-10.554,11.6-10.554s11.346,4.679,11.622,10.554Z" transform="translate(0 3.264)" fill-rule="evenodd"/>
-  </g>
-</svg>

package/src/assets/icons/Pause.svg

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38">
-  <g id="Grupo_14274" data-name="Grupo 14274" transform="translate(-359.935 -332.935)">
-    <g id="Retângulo_675" data-name="Retângulo 675" transform="translate(359.935 332.935)" fill="none" stroke="#212427" stroke-width="1">
-      <rect width="38" height="38" rx="6" stroke="none"/>
-      <rect x="0.5" y="0.5" width="37" height="37" rx="5.5" fill="none"/>
-    </g>
-    <g id="Grupo_14273" data-name="Grupo 14273" transform="translate(373.724 343.403)">
-      <line id="Linha_16607" data-name="Linha 16607" y2="17.532" fill="none" stroke="#212427" stroke-width="1"/>
-      <line id="Linha_16608" data-name="Linha 16608" y2="17.532" transform="translate(10.423)" fill="none" stroke="#212427" stroke-width="1"/>
-    </g>
-  </g>
-</svg>

package/src/assets/icons/Scan.svg

@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="97" height="97" viewBox="0 0 97 97">
-  <g id="Componente_38_7" data-name="Componente 38 – 7" transform="translate(0.5 0.5)">
-    <g id="Grupo_97" data-name="Grupo 97">
-      <path id="União_3" data-name="União 3" d="M0,0V0ZM0,0H0Z" fill="#fff8f2" stroke="#212427" stroke-linejoin="round" stroke-width="1"/>
-      <path id="União_4" data-name="União 4" d="M0,0V0ZM0,0H0Z" transform="translate(96) rotate(90)" fill="#fff8f2" stroke="#212427" stroke-linejoin="round" stroke-width="1"/>
-      <g id="Grupo_94" data-name="Grupo 94" transform="translate(0 70)">
-        <path id="União_5" data-name="União 5" d="M0,25v0Zm0,0H0Z" fill="#fff8f2" stroke="#212427" stroke-linejoin="round" stroke-width="1"/>
-        <path id="União_6" data-name="União 6" d="M0,25v0Zm0,0H0Z" transform="translate(71 26) rotate(-90)" fill="#fff8f2" stroke="#212427" stroke-linejoin="round" stroke-width="1"/>
-      </g>
-    </g>
-    <g id="Elipse_19" data-name="Elipse 19" transform="translate(31 31)" fill="none" stroke="#212427" stroke-width="1">
-      <circle cx="17" cy="17" r="17" stroke="none"/>
-      <circle cx="17" cy="17" r="16.5" fill="none"/>
-    </g>
-    <circle id="Elipse_20" data-name="Elipse 20" cx="6" cy="6" r="6" transform="translate(42 42)" fill="#212427"/>
-  </g>
-</svg>

package/src/assets/icons/ScanOffwhite.svg

@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="97" height="97" viewBox="0 0 97 97">
-  <g id="Componente_38_8" data-name="Componente 38 – 8" transform="translate(0.5 0.5)">
-    <g id="Grupo_97" data-name="Grupo 97">
-      <path id="União_3" data-name="União 3" d="M0,0V0ZM0,0H0Z" fill="#fff8f2" stroke="#fff8f2" stroke-linejoin="round" stroke-width="1"/>
-      <path id="União_4" data-name="União 4" d="M0,0V0ZM0,0H0Z" transform="translate(96) rotate(90)" fill="#fff8f2" stroke="#fff8f2" stroke-linejoin="round" stroke-width="1"/>
-      <g id="Grupo_94" data-name="Grupo 94" transform="translate(0 70)">
-        <path id="União_5" data-name="União 5" d="M0,25v0Zm0,0H0Z" fill="#fff8f2" stroke="#fff8f2" stroke-linejoin="round" stroke-width="1"/>
-        <path id="União_6" data-name="União 6" d="M0,25v0Zm0,0H0Z" transform="translate(71 26) rotate(-90)" fill="#fff8f2" stroke="#fff8f2" stroke-linejoin="round" stroke-width="1"/>
-      </g>
-    </g>
-    <g id="Elipse_19" data-name="Elipse 19" transform="translate(31 31)" fill="none" stroke="#fff8f2" stroke-width="1">
-      <circle cx="17" cy="17" r="17" stroke="none"/>
-      <circle cx="17" cy="17" r="16.5" fill="none"/>
-    </g>
-    <circle id="Elipse_20" data-name="Elipse 20" cx="6" cy="6" r="6" transform="translate(42 42)" fill="#fff8f2"/>
-  </g>
-</svg>

package/src/assets/icons/Scanner.svg

@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 97 97" style="enable-background:new 0 0 97 97;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;}
-	.st1{fill:none;stroke:#212427;}
-	.st2{fill:#212427;}
-	.st3{fill:none;stroke:#212427;stroke-linejoin:round;}
-</style>
-<g id="Elipse_19" transform="translate(1527 1004)">
-	<circle class="st0" cx="-1478.5" cy="-955.5" r="17"/>
-	<circle class="st1" cx="-1478.5" cy="-955.5" r="16.5"/>
-</g>
-<circle id="Elipse_20" class="st2" cx="48.5" cy="48.5" r="6"/>
-<path class="st3" d="M0.5,24c0,0,0-20.1,0-23.5c3.6,0,23.5,0,23.5,0"/>
-<path class="st3" d="M73,0.5c0,0,20.1,0,23.5,0c0,3.6,0,23.5,0,23.5"/>
-<path class="st3" d="M96.4,73c0,0,0,20.1,0,23.5c-3.6,0-23.5,0-23.5,0"/>
-<path class="st3" d="M24.1,96.5c0,0-20.1,0-23.5,0c0-3.6,0-23.5,0-23.5"/>
-</svg>

package/src/assets/icons/ScannerWhite.svg

@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97 97">
-  <defs>
-    <style>
-      .cls-1, .cls-2, .cls-3 {
-        fill: none;
-      }
-
-      .cls-2 {
-        stroke-linejoin: round;
-      }
-
-      .cls-2, .cls-3 {
-        stroke: #fff8f2;
-      }
-
-      .cls-4 {
-        fill: #fff8f2;
-      }
-    </style>
-  </defs>
-  <g id="Elipse_19" data-name="Elipse 19">
-    <circle class="cls-1" cx="48.49" cy="48.49" r="17"/>
-    <circle class="cls-3" cx="48.49" cy="48.49" r="16.5"/>
-  </g>
-  <circle id="Elipse_20" data-name="Elipse 20" class="cls-4" cx="48.49" cy="48.49" r="6"/>
-  <path class="cls-2" d="M.5,24.02V.5c3.55,0,23.46,0,23.46,0"/>
-  <path class="cls-2" d="M72.98,.5h23.52c0,3.55,0,23.46,0,23.46"/>
-  <path class="cls-2" d="M96.44,72.98v23.52c-3.55,0-23.46,0-23.46,0"/>
-  <path class="cls-2" d="M24.04,96.5H.52c0-3.55,0-23.46,0-23.46"/>
-</svg>