@farm-investimentos/front-mfe-components 6.2.3 → 6.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "6.2.3",
+	"version": "6.2.6",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",

package/src/components/Buttons/ConfirmButton/ConfirmButton.stories.js

@@ -56,3 +56,4 @@ HtmlMarkup.storyName = 'Html Markup';
 Props.storyName = 'Props';
 Listener.storyName = 'Listener';
 Iconed.storyName = 'Icon';
+To.storyName = 'Teste rota';

package/src/components/Buttons/DefaultButton/DefaultButton.scss

@@ -109,7 +109,7 @@ $colors: primary, secondary, error, extra, accent, info, success, gray, yellow;
     flex-direction: row;
     align-items: center;
 
-    i.mdi {
+    ::v-deep i.mdi {
         font-size: 1rem;
     }
 }
@@ -120,7 +120,7 @@ $colors: primary, secondary, error, extra, accent, info, success, gray, yellow;
         background-color: var(--v-#{$color}-base);
         color: white;
 
-        .farm-btn__content i.mdi {
+        ::v-deep .farm-btn__content i.mdi {
             color: white;
         }
     }

package/src/components/Buttons/DefaultButton/DefaultButton.stories.js

@@ -47,3 +47,4 @@ Primary.storyName = 'Básico';
 HtmlMarkup.storyName = 'Html Markup';
 Props.storyName = 'Props';
 Listener.storyName = 'Listener';
+To.storyName = 'Teste Rota';

package/src/components/Buttons/DefaultButton/DefaultButton.vue

@@ -1,9 +1,21 @@
 <template>
-	<button v-on="$listeners" v-bind="$attrs" :type="type" :class="classes">
+	<button
+		v-if="!to"
+		v-on="$listeners"
+		v-bind="$attrs"
+		:disabled="disabled"
+		:type="type"
+		:class="classes"
+	>
 		<span class="farm-btn__content">
 			<slot></slot>
 		</span>
 	</button>
+	<router-link :to="to" v-bind="$attrs" :disabled="disabled" :class="classes" v-else>
+		<span class="farm-btn__content">
+			<slot></slot>
+		</span>
+	</router-link>
 </template>
 <script lang="ts">
 import Vue from 'vue';
@@ -23,6 +35,10 @@ export default Vue.extend({
 			type: String,
 			default: 'button',
 		},
+		to: {
+			type: String,
+			default: null,
+		},
 	},
 
 	computed: {

package/src/components/Buttons/ExportButton/ExportButton.vue

@@ -3,7 +3,7 @@
 		v-if="optionsList.length == 0"
 		@click="onClick"
 		dense
-		class="v-btn--responsive"
+		class="farm-btn--responsive"
 		outlined
 		title="Exportar"
 		:disabled="disabled"
@@ -23,7 +23,7 @@
 				v-bind="attrs"
 				v-on="on"
 				dense
-				class="v-btn--responsive"
+				class="farm-btn--responsive"
 				outlined
 				title="Exportar"
 				@onClick="togglePopover = true"

package/src/components/Buttons/ImportButton/ImportButton.vue

@@ -1,5 +1,5 @@
 <template>
-	<farm-btn @click="onClick" dense class="v-btn--responsive farm-btn--import" outlined title="Importar">
+	<farm-btn @click="onClick" dense class="farm-btn--responsive farm-btn--import" outlined title="Importar">
 		<i class="mdi mdi-upload"></i>
 		{{ label }}
 	</farm-btn>

package/src/components/Buttons/MultiImportButton/MultiImportButton.vue

@@ -5,10 +5,10 @@
 				v-bind="attrs"
 				v-on="on"
 				dense
-				@onClick="togglePopover = true"
-				class="v-btn--responsive farm-btn--import"
+				class="farm-btn--responsive farm-btn--import"
 				outlined
 				title="Importar"
+				@onClick="togglePopover = true"
 			>
 				Importar
 				<i

package/src/components/Buttons/RemoveButton/RemoveButton.vue

@@ -1,11 +1,11 @@
 <template>
 	<farm-btn
-		@click="onClick"
 		dense
-		class="v-btn--responsive"
+		class="farm-btn--responsive"
 		color="error"
 		:title="label"
 		:disabled="disabled"
+		@click="onClick"
 	>
 		<v-icon>mdi-trash-can-outline</v-icon>
 		{{ label }}

package/src/components/Buttons/ToggleButton/ToggleButton.vue

@@ -2,7 +2,7 @@
 	<farm-btn
 		@click="onClick"
 		dense
-		class="v-btn--responsive"
+		class="farm-btn--responsive"
 		:class="{
 			'v-btn_icon--prepend': prepend,
 			'v-btn_icon--apppend': !prepend,

package/src/components/FilePicker/FilePicker.vue

@@ -19,7 +19,7 @@
 
 			<p v-if="maxSizeReach" v-html="maxSizeReachMsg"></p>
 
-			<farm-btn depressed outlined color="secondary" class="v-btn-responsive" @click="reset">
+			<farm-btn depressed outlined color="secondary" class="farm-btn--responsive" @click="reset">
 				Escolher outro
 			</farm-btn>
 		</div>

package/src/components/MainFilter/MainFilter.vue

@@ -17,7 +17,7 @@
 		<DefaultButton
 			v-if="hasExtraFilters"
 			color="secondary"
-			class="v-btn--responsive mt-14 mt-sm-8"
+			class="farm-btn--responsive mt-14 mt-sm-8"
 			@click="onFilterClick"
 		>
 			<v-icon color="white" class="mr-2" small>{{ extraFiltersBtnIcon }}</v-icon>

package/src/examples/Buttons.stories.js

@@ -43,7 +43,7 @@ export const OutlinedButtons = () => ({
 		};
 	},
 	template: `<div class="buttons-container">
-        <farm-btn v-for="color of colors":key="color" :color="color"outlined>
+        <farm-btn v-for="color of colors":key="color" :color="color" outlined>
             {{ color }}
         </farm-btn>
 	</div>`,
@@ -56,6 +56,7 @@ export const DisabledButtons = () => ({
 	data() {
 		return {
 			colors,
+			x: 1
 		};
 	},
 	template: `<div class="buttons-container">