@farm-investimentos/front-mfe-components 11.8.3 → 11.8.4

package/package.json

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

package/src/components/DialogHeader/DialogHeader.scss

@@ -1,6 +1,5 @@
 .farm-dialog-header__close {
     position: absolute;
-    right: 16px;
     margin-top: 0;
     font-size: 16px;
 

package/src/components/DialogHeader/DialogHeader.vue

@@ -15,7 +15,7 @@
 			title="Fechar"
 			@click="onClose"
 		>
-			<farm-icon role="button"> close-thick </farm-icon>
+			<farm-icon role="button" size="md"> window-close </farm-icon>
 		</farm-btn>
 	</header>
 </template>

package/src/components/Radio/Radio.scss

@@ -5,11 +5,10 @@ input[type="radio"] {
     margin: 0;
     font: inherit;
     color: rgba(0, 0, 0, .6);
-    width: 18px;
-    height: 18px;
+    width: 24px;
+    height: 24px;
     border: 1.5px solid rgba(0, 0, 0, .6);
     border-radius: 50%;
-    transform: translate(-12px);
     display: grid;
     place-content: center;
     cursor: pointer;

package/src/components/Radio/Radio.stories.js

@@ -13,6 +13,10 @@ export default {
 				<span style="color: var(--farm-extra-1-base);">development</span>
 				`,
 			},
+			design: {
+				type: 'figma',
+				url: 'https://www.figma.com/file/p62YDSTfWg0Mcnf5APfdvI/%E2%9C%8D-Design-System-%7C-v2?node-id=4913%3A20222&t=RIUg7AZerUGMSaM9-0',
+			},
 		},
 		viewMode: 'docs',
 	},

package/src/components/Radio/Radio.vue

@@ -26,22 +26,24 @@ export default Vue.extend({
 		/**
 		 * Value to be set to v-model
 		 */
-		value: { type: String, default: undefined },
+		value: { type: [String, Number, Boolean], default: undefined },
 	},
 	computed: {
 		isChecked() {
 			return this.modelValue == this.value;
 		},
 	},
-	methods: {
-		onClick(event) {
-			this.$emit('change', event.target.value);
-			this.$emit('input', event.target.value);
-		},
-		validate() {},
-		reset() {
-			this.$emit('input', null);
-		},
+	setup(_, { emit }) {
+		const onClick = event => {
+			emit('change', event.target.value);
+			emit('input', event.target.value);
+		};
+
+		const reset = () => {
+			emit('input', null);
+		};
+		const validate = () => {};
+		return { onClick, reset, validate };
 	},
 });
 </script>