@frollo/frollo-web-ui 0.0.5 → 0.0.8

package/esm/fw-navigation-menu.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { u as script$1 } from './fw-button-0f8956b5.js';
+import { s as script$1 } from './fw-button-02fc3f47.js';
+import { u as styleInject } from './style-inject.es-da8f7768.js';
 
 var script = defineComponent({
   name: 'FwNavigationMenu',
@@ -167,33 +168,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })]);
 }
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
 var css_248z = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;-o-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
 var stylesheet = ".fw-nav-menu--mobile{z-index:-1}.fw-nav-menu--mobile,.slideInLeft-enter-active{-webkit-transition:left .35s ease-in;-o-transition:left .35s ease-in;transition:left .35s ease-in}.slideInLeft-enter-active{-webkit-animation:slideInLeft .35s;animation:slideInLeft .35s}.slideInLeft-leave-active{animation:slideInLeft .35s reverse;-webkit-transition:left .35s ease-in-out;-o-transition:left .35s ease-in-out;transition:left .35s ease-in-out}@-webkit-keyframes slideInLeft{0%{left:100%}to{left:0}}@keyframes slideInLeft{0%{left:100%}to{left:0}}";
 styleInject(css_248z);

package/esm/index.js

@@ -1,10 +1,13 @@
-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, u as script$1 } from './fw-button-0f8956b5.js';
-export { u as FwButton } from './fw-button-0f8956b5.js';
+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 { FwCard as script } from './fw-card.js';
 export { FwCard } from './fw-card.js';
 import './fw-button.js';
 import { FwNavigationMenu as script$2 } from './fw-navigation-menu.js';
 export { FwNavigationMenu } from './fw-navigation-menu.js';
+import { FwInput as script$3 } from './fw-input.js';
+export { FwInput } from './fw-input.js';
+import { s as script$1 } from './fw-button-02fc3f47.js';
+export { s as FwButton } from './fw-button-02fc3f47.js';
 import 'vue';
 
 function _arrayWithHoles(arr) {
@@ -472,7 +475,8 @@ var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   FwCard: script,
   FwButton: script$1,
-  FwNavigationMenu: script$2
+  FwNavigationMenu: script$2,
+  FwInput: script$3
 });
 
 var install = function install(app) {

package/esm/{fw-button-0f8956b5.js → style-inject.es-da8f7768.js}

@@ -1,5 +1,3 @@
-import { defineComponent, ref, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -1148,176 +1146,31 @@ $({ target: 'Array', proto: true }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-var script = defineComponent({
-  name: 'FwButton',
-  emits: ['click', 'mouseover', 'mouseout', 'focusin', 'focusout'],
-  props: {
-    /**
-     * A `router-link` path or object
-     */
-    to: {
-      type: [String, Object]
-    },
-
-    /**
-     * A URL to link to using a native anchor element
-     */
-    href: String,
-
-    /**
-     * The size of the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
-     */
-    size: {
-      type: String,
-      "default": 'lg',
-      validator: function validator(value) {
-        return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
-      }
-    },
-
-    /**
-     * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
-     */
-    variant: {
-      type: String,
-      "default": 'primary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'text'].includes(value);
-      }
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
     }
-  },
-  setup: function setup(props, ctx) {
-    var buttonClasses = ref({
-      primary: {
-        text: 'text-tertiary hover:text-primary active:text-primary',
-        background: 'bg-primary hover:bg-tertiary active:bg-tertiary',
-        border: 'border-primary focus:ring-primary'
-      },
-      secondary: {
-        text: 'text-primary hover:text-tertiary active:text-tertiary',
-        background: 'bg-tertiary hover:bg-primary active:bg-primary',
-        border: 'border-primary focus:ring-primary'
-      },
-      tertiary: {
-        text: 'text-tertiary hover:text-secondary active:text-secondary',
-        background: 'bg-secondary hover:bg-tertiary active:bg-tertiary',
-        border: 'border-tertiary focus:ring-tertiary'
-      },
-      success: {
-        text: 'text-white hover:text-success active:text-success',
-        background: 'bg-success hover:bg-white active:bg-white',
-        border: 'border-success focus:ring-success'
-      },
-      error: {
-        text: 'text-white hover:text-error active:text-error',
-        background: 'bg-error hover:bg-white active:bg-white',
-        border: 'border-error focus:ring-error'
-      },
-      text: {
-        text: 'text-body font-medium hover:text-white active:text-white',
-        background: 'bg-white hover:bg-body active:bg-body',
-        border: 'border-transparent focus:ring-body'
-      }
-    });
-    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',
-      xl: 'px-12 py-3 text-xl',
-      '2xl': 'px-16 py-4 text-2xl'
-    });
-    var textColorClass = computed(function () {
-      return buttonClasses.value[props.variant].text;
-    });
-    var bgColorClass = computed(function () {
-      return buttonClasses.value[props.variant].background;
-    });
-    var sizeClass = computed(function () {
-      return sizes.value[props.size];
-    });
-    var borderClass = computed(function () {
-      return buttonClasses.value[props.variant].border;
-    });
-    /**
-     * @event Click - Native click
-     */
-
-    var onClick = function onClick(e) {
-      return ctx.emit('click', e);
-    };
-    /**
-     * @event mouseover - Native hover
-     */
-
-
-    var onMouseover = function onMouseover(e) {
-      return ctx.emit('mouseover', e);
-    };
-    /**
-     * @event mouseout - Native hover out
-     */
-
-
-    var onMouseout = function onMouseout(e) {
-      return ctx.emit('mouseout', e);
-    };
-    /**
-     * @event focusin - Native focusin
-     */
-
-
-    var onFocusin = function onFocusin(e) {
-      return ctx.emit('focusin', e);
-    };
-    /**
-     * @event focusout - Native focusout
-     */
-
-
-    var onFocusout = function onFocusout(e) {
-      return ctx.emit('focusout', e);
-    };
-
-    var tagName = computed(function () {
-      if (props.to) return 'router-link';
-      if (props.href) return 'a';
-      return 'button';
-    });
-    return {
-      textColorClass: textColorClass,
-      bgColorClass: bgColorClass,
-      sizeClass: sizeClass,
-      borderClass: borderClass,
-      onClick: onClick,
-      onMouseover: onMouseover,
-      onMouseout: onMouseout,
-      onFocusin: onFocusin,
-      onFocusout: onFocusout,
-      tagName: tagName
-    };
+  } else {
+    head.appendChild(style);
   }
-});
 
-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-none ring-offset-2 focus:ring", [_ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass]]),
-    type: _ctx.tagName === 'button' ? _ctx.tagName : null,
-    to: _ctx.to,
-    href: _ctx.href,
-    onClick: _ctx.onClick,
-    onFocusin: _ctx.onFocusin,
-    onFocusout: _ctx.onFocusout,
-    onMouseover: _ctx.onMouseover,
-    onMouseout: _ctx.onMouseout
-  }, {
-    "default": withCtx(function () {
-      return [renderSlot(_ctx.$slots, "default")];
-    }),
-    _: 3
-  }, 8, ["class", "type", "to", "href", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
 }
 
-script.render = render;
-
-export { _export as _, aCallable$1 as a, functionBindNative as b, classofRaw as c, fails$7 as d, getBuiltIn$4 as e, functionUncurryThis as f, global$l as g, inspectSource$2 as h, isCallable$9 as i, isObject$5 as j, indexedObject as k, lengthOfArrayLike$1 as l, documentCreateElement$1 as m, createNonEnumerableProperty$3 as n, descriptors as o, objectKeys$1 as p, toIndexedObject$4 as q, redefine$2 as r, objectPropertyIsEnumerable as s, toObject$1 as t, script as u, wellKnownSymbol$2 as w };
+export { _export as _, aCallable$1 as a, functionBindNative as b, classofRaw as c, fails$7 as d, getBuiltIn$4 as e, functionUncurryThis as f, global$l as g, inspectSource$2 as h, isCallable$9 as i, isObject$5 as j, indexedObject as k, lengthOfArrayLike$1 as l, documentCreateElement$1 as m, createNonEnumerableProperty$3 as n, descriptors as o, objectKeys$1 as p, toIndexedObject$4 as q, redefine$2 as r, objectPropertyIsEnumerable as s, toObject$1 as t, styleInject as u, functionName as v, wellKnownSymbol$2 as w, objectDefineProperty as x };