@frollo/frollo-web-ui 0.0.4 → 0.0.7

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
 import { PropType, Plugin } from 'vue';
 
-declare const _default$1: vue.DefineComponent<{
+declare const _default$2: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -14,7 +14,19 @@ declare const _default$1: 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,9 +39,19 @@ declare const _default$1: 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';
+declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'text';
 interface ButtonDefinition {
     text: string;
     background: string;
@@ -48,7 +70,7 @@ interface FwButtonProps {
     size?: ButtonSize;
     variant?: ButtonVariantName;
 }
-declare const _default: vue.DefineComponent<{
+declare const _default$1: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -86,6 +108,7 @@ declare const _default: vue.DefineComponent<{
     onMouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any;
     onFocusin: (this: GlobalEventHandlers, ev: FocusEvent) => any;
     onFocusout: (this: GlobalEventHandlers, ev: FocusEvent) => any;
+    tagName: vue.ComputedRef<"router-link" | "a" | "button">;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "mouseover" | "mouseout" | "focusin" | "focusout")[], "click" | "mouseover" | "mouseout" | "focusin" | "focusout", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /**
      * A `router-link` path or object
@@ -125,6 +148,51 @@ declare const _default: vue.DefineComponent<{
     variant: ButtonVariantName;
 }>;
 
+interface NavMenuItem {
+    to?: string | object;
+    href?: string;
+    label: string;
+}
+declare const _default: vue.DefineComponent<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<NavMenuItem[]>;
+    };
+    /**
+     * The label for the action button.
+     * Also emits the `action` event.
+     */
+    actionLabel: {
+        type: StringConstructor;
+    };
+}, {
+    isMobileMenuOpen: vue.Ref<boolean>;
+    toggleMobileMenu: () => boolean;
+    actionClicked: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "action"[], "action", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<NavMenuItem[]>;
+    };
+    /**
+     * The label for the action button.
+     * Also emits the `action` event.
+     */
+    actionLabel: {
+        type: StringConstructor;
+    };
+}>> & {
+    onAction?: ((...args: any[]) => any) | undefined;
+}, {}>;
+
 declare const install: Exclude<Plugin['install'], undefined>;
 
-export { ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonVariantName, _default as FwButton, FwButtonProps, _default$1 as FwCard, install as default };
+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.4",
+  "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

@@ -8,7 +8,7 @@ module.exports = {
       white: '#ffffff',
       black: '#000000',
       transparent: 'transparent',
-      body: '#2C3E50',
+      body: '#000000',
       error: '#eb5757',
       success: '#00c48c',
       grey: {
@@ -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-button/fw-button.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-export declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success';
+export declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'text';
 export interface ButtonDefinition {
     text: string;
     background: string;
@@ -56,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any;
     onFocusin: (this: GlobalEventHandlers, ev: FocusEvent) => any;
     onFocusout: (this: GlobalEventHandlers, ev: FocusEvent) => any;
+    tagName: import("vue").ComputedRef<"router-link" | "a" | "button">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover" | "mouseout" | "focusin" | "focusout")[], "click" | "mouseover" | "mouseout" | "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A `router-link` path or object

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/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+export interface NavMenuItem {
+    to?: string | object;
+    href?: string;
+    label: string;
+}
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<NavMenuItem[]>;
+    };
+    /**
+     * The label for the action button.
+     * Also emits the `action` event.
+     */
+    actionLabel: {
+        type: StringConstructor;
+    };
+}, {
+    isMobileMenuOpen: import("vue").Ref<boolean>;
+    toggleMobileMenu: () => boolean;
+    actionClicked: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action"[], "action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * An array of menu items
+     * `{ to?: string | object; href?: string; label: string; }`
+     */
+    menuItems: {
+        type: PropType<NavMenuItem[]>;
+    };
+    /**
+     * The label for the action button.
+     * Also emits the `action` event.
+     */
+    actionLabel: {
+        type: StringConstructor;
+    };
+}>> & {
+    onAction?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/types/components/fw-navigation-menu/index.d.ts

@@ -0,0 +1,2 @@
+import FwNavigationMenu from './fw-navigation-menu.vue';
+export { FwNavigationMenu };

package/types/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './fw-card';
 export * from './fw-button';
+export * from './fw-navigation-menu';

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,5 +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';