@frollo/frollo-web-ui 0.0.11 → 0.0.14

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
      */
@@ -73,7 +73,7 @@ interface FwButtonProps {
     variant?: ButtonVariantName;
     buttonType?: ButtonTypeAttribute;
 }
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -173,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; }`
@@ -220,8 +220,9 @@ interface FwInputProps {
     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
      */
@@ -270,6 +271,12 @@ declare const _default: vue.DefineComponent<{
         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<{
@@ -321,6 +328,12 @@ declare const _default: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -330,8 +343,68 @@ declare const _default: vue.DefineComponent<{
     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, ButtonTypeAttribute, 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.11",
+  "version": "0.0.14",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

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

@@ -8,6 +8,7 @@ export interface FwInputProps {
     placeholder?: string;
     rules?: string | object | Function;
     readonly?: boolean;
+    hint?: string;
 }
 declare const _default: import("vue").DefineComponent<{
     /**
@@ -58,6 +59,12 @@ declare const _default: import("vue").DefineComponent<{
         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<{
@@ -109,6 +116,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The hint text shown below the input
+     */
+    hint: {
+        type: StringConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -5,4 +5,9 @@ import NotFoundSvg from './not-found.svg';
 import EmailFilledSvg from './email-filled.svg';
 import AlertSvg from './alert.svg';
 import LockSvg from './lock.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg };
+import EyeSvg from './eye.svg';
+import EyeCrossedSvg from './eye-crossed.svg';
+import DownloadSvg from './download.svg';
+import IdCardSvg from './id-card.svg';
+import InfoCircleSvg from './info-circle.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg };

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';