@farm-investimentos/front-mfe-components 15.3.0 → 15.3.1

package/package.json

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

package/src/components/TextFieldV2/TextFieldV2.scss

@@ -62,7 +62,8 @@
 	}
 }
 
-.farm-textfield--touched.farm-textfield--validatable {
+
+.farm-textfield--touched.farm-textfield--blured.farm-textfield--validatable {
 	&.farm-textfield--error {
 		.farm-textfield {
 			&--input {

package/src/components/TextFieldV2/TextFieldV2.vue

@@ -186,7 +186,7 @@ export default defineComponent({
 		});
 		const customId = 'farm-textfield-' + (props.id || randomId(2));
 
-		const showErrorText = computed(() => hasError.value && isTouched.value);
+		const showErrorText = computed(() => hasError.value && isTouched.value && isBlured.value);
 
 		watch(
 			() => props.value,

package/src/components/Typography/Typography.vue

@@ -43,6 +43,8 @@ export default defineComponent({
 				| 'label'
 				| 'li'
 				| 'div'
+				| 'dd'
+				| 'dt'
 			>,
 			default: 'p',
 		},
@@ -104,7 +106,7 @@ export default defineComponent({
 	setup(props) {
 		const { size, lineHeight } = toRefs(props);
 
-		let style = ref({});
+		let style = ref({} as { fontSize: string; lineHeight: string });
 		let tag = ref(typographyHtmlTags.includes(props.tag) ? props.tag : 'p');
 
 		const isSizeFromBreakpoints = computed(() => breakPoints.includes(size.value));

package/src/configurations/typographyHtmlTags.ts

@@ -1 +1,16 @@
-export default ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'legend', 'label', 'li', 'div'];
+export default [
+	'p',
+	'span',
+	'h1',
+	'h2',
+	'h3',
+	'h4',
+	'h5',
+	'h6',
+	'legend',
+	'label',
+	'li',
+	'div',
+	'dd',
+	'dt',
+];