@frollo/frollo-web-ui 0.0.12 → 0.0.15

package/esm/es.function.name-caf4301b.js

@@ -0,0 +1,29 @@
+import { j as descriptors, x as functionName, f as functionUncurryThis, o as objectDefineProperty } from './style-inject.es-4735be61.js';
+
+var es_function_name = {};
+
+var DESCRIPTORS = descriptors;
+var FUNCTION_NAME_EXISTS = functionName.EXISTS;
+var uncurryThis = functionUncurryThis;
+var defineProperty = objectDefineProperty.f;
+
+var FunctionPrototype = Function.prototype;
+var functionToString = uncurryThis(FunctionPrototype.toString);
+var nameRE = /function\b(?:\s|\/\*[\S\s]*?\*\/|\/\/[^\n\r]*[\n\r]+)*([^\s(/]*)/;
+var regExpExec = uncurryThis(nameRE.exec);
+var NAME = 'name';
+
+// Function instances `.name` property
+// https://tc39.es/ecma262/#sec-function-instances-name
+if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
+  defineProperty(FunctionPrototype, NAME, {
+    configurable: true,
+    get: function () {
+      try {
+        return regExpExec(nameRE, functionToString(this))[1];
+      } catch (error) {
+        return '';
+      }
+    }
+  });
+}

package/esm/{fw-button-54999a6e.js → fw-button-3d8a5227.js}

@@ -1,5 +1,6 @@
-import { u as styleInject } from './style-inject.es-da8f7768.js';
+import './es.array.includes-a402ff0b.js';
 import { defineComponent, ref, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+import { s as styleInject } from './style-inject.es-4735be61.js';
 
 var script = defineComponent({
   name: 'FwButton',
@@ -64,8 +65,8 @@ var script = defineComponent({
         border: 'border-primary focus-visible:ring-primary'
       },
       tertiary: {
-        text: 'text-tertiary hover:text-secondary active:text-secondary',
-        background: 'bg-secondary hover:bg-tertiary active:bg-tertiary',
+        text: 'text-secondary hover:text-tertiary active:text-tertiary',
+        background: 'bg-tertiary hover:bg-secondary active:bg-secondary',
         border: 'border-secondary focus-visible:ring-secondary'
       },
       success: {
@@ -81,7 +82,7 @@ var script = defineComponent({
       link: {
         text: 'text-primary font-normal underline hover:no-underline active:no-underline focus-visible:no-underline',
         background: '',
-        border: 'border-none rounded-none focus-visible:ring-primary'
+        border: 'border-none focus-visible:ring-primary'
       },
       text: {
         text: 'text-body font-medium hover:text-white active:text-white',
@@ -92,7 +93,7 @@ var script = defineComponent({
     var sizes = ref({
       sm: 'px-2 py-0.5 text-sm',
       md: 'px-6 py-1 text-md',
-      lg: 'px-10 py-2 text-lg',
+      lg: 'px-10 py-2.5 text-lg',
       xl: 'px-12 py-3 text-xl',
       '2xl': 'px-16 py-4 text-2xl'
     });
@@ -170,7 +171,7 @@ var script = defineComponent({
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
-    "class": normalizeClass(["fw-button font-bold cursor-pointer whitespace-nowrap rounded-full border-2 focus:outline-0 focus-visible:outline-0 focus:ring-none ring-offset-2 focus-visible:ring", [_ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0' : '']]),
+    "class": normalizeClass(["fw-button inline-block text-center cursor-pointer whitespace-nowrap border-2 focus:outline-0 focus-visible:outline-0 focus:ring-none ring-offset-2 focus-visible:ring", [_ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 rounded-none font-normal' : 'font-bold rounded-full']]),
     type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
     to: _ctx.to ? _ctx.to : null,
     href: _ctx.href ? _ctx.href : null,
@@ -188,8 +189,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["class", "type", "to", "href", "tabindex", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
-var css_248z = ".fw-button{-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
-var stylesheet = ".fw-button{-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
+var css_248z = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
+var stylesheet = ".fw-button{line-height:normal;-webkit-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-button.js

@@ -1,3 +1,4 @@
-export { s as FwButton } from './fw-button-54999a6e.js';
-import './style-inject.es-da8f7768.js';
+export { s as FwButton } from './fw-button-3d8a5227.js';
+import './es.array.includes-a402ff0b.js';
+import './style-inject.es-4735be61.js';
 import 'vue';

package/esm/fw-checkbox.js

@@ -0,0 +1,108 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Transition, toDisplayString } from 'vue';
+import { a as Field } from './vee-validate.esm-028c6424.js';
+import './es.function.name-caf4301b.js';
+import { s as styleInject } from './style-inject.es-4735be61.js';
+
+var script = defineComponent({
+  name: 'FwCheckbox',
+  components: {
+    InputField: Field
+  },
+  props: {
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+      type: String
+    },
+
+    /**
+     * Validation rules. Accepts a string, object, function or schema.
+     */
+    rules: {
+      type: [String, Object, Function]
+    },
+
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+      type: String
+    }
+  }
+});
+
+var _hoisted_1 = {
+  "class": "fw-checkbox w-full"
+};
+var _hoisted_2 = {
+  "class": "flex flex-col"
+};
+var _hoisted_3 = ["for"];
+var _hoisted_4 = ["value", "name"];
+var _hoisted_5 = ["innerHTML"];
+var _hoisted_6 = {
+  "class": "italic text-sm font-medium min-h-[21px]"
+};
+var _hoisted_7 = {
+  key: 0,
+  "class": "text-error"
+};
+var _hoisted_8 = {
+  key: 1
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_InputField = resolveComponent("InputField");
+
+  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
+    name: _ctx.name,
+    value: _ctx.name,
+    type: "checkbox",
+    rules: _ctx.rules
+  }, {
+    "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", {
+        key: 0,
+        "for": _ctx.name,
+        "class": "inline-flex items-center mb-3"
+      }, [createElementVNode("input", mergeProps(field, {
+        value: _ctx.name,
+        name: _ctx.name,
+        type: "checkbox",
+        "class": "text-primary w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
+      }), null, 16, _hoisted_4), createElementVNode("span", {
+        "class": "ml-2",
+        innerHTML: _ctx.label
+      }, null, 8, _hoisted_5)], 8, _hoisted_3)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createVNode(Transition, {
+        name: "fwFadeIn",
+        mode: "out-in"
+      }, {
+        "default": withCtx(function () {
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
+        }),
+        _: 2
+      }, 1024)])])];
+    }),
+    _: 1
+  }, 8, ["name", "value", "rules"])]);
+}
+
+var css_248z = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}.fw-checkbox input{-webkit-print-color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;color-adjust:exact;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
+var stylesheet = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}.fw-checkbox input{-webkit-print-color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;color-adjust:exact;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as FwCheckbox };

package/esm/fw-input.js

@@ -1,6 +1,8 @@
-import { o as descriptors, v as functionName, f as functionUncurryThis, x as objectDefineProperty, u as styleInject } from './style-inject.es-da8f7768.js';
+import './es.array.includes-a402ff0b.js';
 import { defineComponent, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass } from 'vue';
 import { a as Field } from './vee-validate.esm-028c6424.js';
+import './es.function.name-caf4301b.js';
+import { s as styleInject } from './style-inject.es-4735be61.js';
 
 var script = defineComponent({
   name: 'FwInput',
@@ -88,34 +90,6 @@ var script = defineComponent({
   }
 });
 
-var es_function_name = {};
-
-var DESCRIPTORS = descriptors;
-var FUNCTION_NAME_EXISTS = functionName.EXISTS;
-var uncurryThis = functionUncurryThis;
-var defineProperty = objectDefineProperty.f;
-
-var FunctionPrototype = Function.prototype;
-var functionToString = uncurryThis(FunctionPrototype.toString);
-var nameRE = /function\b(?:\s|\/\*[\S\s]*?\*\/|\/\/[^\n\r]*[\n\r]+)*([^\s(/]*)/;
-var regExpExec = uncurryThis(nameRE.exec);
-var NAME = 'name';
-
-// Function instances `.name` property
-// https://tc39.es/ecma262/#sec-function-instances-name
-if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
-  defineProperty(FunctionPrototype, NAME, {
-    configurable: true,
-    get: function () {
-      try {
-        return regExpExec(nameRE, functionToString(this))[1];
-      } catch (error) {
-        return '';
-      }
-    }
-  });
-}
-
 var _hoisted_1 = {
   "class": "fw-input w-full"
 };

package/esm/fw-navigation-menu.js

@@ -1,6 +1,7 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { s as script$1 } from './fw-button-54999a6e.js';
-import { u as styleInject } from './style-inject.es-da8f7768.js';
+import { s as script$1 } from './fw-button-3d8a5227.js';
+import { s as styleInject } from './style-inject.es-4735be61.js';
+import './es.array.includes-a402ff0b.js';
 
 var script = defineComponent({
   name: 'FwNavigationMenu',

package/esm/index.js

@@ -1,4 +1,5 @@
-import { f as functionUncurryThis, a as aCallable$1, b as functionBindNative, c as classofRaw$1, w as wellKnownSymbol$3, g as global$3, i as isCallable$2, d as fails$2, e as getBuiltIn$1, h as inspectSource$1, j as isObject$1, k as indexedObject, t as toObject$1, l as lengthOfArrayLike$1, _ as _export, r as redefine$1, m as documentCreateElement$1, n as createNonEnumerableProperty$1, o as descriptors, p as objectKeys$1, q as toIndexedObject$1, s as objectPropertyIsEnumerable } from './style-inject.es-da8f7768.js';
+import { f as functionUncurryThis, a as aCallable$1, b as functionBindNative, w as wellKnownSymbol$3, g as global$3, i as isCallable$2, c as fails$2, d as getBuiltIn$1, e as isObject$1, t as toObject$1, h as documentCreateElement$1, j as descriptors } from './style-inject.es-4735be61.js';
+import { c as classofRaw$1, i as inspectSource$1, a as indexedObject, l as lengthOfArrayLike$1, _ as _export, r as redefine$1, b as createNonEnumerableProperty$1, o as objectKeys$1, t as toIndexedObject$1, d as objectPropertyIsEnumerable } from './es.array.includes-a402ff0b.js';
 import { FwCard as script } from './fw-card.js';
 export { FwCard } from './fw-card.js';
 import './fw-button.js';
@@ -7,11 +8,14 @@ export { FwNavigationMenu } from './fw-navigation-menu.js';
 import './fw-form.js';
 import { FwInput as script$3 } from './fw-input.js';
 export { FwInput } from './fw-input.js';
-import { s as script$1 } from './fw-button-54999a6e.js';
-export { s as FwButton } from './fw-button-54999a6e.js';
+import { FwCheckbox as script$4 } from './fw-checkbox.js';
+export { FwCheckbox } from './fw-checkbox.js';
+import { s as script$1 } from './fw-button-3d8a5227.js';
+export { s as FwButton } from './fw-button-3d8a5227.js';
 import { F as Form } from './vee-validate.esm-028c6424.js';
 export { F as FwForm } from './vee-validate.esm-028c6424.js';
 import 'vue';
+import './es.function.name-caf4301b.js';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -480,7 +484,8 @@ var components = /*#__PURE__*/Object.freeze({
   FwButton: script$1,
   FwNavigationMenu: script$2,
   FwForm: Form,
-  FwInput: script$3
+  FwInput: script$3,
+  FwCheckbox: script$4
 });
 
 var install = function install(app) {