@farm-investimentos/front-mfe-components 6.2.2 → 6.2.5

package/package.json

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

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

@@ -55,7 +55,7 @@ $colors: primary, secondary, error, extra, accent, info, success, gray, yellow;
         }
     }
 
-    &:not(.farm-btn--plain):active {
+    &:not(.farm-btn--plain):not(.farm-btn--disabled):active {
         box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%);
 
         &:before {
@@ -150,4 +150,13 @@ $colors: primary, secondary, error, extra, accent, info, success, gray, yellow;
 
 .farm-btn--elevated {
     box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
+}
+
+@media screen and (max-width: 600px) {
+
+    .farm-btn.farm-btn--responsive {
+        width: 100%;
+        margin: 0;
+    }
+
 }

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

@@ -1,5 +1,5 @@
 <template>
-	<button v-on="$listeners" v-bind="$attrs" :type="type" :class="classes">
+	<button v-on="$listeners" v-bind="$attrs" :disabled="disabled" :type="type" :class="classes">
 		<span class="farm-btn__content">
 			<slot></slot>
 		</span>

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">