@frollo/frollo-web-ui 9.0.6 → 9.0.8

package/index.d.ts

@@ -12,6 +12,9 @@ type FwInputType = 'text' | 'password' | 'email' | 'tel' | 'time' | 'url' | 'wee
 declare interface FwInputProps {
     value: string;
     name: string;
+    disableNamePrefix?: boolean;
+    inputId?: string;
+    inputClass?: string;
     type?: FwInputType;
     label?: string;
     placeholder?: string;
@@ -24,6 +27,7 @@ declare interface FwInputProps {
     enableErrors?: boolean;
     maxLength?: number;
     required?: boolean;
+    invalidate?: boolean;
 }
 
 declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -42,7 +46,28 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
         required: true;
     };
     /**
-     * The input type. Accepts `text` | `password`
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The custom class for the input field.
+     */
+    inputClass: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The input type. Accepts `text` | `password` | `email` | `tel` | `time` | `url` | `week` | `month`
      */
     type: {
         type: PropType<FwInputType>;
@@ -124,6 +149,14 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Force triggers the error UI.
+     * Use the field validation rule to validate/invalidate input.
+     */
+    invalidate: {
+        type: BooleanConstructor;
+        required: false;
+    };
 }>, {
     inputBaseClass: vue.Ref<string, string>;
     inputValue: vue.WritableComputedRef<string, string>;
@@ -147,7 +180,28 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
         required: true;
     };
     /**
-     * The input type. Accepts `text` | `password`
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The custom class for the input field.
+     */
+    inputClass: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The input type. Accepts `text` | `password` | `email` | `tel` | `time` | `url` | `week` | `month`
      */
     type: {
         type: PropType<FwInputType>;
@@ -229,6 +283,14 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Force triggers the error UI.
+     * Use the field validation rule to validate/invalidate input.
+     */
+    invalidate: {
+        type: BooleanConstructor;
+        required: false;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -237,10 +299,12 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
     modelValue: string;
     type: FwInputType;
     required: boolean;
+    disableNamePrefix: boolean;
     readonly: boolean;
     tabindex: string;
     rounded: boolean;
     enableErrors: boolean;
+    invalidate: boolean;
 }, {}, {
     InputField: {
         new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
@@ -611,6 +675,8 @@ declare interface FwCheckboxProps {
     hint?: string;
     enableErrors?: boolean;
     isChecked?: boolean;
+    disableNamePrefix?: boolean;
+    inputId?: string;
 }
 
 declare const __default__$b: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -663,6 +729,20 @@ declare const __default__$b: vue.DefineComponent<vue.ExtractPropTypes<{
         required: false;
         default: undefined;
     };
+    /**
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+        type: StringConstructor;
+        required: false;
+    };
 }>, {
     uuid: string;
     primaryFade5: string;
@@ -717,9 +797,24 @@ declare const __default__$b: vue.DefineComponent<vue.ExtractPropTypes<{
         required: false;
         default: undefined;
     };
+    /**
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & Readonly<{}>, {
     enableErrors: boolean;
     isChecked: boolean;
+    disableNamePrefix: boolean;
 }, {}, {
     InputField: {
         new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
@@ -1309,7 +1404,7 @@ declare const _default$j: vue.DefineComponent<vue.ExtractPropTypes<{
     /** v-model If provided, it is the source of truth. */
     modelValue: {
         type: BooleanConstructor;
-        required: false;
+        default: undefined;
     };
     /**
      * Progmatically set the checked state of the input.
@@ -1318,7 +1413,6 @@ declare const _default$j: vue.DefineComponent<vue.ExtractPropTypes<{
     isChecked: {
         type: BooleanConstructor;
         required: false;
-        default: boolean;
     };
 }>, {
     checked: vue.ComputedRef<boolean>;
@@ -1363,7 +1457,7 @@ declare const _default$j: vue.DefineComponent<vue.ExtractPropTypes<{
     /** v-model If provided, it is the source of truth. */
     modelValue: {
         type: BooleanConstructor;
-        required: false;
+        default: undefined;
     };
     /**
      * Progmatically set the checked state of the input.
@@ -1372,7 +1466,6 @@ declare const _default$j: vue.DefineComponent<vue.ExtractPropTypes<{
     isChecked: {
         type: BooleanConstructor;
         required: false;
-        default: boolean;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -2140,6 +2233,9 @@ declare interface FwNavigationMenuProps {
     authenticated?: boolean;
     paddingClasses?: string;
     transparent?: boolean;
+    logoSrc?: string;
+    mobileLogoSrc?: string;
+    reversedDesktopNavButton?: boolean;
 }
 
 declare const _default$g: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -2198,7 +2294,28 @@ declare const _default$g: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The logo image source url for the desktop menu.
+     */
+    logoSrc: {
+        type: StringConstructor;
+    };
+    /**
+     * The logo image source url for the mobile menu.
+     */
+    mobileLogoSrc: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether to reverse the colours of the desktop navigation menu items.
+     */
+    reversedDesktopNavButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
+    parsedMenuItems: vue.ShallowRef<NavMenuItem[], NavMenuItem[]>;
+    parsedAdditionalMenuItems: vue.ShallowRef<NavMenuItem[], NavMenuItem[]>;
     mobileMenuClass: vue.Ref<string, string>;
     isMobileMenuOpen: vue.Ref<boolean, boolean>;
     toggleMobileMenu: () => boolean;
@@ -2259,6 +2376,25 @@ declare const _default$g: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The logo image source url for the desktop menu.
+     */
+    logoSrc: {
+        type: StringConstructor;
+    };
+    /**
+     * The logo image source url for the mobile menu.
+     */
+    mobileLogoSrc: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether to reverse the colours of the desktop navigation menu items.
+     */
+    reversedDesktopNavButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -2266,6 +2402,7 @@ declare const _default$g: vue.DefineComponent<vue.ExtractPropTypes<{
     menuEnabled: boolean;
     authenticated: boolean;
     transparent: boolean;
+    reversedDesktopNavButton: boolean;
 }, {}, {
     FwButton: vue.ComponentOptions;
     FwPopover: vue.ComponentOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "9.0.6",
+  "version": "9.0.8",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",
@@ -47,12 +47,12 @@
     "@rollup/plugin-replace": "^5.0.5",
     "@rollup/plugin-url": "^8.0.2",
     "@rollup/pluginutils": "^5.1.0",
-    "@storybook/addon-a11y": "^10.1.2",
+    "@storybook/addon-a11y": "^10.2.14",
     "@storybook/addon-designs": "^11.0.3",
-    "@storybook/addon-docs": "^10.1.2",
-    "@storybook/addon-themes": "^10.1.2",
-    "@storybook/builder-vite": "^10.1.2",
-    "@storybook/vue3-vite": "^10.1.2",
+    "@storybook/addon-docs": "^10.2.14",
+    "@storybook/addon-themes": "^10.2.14",
+    "@storybook/builder-vite": "^10.2.14",
+    "@storybook/vue3-vite": "^10.2.14",
     "@tsconfig/node22": "^22.0.2",
     "@types/lodash-es": "^4.17.12",
     "@vitejs/plugin-vue": "^6.0.1",
@@ -65,22 +65,22 @@
     "eslint": "^9.2.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-storybook": "10.1.2",
+    "eslint-plugin-storybook": "^10.2.14",
     "eslint-plugin-vue": "^9.26.0",
     "globals": "^15.2.0",
     "hash-sum": "^2.0.0",
     "jsdom": "^24.0.0",
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.17.23",
     "postcss": "^8.4.38",
     "prettier": "^3.3.1",
     "rimraf": "^5.0.7",
-    "rollup": "^4.53.3",
+    "rollup": "^4.59.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "rollup-plugin-vue": "^6.0.0",
     "sass": "^1.77.1",
-    "storybook": "^10.1.2",
+    "storybook": "^10.2.14",
     "svgo": "^3.3.2",
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",

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

@@ -50,6 +50,20 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         required: false;
         default: undefined;
     };
+    /**
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+        type: StringConstructor;
+        required: false;
+    };
 }>, {
     uuid: string;
     primaryFade5: string;
@@ -104,9 +118,24 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         required: false;
         default: undefined;
     };
+    /**
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & Readonly<{}>, {
     enableErrors: boolean;
     isChecked: boolean;
+    disableNamePrefix: boolean;
 }, {}, {
     InputField: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{

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

@@ -6,4 +6,6 @@ export declare interface FwCheckboxProps {
     hint?: string;
     enableErrors?: boolean;
     isChecked?: boolean;
+    disableNamePrefix?: boolean;
+    inputId?: string;
 }

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

@@ -16,7 +16,28 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         required: true;
     };
     /**
-     * The input type. Accepts `text` | `password`
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The custom class for the input field.
+     */
+    inputClass: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The input type. Accepts `text` | `password` | `email` | `tel` | `time` | `url` | `week` | `month`
      */
     type: {
         type: PropType<FwInputType>;
@@ -98,6 +119,14 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Force triggers the error UI.
+     * Use the field validation rule to validate/invalidate input.
+     */
+    invalidate: {
+        type: BooleanConstructor;
+        required: false;
+    };
 }>, {
     inputBaseClass: import("vue").Ref<string, string>;
     inputValue: import("vue").WritableComputedRef<string, string>;
@@ -121,7 +150,28 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         required: true;
     };
     /**
-     * The input type. Accepts `text` | `password`
+     * Whether to disable the name prefix for the input field.
+     */
+    disableNamePrefix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The custom id of the input field. Will auto-generate one if not provided.
+     */
+    inputId: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The custom class for the input field.
+     */
+    inputClass: {
+        type: StringConstructor;
+        required: false;
+    };
+    /**
+     * The input type. Accepts `text` | `password` | `email` | `tel` | `time` | `url` | `week` | `month`
      */
     type: {
         type: PropType<FwInputType>;
@@ -203,6 +253,14 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Force triggers the error UI.
+     * Use the field validation rule to validate/invalidate input.
+     */
+    invalidate: {
+        type: BooleanConstructor;
+        required: false;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -211,10 +269,12 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
     modelValue: string;
     type: FwInputType;
     required: boolean;
+    disableNamePrefix: boolean;
     readonly: boolean;
     tabindex: string;
     rounded: boolean;
     enableErrors: boolean;
+    invalidate: boolean;
 }, {}, {
     InputField: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{

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

@@ -3,6 +3,9 @@ export type FwInputType = 'text' | 'password' | 'email' | 'tel' | 'time' | 'url'
 export declare interface FwInputProps {
     value: string;
     name: string;
+    disableNamePrefix?: boolean;
+    inputId?: string;
+    inputClass?: string;
     type?: FwInputType;
     label?: string;
     placeholder?: string;
@@ -15,4 +18,5 @@ export declare interface FwInputProps {
     enableErrors?: boolean;
     maxLength?: number;
     required?: boolean;
+    invalidate?: boolean;
 }

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

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { FwNavigationMenuProps } from './index.types';
+import type { FwNavigationMenuProps, NavMenuItem } from './index.types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * An array of menu items
@@ -56,7 +56,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The logo image source url for the desktop menu.
+     */
+    logoSrc: {
+        type: StringConstructor;
+    };
+    /**
+     * The logo image source url for the mobile menu.
+     */
+    mobileLogoSrc: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether to reverse the colours of the desktop navigation menu items.
+     */
+    reversedDesktopNavButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
+    parsedMenuItems: import("vue").ShallowRef<NavMenuItem[], NavMenuItem[]>;
+    parsedAdditionalMenuItems: import("vue").ShallowRef<NavMenuItem[], NavMenuItem[]>;
     mobileMenuClass: import("vue").Ref<string, string>;
     isMobileMenuOpen: import("vue").Ref<boolean, boolean>;
     toggleMobileMenu: () => boolean;
@@ -117,6 +138,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The logo image source url for the desktop menu.
+     */
+    logoSrc: {
+        type: StringConstructor;
+    };
+    /**
+     * The logo image source url for the mobile menu.
+     */
+    mobileLogoSrc: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether to reverse the colours of the desktop navigation menu items.
+     */
+    reversedDesktopNavButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -124,6 +164,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     menuEnabled: boolean;
     authenticated: boolean;
     transparent: boolean;
+    reversedDesktopNavButton: boolean;
 }, {}, {
     FwButton: import("vue").ComponentOptions;
     FwPopover: import("vue").ComponentOptions;

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

@@ -15,4 +15,7 @@ export declare interface FwNavigationMenuProps {
     authenticated?: boolean;
     paddingClasses?: string;
     transparent?: boolean;
+    logoSrc?: string;
+    mobileLogoSrc?: string;
+    reversedDesktopNavButton?: boolean;
 }

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

@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /** v-model If provided, it is the source of truth. */
     modelValue: {
         type: BooleanConstructor;
-        required: false;
+        default: undefined;
     };
     /**
      * Progmatically set the checked state of the input.
@@ -47,7 +47,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isChecked: {
         type: BooleanConstructor;
         required: false;
-        default: boolean;
     };
 }>, {
     checked: import("vue").ComputedRef<boolean>;
@@ -92,7 +91,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /** v-model If provided, it is the source of truth. */
     modelValue: {
         type: BooleanConstructor;
-        required: false;
+        default: undefined;
     };
     /**
      * Progmatically set the checked state of the input.
@@ -101,7 +100,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isChecked: {
         type: BooleanConstructor;
         required: false;
-        default: boolean;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;