@frollo/frollo-web-ui 1.2.5 → 1.2.6

package/cjs/index.js

@@ -4763,7 +4763,7 @@ var _hoisted_9$4 = /*#__PURE__*/vue.createElementVNode("svg", {
 })], -1);
 
 var _hoisted_10$4 = [_hoisted_9$4];
-var _hoisted_11$2 = {
+var _hoisted_11$1 = {
   key: 1,
   "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
 };
@@ -4818,7 +4818,7 @@ function render$K(_ctx, _cache, $props, $setup, $data, $options) {
           }, _hoisted_10$4, 2)) : vue.createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$2, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_12, [vue.createVNode(vue.Transition, {
+      }, 1024), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_12, [vue.createVNode(vue.Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -5834,6 +5834,14 @@ styleInject(css_248z$8);script$e.render = render$g;var script$d = vue.defineComp
      */
     actionLabel: {
       type: String
+    },
+
+    /**
+     * The class for the container wrapper.
+     */
+    containerClass: {
+      type: String,
+      "default": 'max-w-6xl'
     }
   },
   setup: function setup(_props, ctx) {
@@ -5860,32 +5868,29 @@ styleInject(css_248z$8);script$e.render = render$g;var script$d = vue.defineComp
   "class": "fw-nav-menu relative z-50 h-20 shadow-md"
 };
 var _hoisted_2$b = {
-  "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
-};
-var _hoisted_3$9 = {
   key: 0,
   "class": "flex-shrink-0 flex items-center"
 };
-var _hoisted_4$6 = {
+var _hoisted_3$9 = {
   key: 1,
   "class": "container hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_5$4 = {
+var _hoisted_4$6 = {
   "class": "flex space-x-2"
 };
-var _hoisted_6$2 = {
+var _hoisted_5$4 = {
   key: 2,
   "class": "hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_7$2 = {
+var _hoisted_6$2 = {
   "class": "flex items-center sm:hidden"
 };
 
-var _hoisted_8$2 = /*#__PURE__*/vue.createElementVNode("span", {
+var _hoisted_7$2 = /*#__PURE__*/vue.createElementVNode("span", {
   "class": "sr-only"
 }, "Open main menu", -1);
 
-var _hoisted_9$2 = {
+var _hoisted_8$2 = {
   "class": "block h-6 w-6",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -5893,8 +5898,8 @@ var _hoisted_9$2 = {
   stroke: "currentColor",
   "aria-hidden": "true"
 };
-var _hoisted_10$2 = ["d"];
-var _hoisted_11$1 = {
+var _hoisted_9$2 = ["d"];
+var _hoisted_10$2 = {
   "class": "w-full flex flex-col space-y-1"
 };
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
@@ -5902,7 +5907,9 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
 
   var _component_FwButton = vue.resolveComponent("FwButton");
 
-  return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$e, [vue.createElementVNode("div", _hoisted_2$b, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, [vue.createElementVNode("div", _hoisted_5$4, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
+  return vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$e, [vue.createElementVNode("div", {
+    "class": vue.normalizeClass(["px-6 flex-1 h-full flex bg-white items-stretch justify-between mx-auto", _ctx.containerClass])
+  }, [_ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [vue.createElementVNode("div", _hoisted_4$6, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
     return vue.openBlock(), vue.createBlock(_component_FwButton, {
       key: i,
       variant: "text",
@@ -5916,7 +5923,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       _: 2
     }, 1032, ["href", "to"]);
-  }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [vue.createVNode(_component_FwButton, {
+  }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [vue.createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
     "aria-label": _ctx.actionLabel
@@ -5925,28 +5932,28 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       return [vue.createTextVNode(vue.toDisplayString(_ctx.actionLabel), 1)];
     }),
     _: 1
-  }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_7$2, [vue.createVNode(_component_FwButton, {
+  }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6$2, [vue.createVNode(_component_FwButton, {
     variant: "text",
     size: "sm",
     onClick: _ctx.toggleMobileMenu
   }, {
     "default": vue.withCtx(function () {
-      return [_hoisted_8$2, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$2, [vue.createElementVNode("path", {
+      return [_hoisted_7$2, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$2, [vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "2",
         d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
-      }, null, 8, _hoisted_10$2)]))];
+      }, null, 8, _hoisted_9$2)]))];
     }),
     _: 1
-  }, 8, ["onClick"])])]), vue.createVNode(vue.Transition, {
+  }, 8, ["onClick"])])], 2), vue.createVNode(vue.Transition, {
     name: "slideInLeft"
   }, {
     "default": vue.withCtx(function () {
       return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         "class": vue.normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
-      }, [vue.createElementVNode("div", _hoisted_11$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
+      }, [vue.createElementVNode("div", _hoisted_10$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
         return vue.openBlock(), vue.createBlock(_component_FwButton, {
           key: i,
           "class": "w-full rounded-md",

package/esm/fw-navigation-menu.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition, normalizeClass } from 'vue';
+import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
 import { s as script$1 } from './fw-button-d5d2cf19.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './es.array.includes-9a6e4066.js';
@@ -28,6 +28,14 @@ var script = defineComponent({
      */
     actionLabel: {
       type: String
+    },
+
+    /**
+     * The class for the container wrapper.
+     */
+    containerClass: {
+      type: String,
+      "default": 'max-w-6xl'
     }
   },
   setup: function setup(_props, ctx) {
@@ -56,32 +64,29 @@ var _hoisted_1 = {
   "class": "fw-nav-menu relative z-50 h-20 shadow-md"
 };
 var _hoisted_2 = {
-  "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
-};
-var _hoisted_3 = {
   key: 0,
   "class": "flex-shrink-0 flex items-center"
 };
-var _hoisted_4 = {
+var _hoisted_3 = {
   key: 1,
   "class": "container hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_5 = {
+var _hoisted_4 = {
   "class": "flex space-x-2"
 };
-var _hoisted_6 = {
+var _hoisted_5 = {
   key: 2,
   "class": "hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_7 = {
+var _hoisted_6 = {
   "class": "flex items-center sm:hidden"
 };
 
-var _hoisted_8 = /*#__PURE__*/createElementVNode("span", {
+var _hoisted_7 = /*#__PURE__*/createElementVNode("span", {
   "class": "sr-only"
 }, "Open main menu", -1);
 
-var _hoisted_9 = {
+var _hoisted_8 = {
   "class": "block h-6 w-6",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -89,8 +94,8 @@ var _hoisted_9 = {
   stroke: "currentColor",
   "aria-hidden": "true"
 };
-var _hoisted_10 = ["d"];
-var _hoisted_11 = {
+var _hoisted_9 = ["d"];
+var _hoisted_10 = {
   "class": "w-full flex flex-col space-y-1"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -98,7 +103,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
   var _component_FwButton = resolveComponent("FwButton");
 
-  return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", _hoisted_2, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+  return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", {
+    "class": normalizeClass(["px-6 flex-1 h-full flex bg-white items-stretch justify-between mx-auto", _ctx.containerClass])
+  }, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
     return openBlock(), createBlock(_component_FwButton, {
       key: i,
       variant: "text",
@@ -112,7 +119,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       _: 2
     }, 1032, ["href", "to"]);
-  }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(_component_FwButton, {
+  }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
     "aria-label": _ctx.actionLabel
@@ -121,28 +128,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return [createTextVNode(toDisplayString(_ctx.actionLabel), 1)];
     }),
     _: 1
-  }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7, [createVNode(_component_FwButton, {
+  }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createVNode(_component_FwButton, {
     variant: "text",
     size: "sm",
     onClick: _ctx.toggleMobileMenu
   }, {
     "default": withCtx(function () {
-      return [_hoisted_8, (openBlock(), createElementBlock("svg", _hoisted_9, [createElementVNode("path", {
+      return [_hoisted_7, (openBlock(), createElementBlock("svg", _hoisted_8, [createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "2",
         d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
-      }, null, 8, _hoisted_10)]))];
+      }, null, 8, _hoisted_9)]))];
     }),
     _: 1
-  }, 8, ["onClick"])])]), createVNode(Transition, {
+  }, 8, ["onClick"])])], 2), createVNode(Transition, {
     name: "slideInLeft"
   }, {
     "default": withCtx(function () {
       return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
         key: 0,
         "class": normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
-      }, [createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+      }, [createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
         return openBlock(), createBlock(_component_FwButton, {
           key: i,
           "class": "w-full rounded-md",

package/frollo-web-ui.esm.js

@@ -4999,7 +4999,7 @@ var _hoisted_9$4 = /*#__PURE__*/createElementVNode("svg", {
 })], -1);
 
 var _hoisted_10$4 = [_hoisted_9$4];
-var _hoisted_11$2 = {
+var _hoisted_11$1 = {
   key: 1,
   "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
 };
@@ -5054,7 +5054,7 @@ function render$K(_ctx, _cache, $props, $setup, $data, $options) {
           }, _hoisted_10$4, 2)) : createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$2, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12, [createVNode(Transition, {
+      }, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11$1, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -6164,6 +6164,14 @@ var script$d = defineComponent({
      */
     actionLabel: {
       type: String
+    },
+
+    /**
+     * The class for the container wrapper.
+     */
+    containerClass: {
+      type: String,
+      "default": 'max-w-6xl'
     }
   },
   setup: function setup(_props, ctx) {
@@ -6192,32 +6200,29 @@ var _hoisted_1$e = {
   "class": "fw-nav-menu relative z-50 h-20 shadow-md"
 };
 var _hoisted_2$b = {
-  "class": "px-6 flex-1 h-full flex bg-white items-stretch justify-between max-w-6xl mx-auto"
-};
-var _hoisted_3$9 = {
   key: 0,
   "class": "flex-shrink-0 flex items-center"
 };
-var _hoisted_4$6 = {
+var _hoisted_3$9 = {
   key: 1,
   "class": "container hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_5$4 = {
+var _hoisted_4$6 = {
   "class": "flex space-x-2"
 };
-var _hoisted_6$2 = {
+var _hoisted_5$4 = {
   key: 2,
   "class": "hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_7$2 = {
+var _hoisted_6$2 = {
   "class": "flex items-center sm:hidden"
 };
 
-var _hoisted_8$2 = /*#__PURE__*/createElementVNode("span", {
+var _hoisted_7$2 = /*#__PURE__*/createElementVNode("span", {
   "class": "sr-only"
 }, "Open main menu", -1);
 
-var _hoisted_9$2 = {
+var _hoisted_8$2 = {
   "class": "block h-6 w-6",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -6225,8 +6230,8 @@ var _hoisted_9$2 = {
   stroke: "currentColor",
   "aria-hidden": "true"
 };
-var _hoisted_10$2 = ["d"];
-var _hoisted_11$1 = {
+var _hoisted_9$2 = ["d"];
+var _hoisted_10$2 = {
   "class": "w-full flex flex-col space-y-1"
 };
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6234,7 +6239,9 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
 
   var _component_FwButton = resolveComponent("FwButton");
 
-  return openBlock(), createElementBlock("nav", _hoisted_1$e, [createElementVNode("div", _hoisted_2$b, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_3$9, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$6, [createElementVNode("div", _hoisted_5$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+  return openBlock(), createElementBlock("nav", _hoisted_1$e, [createElementVNode("div", {
+    "class": normalizeClass(["px-6 flex-1 h-full flex bg-white items-stretch justify-between mx-auto", _ctx.containerClass])
+  }, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_2$b, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$9, [createElementVNode("div", _hoisted_4$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
     return openBlock(), createBlock(_component_FwButton, {
       key: i,
       variant: "text",
@@ -6248,7 +6255,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       _: 2
     }, 1032, ["href", "to"]);
-  }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6$2, [createVNode(_component_FwButton, {
+  }), 128))])])) : createCommentVNode("", true), _ctx.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_5$4, [createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
     "aria-label": _ctx.actionLabel
@@ -6257,28 +6264,28 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       return [createTextVNode(toDisplayString(_ctx.actionLabel), 1)];
     }),
     _: 1
-  }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$2, [createVNode(_component_FwButton, {
+  }, 8, ["onClick", "aria-label"])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$2, [createVNode(_component_FwButton, {
     variant: "text",
     size: "sm",
     onClick: _ctx.toggleMobileMenu
   }, {
     "default": withCtx(function () {
-      return [_hoisted_8$2, (openBlock(), createElementBlock("svg", _hoisted_9$2, [createElementVNode("path", {
+      return [_hoisted_7$2, (openBlock(), createElementBlock("svg", _hoisted_8$2, [createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "2",
         d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
-      }, null, 8, _hoisted_10$2)]))];
+      }, null, 8, _hoisted_9$2)]))];
     }),
     _: 1
-  }, 8, ["onClick"])])]), createVNode(Transition, {
+  }, 8, ["onClick"])])], 2), createVNode(Transition, {
     name: "slideInLeft"
   }, {
     "default": withCtx(function () {
       return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
         key: 0,
         "class": normalizeClass(["fw-nav-menu--mobile", _ctx.mobileMenuClass])
-      }, [createElementVNode("div", _hoisted_11$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+      }, [createElementVNode("div", _hoisted_10$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
         return openBlock(), createBlock(_component_FwButton, {
           key: i,
           "class": "w-full rounded-md",

package/index.d.ts

@@ -605,6 +605,13 @@ declare const _default$d: vue.DefineComponent<{
     actionLabel: {
         type: StringConstructor;
     };
+    /**
+     * The class for the container wrapper.
+     */
+    containerClass: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     mobileMenuClass: vue.Ref<string>;
     isMobileMenuOpen: vue.Ref<boolean>;
@@ -625,9 +632,18 @@ declare const _default$d: vue.DefineComponent<{
     actionLabel: {
         type: StringConstructor;
     };
+    /**
+     * The class for the container wrapper.
+     */
+    containerClass: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onAction?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {
+    containerClass: string;
+}>;
 
 declare const _default$c: vue.DefineComponent<{
     /**

package/package.json

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

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

@@ -15,6 +15,13 @@ declare const _default: import("vue").DefineComponent<{
     actionLabel: {
         type: StringConstructor;
     };
+    /**
+     * The class for the container wrapper.
+     */
+    containerClass: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     mobileMenuClass: import("vue").Ref<string>;
     isMobileMenuOpen: import("vue").Ref<boolean>;
@@ -35,7 +42,16 @@ declare const _default: import("vue").DefineComponent<{
     actionLabel: {
         type: StringConstructor;
     };
+    /**
+     * The class for the container wrapper.
+     */
+    containerClass: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onAction?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {
+    containerClass: string;
+}>;
 export default _default;