@frollo/frollo-web-ui 0.0.9 → 0.0.10

package/frollo-web-ui.esm.js

@@ -5325,7 +5325,7 @@ var _hoisted_8 = /*#__PURE__*/createElementVNode("svg", {
 
 var _hoisted_9 = [_hoisted_8];
 var _hoisted_10 = {
-  "class": "text-error text-right text-sm font-medium mt-2 min-h-[21px]"
+  "class": "text-error italic text-right text-sm font-medium mt-2 min-h-[21px]"
 };
 var _hoisted_11 = {
   key: 0
@@ -5343,6 +5343,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     "default": withCtx(function (_ref) {
       var field = _ref.field,
+          errors = _ref.errors,
           errorMessage = _ref.errorMessage,
           meta = _ref.meta;
       return [createElementVNode("div", _hoisted_2, [_ctx.label ? (openBlock(), createElementBlock("label", {
@@ -5359,14 +5360,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         name: "errorFadeIn"
       }, {
         "default": withCtx(function () {
-          return [errorMessage && meta.touched ? (openBlock(), createElementBlock("div", _hoisted_7, _hoisted_9)) : createCommentVNode("", true)];
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("div", _hoisted_7, _hoisted_9)) : createCommentVNode("", true)];
         }),
         _: 2
       }, 1024)]), createElementVNode("div", _hoisted_10, [createVNode(Transition, {
         name: "errorFadeIn"
       }, {
         "default": withCtx(function () {
-          return [errorMessage && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(errorMessage), 1)) : createCommentVNode("", true)];
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(errorMessage || errors[0]), 1)) : createCommentVNode("", true)];
         }),
         _: 2
       }, 1024)])])];
@@ -5386,6 +5387,7 @@ var components = /*#__PURE__*/Object.freeze({
   FwCard: script$3,
   FwButton: script$2,
   FwNavigationMenu: script$1,
+  FwForm: Form,
   FwInput: script
 });
 
@@ -5399,4 +5401,4 @@ var install = function install(app) {
   });
 };
 
-export { script$2 as FwButton, script$3 as FwCard, script as FwInput, script$1 as FwNavigationMenu, install as default };
+export { script$2 as FwButton, script$3 as FwCard, Form as FwForm, script as FwInput, script$1 as FwNavigationMenu, install as default };

package/index.d.ts

@@ -1,5 +1,6 @@
 import * as vue from 'vue';
 import { PropType, Plugin } from 'vue';
+export { Form as FwForm } from 'vee-validate';
 
 declare const _default$3: vue.DefineComponent<{
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

package/types/components/fw-form/index.d.ts

@@ -0,0 +1,2 @@
+import { Form as FwForm } from 'vee-validate';
+export { FwForm };

package/types/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './fw-card';
 export * from './fw-button';
 export * from './fw-navigation-menu';
+export * from './fw-form';
 export * from './fw-input';