@frollo/frollo-web-ui 0.0.8 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/cjs/index.js +23 -20
  2. package/esm/fw-input.js +22 -19
  3. package/frollo-web-ui.esm.js +23 -20
  4. package/package.json +1 -1
package/cjs/index.js CHANGED
@@ -1733,7 +1733,7 @@ var _hoisted_9$1 = {
1733
1733
  "aria-hidden": "true"
1734
1734
  };
1735
1735
  var _hoisted_10$1 = ["d"];
1736
- var _hoisted_11 = {
1736
+ var _hoisted_11$1 = {
1737
1737
  key: 0,
1738
1738
  "class": "fw-nav-menu--mobile min-h-screen top-0 left-0 pt-20 absolute w-full flex flex-col justify-between px-2 bg-white shadow-md pb-3 space-y-1"
1739
1739
  };
@@ -1788,7 +1788,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
1788
1788
  "default": vue.withCtx(function () {
1789
1789
  var _ctx$menuItems2;
1790
1790
 
1791
- return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [vue.createElementVNode("div", _hoisted_12, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
1791
+ return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [vue.createElementVNode("div", _hoisted_12, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
1792
1792
  return vue.openBlock(), vue.createBlock(_component_FwButton, {
1793
1793
  key: i,
1794
1794
  "class": "w-full rounded-md px-2",
@@ -5039,23 +5039,26 @@ if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
5039
5039
  }
5040
5040
  });
5041
5041
  }var _hoisted_1 = {
5042
+ "class": "fw-input w-full"
5043
+ };
5044
+ var _hoisted_2 = {
5042
5045
  "class": "flex flex-col"
5043
5046
  };
5044
- var _hoisted_2 = ["for"];
5045
- var _hoisted_3 = {
5047
+ var _hoisted_3 = ["for"];
5048
+ var _hoisted_4 = {
5046
5049
  "class": "relative"
5047
5050
  };
5048
- var _hoisted_4 = {
5051
+ var _hoisted_5 = {
5049
5052
  key: 0,
5050
5053
  "class": "flex text-grey-base absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
5051
5054
  };
5052
- var _hoisted_5 = ["placeholder", "type"];
5053
- var _hoisted_6 = {
5055
+ var _hoisted_6 = ["placeholder", "type"];
5056
+ var _hoisted_7 = {
5054
5057
  key: 0,
5055
5058
  "class": "flex text-error absolute w-9 h-full inset-y-0 right-0 items-center pr-3 pointer-events-none"
5056
5059
  };
5057
5060
 
5058
- var _hoisted_7 = /*#__PURE__*/vue.createElementVNode("svg", {
5061
+ var _hoisted_8 = /*#__PURE__*/vue.createElementVNode("svg", {
5059
5062
  fill: "currentColor",
5060
5063
  "aria-hidden": "true",
5061
5064
  focusable: "false",
@@ -5063,20 +5066,20 @@ var _hoisted_7 = /*#__PURE__*/vue.createElementVNode("svg", {
5063
5066
  xmlns: "http://www.w3.org/2000/svg",
5064
5067
  viewBox: "0 0 512 512"
5065
5068
  }, [/*#__PURE__*/vue.createElementVNode("path", {
5066
- d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n 400 256 400z"
5069
+ d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n 400 256 400z"
5067
5070
  })], -1);
5068
5071
 
5069
- var _hoisted_8 = [_hoisted_7];
5070
- var _hoisted_9 = {
5072
+ var _hoisted_9 = [_hoisted_8];
5073
+ var _hoisted_10 = {
5071
5074
  "class": "text-error text-right text-sm font-medium mt-2 min-h-[21px]"
5072
5075
  };
5073
- var _hoisted_10 = {
5076
+ var _hoisted_11 = {
5074
5077
  key: 0
5075
5078
  };
5076
5079
  function render(_ctx, _cache, $props, $setup, $data, $options) {
5077
5080
  var _component_InputField = vue.resolveComponent("InputField");
5078
5081
 
5079
- return vue.openBlock(), vue.createBlock(_component_InputField, {
5082
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [vue.createVNode(_component_InputField, {
5080
5083
  modelValue: _ctx.inputValue,
5081
5084
  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
5082
5085
  return _ctx.inputValue = $event;
@@ -5088,34 +5091,34 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
5088
5091
  var field = _ref.field,
5089
5092
  errorMessage = _ref.errorMessage,
5090
5093
  meta = _ref.meta;
5091
- return [vue.createElementVNode("div", _hoisted_1, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
5094
+ return [vue.createElementVNode("div", _hoisted_2, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
5092
5095
  key: 0,
5093
5096
  "for": _ctx.name,
5094
5097
  "class": "block mb-2"
5095
- }, vue.toDisplayString(_ctx.label), 9, _hoisted_2)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3, [_ctx.$slots.prefixIcon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [vue.renderSlot(_ctx.$slots, "prefixIcon")])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
5098
+ }, vue.toDisplayString(_ctx.label), 9, _hoisted_3)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_4, [_ctx.$slots.prefixIcon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [vue.renderSlot(_ctx.$slots, "prefixIcon")])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
5096
5099
  placeholder: _ctx.placeholder,
5097
5100
  type: _ctx.type,
5098
5101
  "class": ["border-2 border-grey-lightest rounded-lg focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5", {
5099
5102
  'pl-10': !!_ctx.$slots.prefixIcon
5100
5103
  }]
5101
- }), null, 16, _hoisted_5), vue.createVNode(vue.Transition, {
5104
+ }), null, 16, _hoisted_6), vue.createVNode(vue.Transition, {
5102
5105
  name: "errorFadeIn"
5103
5106
  }, {
5104
5107
  "default": vue.withCtx(function () {
5105
- return [errorMessage && meta.touched ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, _hoisted_8)) : vue.createCommentVNode("", true)];
5108
+ return [errorMessage && meta.touched ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, _hoisted_9)) : vue.createCommentVNode("", true)];
5106
5109
  }),
5107
5110
  _: 2
5108
- }, 1024)]), vue.createElementVNode("div", _hoisted_9, [vue.createVNode(vue.Transition, {
5111
+ }, 1024)]), vue.createElementVNode("div", _hoisted_10, [vue.createVNode(vue.Transition, {
5109
5112
  name: "errorFadeIn"
5110
5113
  }, {
5111
5114
  "default": vue.withCtx(function () {
5112
- return [errorMessage && meta.touched ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, vue.toDisplayString(errorMessage), 1)) : vue.createCommentVNode("", true)];
5115
+ return [errorMessage && meta.touched ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, vue.toDisplayString(errorMessage), 1)) : vue.createCommentVNode("", true)];
5113
5116
  }),
5114
5117
  _: 2
5115
5118
  }, 1024)])])];
5116
5119
  }),
5117
5120
  _: 3
5118
- }, 8, ["modelValue", "name", "rules"]);
5121
+ }, 8, ["modelValue", "name", "rules"])]);
5119
5122
  }var css_248z = ".errorFadeIn-enter-active{-webkit-animation:errorFadeIn .35s;animation:errorFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.errorFadeIn-leave-active{animation:errorFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}";
5120
5123
  var stylesheet = ".errorFadeIn-enter-active{-webkit-animation:errorFadeIn .35s;animation:errorFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.errorFadeIn-leave-active{animation:errorFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}";
5121
5124
  styleInject(css_248z);script.render = render;var components$1=/*#__PURE__*/Object.freeze({__proto__:null,FwCard:script$3,FwButton:script$2,FwNavigationMenu:script$1,FwInput:script});var install = function install(app) {
package/esm/fw-input.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { o as descriptors, v as functionName, f as functionUncurryThis, x as objectDefineProperty, u as styleInject } from './style-inject.es-da8f7768.js';
2
- import { getCurrentInstance, inject, warn as warn$1, ref, unref, computed, reactive, watch, nextTick, onUnmounted, onMounted, provide, isRef, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, markRaw, watchEffect, readonly, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, toDisplayString, createCommentVNode, renderSlot, mergeProps, createVNode, Transition } from 'vue';
2
+ import { getCurrentInstance, inject, warn as warn$1, ref, unref, computed, reactive, watch, nextTick, onUnmounted, onMounted, provide, isRef, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, markRaw, watchEffect, readonly, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition } from 'vue';
3
3
 
4
4
  function getDevtoolsGlobalHook() {
5
5
  return getTarget().__VUE_DEVTOOLS_GLOBAL_HOOK__;
@@ -3237,23 +3237,26 @@ if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
3237
3237
  }
3238
3238
 
3239
3239
  var _hoisted_1 = {
3240
+ "class": "fw-input w-full"
3241
+ };
3242
+ var _hoisted_2 = {
3240
3243
  "class": "flex flex-col"
3241
3244
  };
3242
- var _hoisted_2 = ["for"];
3243
- var _hoisted_3 = {
3245
+ var _hoisted_3 = ["for"];
3246
+ var _hoisted_4 = {
3244
3247
  "class": "relative"
3245
3248
  };
3246
- var _hoisted_4 = {
3249
+ var _hoisted_5 = {
3247
3250
  key: 0,
3248
3251
  "class": "flex text-grey-base absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
3249
3252
  };
3250
- var _hoisted_5 = ["placeholder", "type"];
3251
- var _hoisted_6 = {
3253
+ var _hoisted_6 = ["placeholder", "type"];
3254
+ var _hoisted_7 = {
3252
3255
  key: 0,
3253
3256
  "class": "flex text-error absolute w-9 h-full inset-y-0 right-0 items-center pr-3 pointer-events-none"
3254
3257
  };
3255
3258
 
3256
- var _hoisted_7 = /*#__PURE__*/createElementVNode("svg", {
3259
+ var _hoisted_8 = /*#__PURE__*/createElementVNode("svg", {
3257
3260
  fill: "currentColor",
3258
3261
  "aria-hidden": "true",
3259
3262
  focusable: "false",
@@ -3261,20 +3264,20 @@ var _hoisted_7 = /*#__PURE__*/createElementVNode("svg", {
3261
3264
  xmlns: "http://www.w3.org/2000/svg",
3262
3265
  viewBox: "0 0 512 512"
3263
3266
  }, [/*#__PURE__*/createElementVNode("path", {
3264
- d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n 400 256 400z"
3267
+ d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n 400 256 400z"
3265
3268
  })], -1);
3266
3269
 
3267
- var _hoisted_8 = [_hoisted_7];
3268
- var _hoisted_9 = {
3270
+ var _hoisted_9 = [_hoisted_8];
3271
+ var _hoisted_10 = {
3269
3272
  "class": "text-error text-right text-sm font-medium mt-2 min-h-[21px]"
3270
3273
  };
3271
- var _hoisted_10 = {
3274
+ var _hoisted_11 = {
3272
3275
  key: 0
3273
3276
  };
3274
3277
  function render(_ctx, _cache, $props, $setup, $data, $options) {
3275
3278
  var _component_InputField = resolveComponent("InputField");
3276
3279
 
3277
- return openBlock(), createBlock(_component_InputField, {
3280
+ return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
3278
3281
  modelValue: _ctx.inputValue,
3279
3282
  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
3280
3283
  return _ctx.inputValue = $event;
@@ -3286,34 +3289,34 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
3286
3289
  var field = _ref.field,
3287
3290
  errorMessage = _ref.errorMessage,
3288
3291
  meta = _ref.meta;
3289
- return [createElementVNode("div", _hoisted_1, [_ctx.label ? (openBlock(), createElementBlock("label", {
3292
+ return [createElementVNode("div", _hoisted_2, [_ctx.label ? (openBlock(), createElementBlock("label", {
3290
3293
  key: 0,
3291
3294
  "for": _ctx.name,
3292
3295
  "class": "block mb-2"
3293
- }, toDisplayString(_ctx.label), 9, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [_ctx.$slots.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "prefixIcon")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
3296
+ }, toDisplayString(_ctx.label), 9, _hoisted_3)) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [_ctx.$slots.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "prefixIcon")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
3294
3297
  placeholder: _ctx.placeholder,
3295
3298
  type: _ctx.type,
3296
3299
  "class": ["border-2 border-grey-lightest rounded-lg focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5", {
3297
3300
  'pl-10': !!_ctx.$slots.prefixIcon
3298
3301
  }]
3299
- }), null, 16, _hoisted_5), createVNode(Transition, {
3302
+ }), null, 16, _hoisted_6), createVNode(Transition, {
3300
3303
  name: "errorFadeIn"
3301
3304
  }, {
3302
3305
  "default": withCtx(function () {
3303
- return [errorMessage && meta.touched ? (openBlock(), createElementBlock("div", _hoisted_6, _hoisted_8)) : createCommentVNode("", true)];
3306
+ return [errorMessage && meta.touched ? (openBlock(), createElementBlock("div", _hoisted_7, _hoisted_9)) : createCommentVNode("", true)];
3304
3307
  }),
3305
3308
  _: 2
3306
- }, 1024)]), createElementVNode("div", _hoisted_9, [createVNode(Transition, {
3309
+ }, 1024)]), createElementVNode("div", _hoisted_10, [createVNode(Transition, {
3307
3310
  name: "errorFadeIn"
3308
3311
  }, {
3309
3312
  "default": withCtx(function () {
3310
- return [errorMessage && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(errorMessage), 1)) : createCommentVNode("", true)];
3313
+ return [errorMessage && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(errorMessage), 1)) : createCommentVNode("", true)];
3311
3314
  }),
3312
3315
  _: 2
3313
3316
  }, 1024)])])];
3314
3317
  }),
3315
3318
  _: 3
3316
- }, 8, ["modelValue", "name", "rules"]);
3319
+ }, 8, ["modelValue", "name", "rules"])]);
3317
3320
  }
3318
3321
 
3319
3322
  var css_248z = ".errorFadeIn-enter-active{-webkit-animation:errorFadeIn .35s;animation:errorFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.errorFadeIn-leave-active{animation:errorFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}";
package/frollo-web-ui.esm.js CHANGED
@@ -1965,7 +1965,7 @@ var _hoisted_9$1 = {
1965
1965
  "aria-hidden": "true"
1966
1966
  };
1967
1967
  var _hoisted_10$1 = ["d"];
1968
- var _hoisted_11 = {
1968
+ var _hoisted_11$1 = {
1969
1969
  key: 0,
1970
1970
  "class": "fw-nav-menu--mobile min-h-screen top-0 left-0 pt-20 absolute w-full flex flex-col justify-between px-2 bg-white shadow-md pb-3 space-y-1"
1971
1971
  };
@@ -2020,7 +2020,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
2020
2020
  "default": withCtx(function () {
2021
2021
  var _ctx$menuItems2;
2022
2022
 
2023
- return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
2023
+ return [((_ctx$menuItems2 = _ctx.menuItems) === null || _ctx$menuItems2 === void 0 ? void 0 : _ctx$menuItems2.length) > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", _hoisted_11$1, [createElementVNode("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
2024
2024
  return openBlock(), createBlock(_component_FwButton, {
2025
2025
  key: i,
2026
2026
  "class": "w-full rounded-md px-2",
@@ -5293,23 +5293,26 @@ if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
5293
5293
  }
5294
5294
 
5295
5295
  var _hoisted_1 = {
5296
+ "class": "fw-input w-full"
5297
+ };
5298
+ var _hoisted_2 = {
5296
5299
  "class": "flex flex-col"
5297
5300
  };
5298
- var _hoisted_2 = ["for"];
5299
- var _hoisted_3 = {
5301
+ var _hoisted_3 = ["for"];
5302
+ var _hoisted_4 = {
5300
5303
  "class": "relative"
5301
5304
  };
5302
- var _hoisted_4 = {
5305
+ var _hoisted_5 = {
5303
5306
  key: 0,
5304
5307
  "class": "flex text-grey-base absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
5305
5308
  };
5306
- var _hoisted_5 = ["placeholder", "type"];
5307
- var _hoisted_6 = {
5309
+ var _hoisted_6 = ["placeholder", "type"];
5310
+ var _hoisted_7 = {
5308
5311
  key: 0,
5309
5312
  "class": "flex text-error absolute w-9 h-full inset-y-0 right-0 items-center pr-3 pointer-events-none"
5310
5313
  };
5311
5314
 
5312
- var _hoisted_7 = /*#__PURE__*/createElementVNode("svg", {
5315
+ var _hoisted_8 = /*#__PURE__*/createElementVNode("svg", {
5313
5316
  fill: "currentColor",
5314
5317
  "aria-hidden": "true",
5315
5318
  focusable: "false",
@@ -5317,20 +5320,20 @@ var _hoisted_7 = /*#__PURE__*/createElementVNode("svg", {
5317
5320
  xmlns: "http://www.w3.org/2000/svg",
5318
5321
  viewBox: "0 0 512 512"
5319
5322
  }, [/*#__PURE__*/createElementVNode("path", {
5320
- d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n 400 256 400z"
5323
+ d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n 400 256 400z"
5321
5324
  })], -1);
5322
5325
 
5323
- var _hoisted_8 = [_hoisted_7];
5324
- var _hoisted_9 = {
5326
+ var _hoisted_9 = [_hoisted_8];
5327
+ var _hoisted_10 = {
5325
5328
  "class": "text-error text-right text-sm font-medium mt-2 min-h-[21px]"
5326
5329
  };
5327
- var _hoisted_10 = {
5330
+ var _hoisted_11 = {
5328
5331
  key: 0
5329
5332
  };
5330
5333
  function render(_ctx, _cache, $props, $setup, $data, $options) {
5331
5334
  var _component_InputField = resolveComponent("InputField");
5332
5335
 
5333
- return openBlock(), createBlock(_component_InputField, {
5336
+ return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
5334
5337
  modelValue: _ctx.inputValue,
5335
5338
  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
5336
5339
  return _ctx.inputValue = $event;
@@ -5342,34 +5345,34 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
5342
5345
  var field = _ref.field,
5343
5346
  errorMessage = _ref.errorMessage,
5344
5347
  meta = _ref.meta;
5345
- return [createElementVNode("div", _hoisted_1, [_ctx.label ? (openBlock(), createElementBlock("label", {
5348
+ return [createElementVNode("div", _hoisted_2, [_ctx.label ? (openBlock(), createElementBlock("label", {
5346
5349
  key: 0,
5347
5350
  "for": _ctx.name,
5348
5351
  "class": "block mb-2"
5349
- }, toDisplayString(_ctx.label), 9, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [_ctx.$slots.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "prefixIcon")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
5352
+ }, toDisplayString(_ctx.label), 9, _hoisted_3)) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [_ctx.$slots.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "prefixIcon")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
5350
5353
  placeholder: _ctx.placeholder,
5351
5354
  type: _ctx.type,
5352
5355
  "class": ["border-2 border-grey-lightest rounded-lg focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5", {
5353
5356
  'pl-10': !!_ctx.$slots.prefixIcon
5354
5357
  }]
5355
- }), null, 16, _hoisted_5), createVNode(Transition, {
5358
+ }), null, 16, _hoisted_6), createVNode(Transition, {
5356
5359
  name: "errorFadeIn"
5357
5360
  }, {
5358
5361
  "default": withCtx(function () {
5359
- return [errorMessage && meta.touched ? (openBlock(), createElementBlock("div", _hoisted_6, _hoisted_8)) : createCommentVNode("", true)];
5362
+ return [errorMessage && meta.touched ? (openBlock(), createElementBlock("div", _hoisted_7, _hoisted_9)) : createCommentVNode("", true)];
5360
5363
  }),
5361
5364
  _: 2
5362
- }, 1024)]), createElementVNode("div", _hoisted_9, [createVNode(Transition, {
5365
+ }, 1024)]), createElementVNode("div", _hoisted_10, [createVNode(Transition, {
5363
5366
  name: "errorFadeIn"
5364
5367
  }, {
5365
5368
  "default": withCtx(function () {
5366
- return [errorMessage && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(errorMessage), 1)) : createCommentVNode("", true)];
5369
+ return [errorMessage && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(errorMessage), 1)) : createCommentVNode("", true)];
5367
5370
  }),
5368
5371
  _: 2
5369
5372
  }, 1024)])])];
5370
5373
  }),
5371
5374
  _: 3
5372
- }, 8, ["modelValue", "name", "rules"]);
5375
+ }, 8, ["modelValue", "name", "rules"])]);
5373
5376
  }
5374
5377
 
5375
5378
  var css_248z = ".errorFadeIn-enter-active{-webkit-animation:errorFadeIn .35s;animation:errorFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.errorFadeIn-leave-active{animation:errorFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frollo/frollo-web-ui",
3
- "version": "0.0.8",
3
+ "version": "0.0.9",
4
4
  "description": "Frollo's UI library for components, utilities and configs",
5
5
  "exports": {
6
6
  "./icons": "./icons/index.ts",