@frollo/frollo-web-ui 0.0.6 → 0.0.7

package/cjs/index.js

@@ -1274,28 +1274,56 @@ $$1({ target: 'Object', stat: true }, {
      */
     prefixTitle: {
       type: String
-    }
+    },
+
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+      type: [String, Object]
+    },
+
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: String
+  },
+  setup: function setup(props) {
+    var componentName = vue.computed(function () {
+      if (props.to) return 'router-link';
+      if (props.href) return 'a';
+      return 'div';
+    });
+    return {
+      componentName: componentName
+    };
   }
 });var _hoisted_1$1 = {
-  "class": "fw-card shadow rounded-lg"
-};
-var _hoisted_2$1 = {
   key: 0,
   "class": "fw-card--header text-lg px-8 py-4 font-bold bg-grey-lightest rounded-t-lg border-opacity-0"
 };
-var _hoisted_3$1 = {
+var _hoisted_2$1 = {
   key: 0,
   "class": "fw-card--prefix-title text-primary"
 };
-var _hoisted_4$1 = {
+var _hoisted_3$1 = {
   key: 1
 };
-var _hoisted_5$1 = {
+var _hoisted_4$1 = {
   key: 1,
   "class": "p-8"
 };
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [_ctx.title || _ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_2$1, [_ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1, vue.toDisplayString(_ctx.prefixTitle), 1)) : vue.createCommentVNode("", true), _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$1, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.$slots["default"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true)]);
+  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.componentName), {
+    to: _ctx.to ? _ctx.to : null,
+    href: _ctx.href ? _ctx.href : null,
+    "class": vue.normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? 'block focus:outline-none ring-offset-3 focus:ring focus:ring-primary transform-none transition-transform hover:-translate-y-1' : ''])
+  }, {
+    "default": vue.withCtx(function () {
+      return [_ctx.title || _ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_1$1, [_ctx.prefixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, vue.toDisplayString(_ctx.prefixTitle), 1)) : vue.createCommentVNode("", true), _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), _ctx.$slots["default"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true)];
+    }),
+    _: 3
+  }, 8, ["to", "href", "class"]);
 }script$2.render = render$2;var es_array_includes = {};var objectDefineProperties = {};var DESCRIPTORS = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule$1 = objectDefineProperty;
@@ -1585,8 +1613,8 @@ addToUnscopables('includes');var script$1 = vue.defineComponent({
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tagName), {
     "class": vue.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,
+    to: _ctx.to ? _ctx.to : null,
+    href: _ctx.href ? _ctx.href : null,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,

package/esm/{fw-button-deb8cb87.js → fw-button-6d5a9671.js}

@@ -1303,8 +1303,8 @@ 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,
+    to: _ctx.to ? _ctx.to : null,
+    href: _ctx.href ? _ctx.href : null,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,

package/esm/fw-button.js

@@ -1,2 +1,2 @@
-export { u as FwButton } from './fw-button-deb8cb87.js';
+export { u as FwButton } from './fw-button-6d5a9671.js';
 import 'vue';

package/esm/fw-card.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from 'vue';
 
 var script = defineComponent({
   name: 'FwCard',
@@ -15,30 +15,58 @@ var script = defineComponent({
      */
     prefixTitle: {
       type: String
-    }
+    },
+
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+      type: [String, Object]
+    },
+
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: String
+  },
+  setup: function setup(props) {
+    var componentName = computed(function () {
+      if (props.to) return 'router-link';
+      if (props.href) return 'a';
+      return 'div';
+    });
+    return {
+      componentName: componentName
+    };
   }
 });
 
 var _hoisted_1 = {
-  "class": "fw-card shadow rounded-lg"
-};
-var _hoisted_2 = {
   key: 0,
   "class": "fw-card--header text-lg px-8 py-4 font-bold bg-grey-lightest rounded-t-lg border-opacity-0"
 };
-var _hoisted_3 = {
+var _hoisted_2 = {
   key: 0,
   "class": "fw-card--prefix-title text-primary"
 };
-var _hoisted_4 = {
+var _hoisted_3 = {
   key: 1
 };
-var _hoisted_5 = {
+var _hoisted_4 = {
   key: 1,
   "class": "p-8"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_2, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)]);
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
+    to: _ctx.to ? _ctx.to : null,
+    href: _ctx.href ? _ctx.href : null,
+    "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? 'block focus:outline-none ring-offset-3 focus:ring focus:ring-primary transform-none transition-transform hover:-translate-y-1' : ''])
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }, 8, ["to", "href", "class"]);
 }
 
 script.render = render;

package/esm/fw-navigation-menu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { u as script$1, v as styleInject } from './fw-button-deb8cb87.js';
+import { u as script$1, v as styleInject } from './fw-button-6d5a9671.js';
 
 var script = defineComponent({
   name: 'FwNavigationMenu',

package/esm/index.js

@@ -1,5 +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, u as script$1 } from './fw-button-deb8cb87.js';
-export { u as FwButton } from './fw-button-deb8cb87.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, u as script$1 } from './fw-button-6d5a9671.js';
+export { u as FwButton } from './fw-button-6d5a9671.js';
 import { FwCard as script } from './fw-card.js';
 export { FwCard } from './fw-card.js';
 import './fw-button.js';

package/frollo-web-ui.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, renderSlot, ref, computed, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementVNode, resolveComponent, Fragment, renderList, createTextVNode, createVNode, Transition } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, toDisplayString, createCommentVNode, renderSlot, ref, createElementVNode, resolveComponent, Fragment, renderList, createTextVNode, createVNode, Transition } from 'vue';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -1474,30 +1474,58 @@ var script$2 = defineComponent({
      */
     prefixTitle: {
       type: String
-    }
+    },
+
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+      type: [String, Object]
+    },
+
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: String
+  },
+  setup: function setup(props) {
+    var componentName = computed(function () {
+      if (props.to) return 'router-link';
+      if (props.href) return 'a';
+      return 'div';
+    });
+    return {
+      componentName: componentName
+    };
   }
 });
 
 var _hoisted_1$1 = {
-  "class": "fw-card shadow rounded-lg"
-};
-var _hoisted_2$1 = {
   key: 0,
   "class": "fw-card--header text-lg px-8 py-4 font-bold bg-grey-lightest rounded-t-lg border-opacity-0"
 };
-var _hoisted_3$1 = {
+var _hoisted_2$1 = {
   key: 0,
   "class": "fw-card--prefix-title text-primary"
 };
-var _hoisted_4$1 = {
+var _hoisted_3$1 = {
   key: 1
 };
-var _hoisted_5$1 = {
+var _hoisted_4$1 = {
   key: 1,
   "class": "p-8"
 };
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_2$1, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)]);
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
+    to: _ctx.to ? _ctx.to : null,
+    href: _ctx.href ? _ctx.href : null,
+    "class": normalizeClass(["fw-card shadow-card rounded-lg", _ctx.to || _ctx.href ? 'block focus:outline-none ring-offset-3 focus:ring focus:ring-primary transform-none transition-transform hover:-translate-y-1' : ''])
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1$1, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_4$1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }, 8, ["to", "href", "class"]);
 }
 
 script$2.render = render$2;
@@ -1807,8 +1835,8 @@ function render$1(_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,
+    to: _ctx.to ? _ctx.to : null,
+    href: _ctx.href ? _ctx.href : null,
     onClick: _ctx.onClick,
     onFocusin: _ctx.onFocusin,
     onFocusout: _ctx.onFocusout,

package/icons/index.ts

@@ -0,0 +1,11 @@
+import ViewSvg from './view.svg';
+import GenerateSvg from './generate.svg';
+import ManageSvg from './manage.svg';
+import NotFoundSvg from './not-found.svg';
+
+export {
+  ViewSvg,
+  GenerateSvg,
+  ManageSvg,
+  NotFoundSvg
+};

package/index.d.ts

@@ -14,7 +14,19 @@ declare const _default$2: vue.DefineComponent<{
     prefixTitle: {
         type: StringConstructor;
     };
-}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: StringConstructor;
+}, {
+    componentName: vue.ComputedRef<"router-link" | "a" | "div">;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
      * The header title of the card
      */
@@ -27,6 +39,16 @@ declare const _default$2: vue.DefineComponent<{
     prefixTitle: {
         type: StringConstructor;
     };
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: StringConstructor;
 }>>, {}>;
 
 declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'text';
@@ -171,4 +193,6 @@ declare const _default: vue.DefineComponent<{
 
 declare const install: Exclude<Plugin['install'], undefined>;
 
+declare module '@frollo/frollo-web-ui/icons' { }
+
 export { ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonVariantName, _default$1 as FwButton, FwButtonProps, _default$2 as FwCard, _default as FwNavigationMenu, NavMenuItem, install as default };

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
+    "./icons": "./icons/index.ts",
     "./tailwind.config.js": "./tailwind.config.js",
     ".": {
       "import": "./frollo-web-ui.esm.js",

package/tailwind.config.js

@@ -38,6 +38,9 @@ module.exports = {
     extend: {
       minWidth: {
         'banner': '420px'
+      },
+      boxShadow: {
+        'card': '0px 1px 7px rgba(0, 0, 0, 0.1714)'
       }
     },
     configViewer: {

package/types/components/fw-card/fw-card.vue.d.ts

@@ -11,7 +11,19 @@ declare const _default: import("vue").DefineComponent<{
     prefixTitle: {
         type: StringConstructor;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: StringConstructor;
+}, {
+    componentName: import("vue").ComputedRef<"router-link" | "a" | "div">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The header title of the card
      */
@@ -24,5 +36,15 @@ declare const _default: import("vue").DefineComponent<{
     prefixTitle: {
         type: StringConstructor;
     };
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: StringConstructor;
 }>>, {}>;
 export default _default;

package/types/icons/index.d.ts

@@ -0,0 +1,5 @@
+import ViewSvg from './view.svg';
+import GenerateSvg from './generate.svg';
+import ManageSvg from './manage.svg';
+import NotFoundSvg from './not-found.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg };

package/types/index-types.esm.d.ts

@@ -1,6 +1,7 @@
 import install from './index.esm';
 export default install;
 export * from './components';
+declare module '@frollo/frollo-web-ui/icons' { }
 export * from './components/fw-card/fw-card.vue';
 export * from './components/fw-button/fw-button.vue';
 export * from './components/fw-navigation-menu/fw-navigation-menu.vue';