@frollo/frollo-web-ui 0.0.10 → 0.0.13

package/index.d.ts

@@ -2,7 +2,7 @@ import * as vue from 'vue';
 import { PropType, Plugin } from 'vue';
 export { Form as FwForm } from 'vee-validate';
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -52,7 +52,7 @@ declare const _default$3: vue.DefineComponent<{
     href: StringConstructor;
 }>>, {}>;
 
-declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'text';
+declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'text' | 'link';
 interface ButtonDefinition {
     text: string;
     background: string;
@@ -65,13 +65,15 @@ declare type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 declare type ButtonSizes = {
     [key in ButtonSize]: string;
 };
+declare type ButtonTypeAttribute = 'button' | 'submit' | 'reset';
 interface FwButtonProps {
     to?: string | object;
     href?: string;
     size?: ButtonSize;
     variant?: ButtonVariantName;
+    buttonType?: ButtonTypeAttribute;
 }
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -99,6 +101,14 @@ declare const _default$2: vue.DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * The type attribute of the button
+     */
+    buttonType: {
+        type: PropType<ButtonTypeAttribute>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {
     textColorClass: vue.ComputedRef<string>;
     bgColorClass: vue.ComputedRef<string>;
@@ -109,7 +119,7 @@ declare const _default$2: 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">;
+    tagName: vue.ComputedRef<"button" | "router-link" | "a">;
 }, 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
@@ -138,6 +148,14 @@ declare const _default$2: vue.DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * The type attribute of the button
+     */
+    buttonType: {
+        type: PropType<ButtonTypeAttribute>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseover?: ((...args: any[]) => any) | undefined;
@@ -147,6 +165,7 @@ declare const _default$2: vue.DefineComponent<{
 }, {
     size: ButtonSize;
     variant: ButtonVariantName;
+    buttonType: ButtonTypeAttribute;
 }>;
 
 interface NavMenuItem {
@@ -154,7 +173,7 @@ interface NavMenuItem {
     href?: string;
     label: string;
 }
-declare const _default$1: vue.DefineComponent<{
+declare const _default$2: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -200,8 +219,10 @@ interface FwInputProps {
     label?: string;
     placeholder?: string;
     rules?: string | object | Function;
+    readonly?: boolean;
+    hint?: string;
 }
-declare const _default: vue.DefineComponent<{
+declare const _default$1: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -243,6 +264,19 @@ declare const _default: vue.DefineComponent<{
     rules: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
+    /**
+     * Converts the input into a readonly disabled field
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
 }, {
     inputValue: vue.WritableComputedRef<string>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -287,16 +321,90 @@ declare const _default: vue.DefineComponent<{
     rules: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
+    /**
+     * Converts the input into a readonly disabled field
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
     type: InputType;
     placeholder: string;
+    readonly: boolean;
 }>;
 
+interface FwCheckboxProps {
+    name: string;
+    label?: string;
+    rules?: string | object | Function;
+    hint?: string;
+}
+declare const _default: vue.DefineComponent<{
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /**
+     * Validation rules. Accepts a string, object, function or schema.
+     */
+    rules: {
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /**
+     * Validation rules. Accepts a string, object, function or schema.
+     */
+    rules: {
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
+}>>, {}>;
+
 declare const install: Exclude<Plugin['install'], undefined>;
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonVariantName, _default$2 as FwButton, FwButtonProps, _default$3 as FwCard, _default as FwInput, FwInputProps, _default$1 as FwNavigationMenu, InputType, NavMenuItem, install as default };
+export { ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$3 as FwButton, FwButtonProps, _default$4 as FwCard, _default as FwCheckbox, FwCheckboxProps, _default$1 as FwInput, FwInputProps, _default$2 as FwNavigationMenu, InputType, NavMenuItem, install as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "0.0.10",
+  "version": "0.0.13",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

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' | 'text';
+export declare type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'text' | 'link';
 export interface ButtonDefinition {
     text: string;
     background: string;
@@ -12,11 +12,13 @@ export declare type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export declare type ButtonSizes = {
     [key in ButtonSize]: string;
 };
+export declare type ButtonTypeAttribute = 'button' | 'submit' | 'reset';
 export interface FwButtonProps {
     to?: string | object;
     href?: string;
     size?: ButtonSize;
     variant?: ButtonVariantName;
+    buttonType?: ButtonTypeAttribute;
 }
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -46,6 +48,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * The type attribute of the button
+     */
+    buttonType: {
+        type: PropType<ButtonTypeAttribute>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {
     textColorClass: import("vue").ComputedRef<string>;
     bgColorClass: import("vue").ComputedRef<string>;
@@ -56,7 +66,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">;
+    tagName: import("vue").ComputedRef<"button" | "router-link" | "a">;
 }, 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
@@ -85,6 +95,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * The type attribute of the button
+     */
+    buttonType: {
+        type: PropType<ButtonTypeAttribute>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onMouseover?: ((...args: any[]) => any) | undefined;
@@ -94,5 +112,6 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     size: ButtonSize;
     variant: ButtonVariantName;
+    buttonType: ButtonTypeAttribute;
 }>;
 export default _default;

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

@@ -0,0 +1,60 @@
+export interface FwCheckboxProps {
+    name: string;
+    label?: string;
+    rules?: string | object | Function;
+    hint?: string;
+}
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /**
+     * Validation rules. Accepts a string, object, function or schema.
+     */
+    rules: {
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        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<{
+    /**
+     * The name of the input field. Must be unique per form.
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label for the input. Also renders to an aria-label attribute
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /**
+     * Validation rules. Accepts a string, object, function or schema.
+     */
+    rules: {
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
+}>>, {}>;
+export default _default;

package/types/components/fw-checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import FwCheckbox from './fw-checkbox.vue';
+export { FwCheckbox };

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

@@ -7,6 +7,8 @@ export interface FwInputProps {
     label?: string;
     placeholder?: string;
     rules?: string | object | Function;
+    readonly?: boolean;
+    hint?: string;
 }
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -50,6 +52,19 @@ declare const _default: import("vue").DefineComponent<{
     rules: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
+    /**
+     * Converts the input into a readonly disabled field
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
 }, {
     inputValue: import("vue").WritableComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -94,11 +109,25 @@ declare const _default: import("vue").DefineComponent<{
     rules: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
+    /**
+     * Converts the input into a readonly disabled field
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
     type: InputType;
     placeholder: string;
+    readonly: boolean;
 }>;
 export default _default;

package/types/components/index.d.ts

@@ -3,3 +3,4 @@ export * from './fw-button';
 export * from './fw-navigation-menu';
 export * from './fw-form';
 export * from './fw-input';
+export * from './fw-checkbox';

package/types/icons/index.d.ts

@@ -4,4 +4,7 @@ import ManageSvg from './manage.svg';
 import NotFoundSvg from './not-found.svg';
 import EmailFilledSvg from './email-filled.svg';
 import AlertSvg from './alert.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg };
+import LockSvg from './lock.svg';
+import EyeSvg from './eye.svg';
+import EyeCrossedSvg from './eye-crossed.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg };

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

@@ -6,3 +6,4 @@ 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';
 export * from './components/fw-input/fw-input.vue';
+export * from './components/fw-checkbox/fw-checkbox.vue';