@farm-investimentos/front-mfe-components 15.0.7 → 15.1.0

package/package.json

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

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

@@ -28,6 +28,10 @@ export const List = () => ({
 	template: `<farm-btn-export :optionsList="[{ key: 1, label: 'XLS teste'}, { key: 2, label: 'CSV teste novo'}]" />`,
 });
 
+export const DisabledList = () => ({
+	template: `<farm-btn-export :disabled="true" :optionsList="[{ key: 1, label: 'XLS teste'}, { key: 2, label: 'CSV teste novo'}]" />`,
+});
+
 export const CustomColor = () => ({
 	template: `<div>
 		<farm-btn-export color="info" />

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

@@ -1,17 +1,18 @@
 <template>
 	<farm-btn
-		v-if="optionsList.length == 0"
-		@click="onClick"
+		v-if="optionsList.length == 0 || disabled"
 		class="farm-btn--responsive"
 		outlined
 		title="Exportar"
 		:color="$attrs.color"
 		:disabled="disabled"
+		@click="onClick"
 	>
-		<i :class="{ 'mr-2': true, 'mdi-file-export-outline': true, mdi: true }"></i>
+		<farm-icon v-if="optionsList.length == 0" class="mr-2"> file-export-outline </farm-icon>
 		Exportar
+		<farm-icon v-if="optionsList.length != 0" class="ml-2"> chevron-down </farm-icon>
 	</farm-btn>
-	
+
 	<farm-contextmenu v-else v-model="value" :bottom="true">
 		<template v-slot:activator="{}">
 			<farm-btn outlined title="Exportar" :color="$attrs.color" @click="toggleValue">
@@ -23,8 +24,8 @@
 			<farm-listitem
 				v-for="item in optionsList"
 				clickable
-				:hoverColor="$attrs.color || 'primary'"
 				hoverColorVariation="lighten"
+				:hoverColor="$attrs.color || 'primary'"
 				:key="'exportbutton_key_' + item.label"
 				:title="item.label"
 				@click="onClick(item.key)"

package/src/components/Checkbox/Checkbox.scss

@@ -47,7 +47,7 @@
 .farm-checkbox {
 	display: flex;
 	justify-content: center;
-	border: 3px solid themeColor('neutral', 'darken');
+	border: 2px solid themeColor('neutral', 'darken');
 	border-radius: 4px;
 	cursor: pointer;
 	line-height: 0;

package/src/components/Checkbox/Checkbox.vue

@@ -86,7 +86,7 @@ export default Vue.extend({
 		 */
 		size: {
 			type: String as PropType<'xs' | 'sm' | 'md' | 'lg' | 'xl'>,
-			default: 'md',
+			default: 'sm',
 		},
 		/**
 		 * Sets an indeterminate state for the simple checkbox

package/src/components/Form/Form.stories.js

@@ -62,7 +62,7 @@ export const Primary = () => ({
 
 			<farm-label :required="true">True/false</farm-label>
 			<farm-checkbox v-model="form.checkbox" value="1" :rules="[rules.checked]" />
-
+			
 			<farm-label :required="true">Select</farm-label>
 			<farm-select :rules="[rules.required]" :items="items" v-model="form.selectId"/>
 

package/src/scss/Sticky-table.scss

@@ -108,7 +108,5 @@ $defaultLefts: 0, 4rem, 4rem;
 			height: 20px;
 			margin-right: 0 !important;
 		}
-
-
 	}
 }

package/src/scss/utils.scss

@@ -1,35 +1,6 @@
 .container-main.container-main-sm {
 	max-width: 960px;
 }
-.container-main > .col {
-	background-color: white;
-	border-radius: 0.5rem;
-	max-width: calc(100% - 2rem);
-	margin: 1rem auto;
-	&.col__no-bg {
-		background-color: transparent;
-	}
-
-	.container-main__footer-buttons-right {
-		margin: 0;
-		margin-top: 1rem;
-		padding: 0;
-		justify-content: flex-end;
-		.v-btn {
-			margin-left: 1rem;
-		}
-	}
-	min-height: 8rem;
-}
-
-.v-list__clickable {
-	.v-list-item__title {
-		cursor: pointer;
-		&:hover {
-			opacity: 0.6;
-		}
-	}
-}
 
 tr.v-data-table__empty-wrapper {
 	td {
@@ -42,13 +13,14 @@ tr.v-data-table__empty-wrapper {
 
 
 .mf-Containers.mf-Containers-authenticated {
-	> .mf-Container > div.v-application {
+	>.mf-Container>div.v-application {
 		padding-bottom: 2.625rem;
 	}
 }
 
 #blip-chat-container {
 	bottom: 1rem;
+
 	#blip-chat-open-iframe {
 		bottom: 0.5rem;
 	}
@@ -64,7 +36,8 @@ body.body--has-footer {
 .v-data-table__checkbox.v-simple-checkbox {
 	.v-icon.v-icon {
 		font-size: 22px;
-		color: var(--farm-neutral-darken);
+		color: var(--farm-neutral-farken);
+		;
 
 		&.mdi-checkbox-marked,
 		&.mdi-minus-box {
@@ -75,19 +48,4 @@ body.body--has-footer {
 	.v-input--selection-controls__ripple {
 		display: none;
 	}
-}
-
-@media (max-width: 600px) {
-	.container-main > .col {
-		max-width: calc(100% - 0.5rem);
-
-		.container-main__footer-buttons-right {
-			justify-content: unset;
-			.v-btn {
-				margin-left: 0;
-				margin-top: 1rem;
-				width: 100%;
-			}
-		}
-	}
-}
+}

package/src/scss/main.scss

@@ -1,4 +0,0 @@
-#root {
-	background: red !important;
-	
-}