@frollo/frollo-web-ui 6.0.3 → 7.0.0

package/cjs/index.js

@@ -5764,13 +5764,13 @@ var _hoisted_3$s = {
   "class": "flex flex-row justify-between"
 };
 var _hoisted_4$g = ["for"];
-var _hoisted_5$d = {
+var _hoisted_5$e = {
   key: 1
 };
-var _hoisted_6$a = {
+var _hoisted_6$b = {
   "class": "relative"
 };
-var _hoisted_7$9 = {
+var _hoisted_7$a = {
   key: 0,
   "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
 };
@@ -5811,7 +5811,9 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         "for": "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "block mb-2 font-medium"
-      }, vue.toDisplayString(_ctx.label), 9, _hoisted_4$g)) : vue.createCommentVNode("", true), _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [vue.renderSlot(_ctx.$slots, "action")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_6$a, [_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [vue.renderSlot(_ctx.$slots, "prefix")])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
+      }, vue.toDisplayString(_ctx.label), 9, _hoisted_4$g)) : vue.createCommentVNode("", true), _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$e, [vue.renderSlot(_ctx.$slots, "action")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_6$b, [_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [vue.renderSlot(_ctx.$slots, "prefix", {
+        "class": "h-full"
+      })])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
         id: "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
         placeholder: _ctx.placeholder,
         type: _ctx.type,
@@ -5839,7 +5841,9 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
           })], 2)) : vue.createCommentVNode("", true)];
         }),
         _: 2
-      }, 1024)) : vue.createCommentVNode("", true), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$9, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$6, [vue.createVNode(vue.Transition, {
+      }, 1024)) : vue.createCommentVNode("", true), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$9, [vue.renderSlot(_ctx.$slots, "suffix", {
+        "class": "h-full"
+      })])) : vue.createCommentVNode("", true)]), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$6, [vue.createVNode(vue.Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -5951,9 +5955,9 @@ var _hoisted_2$v = {
 };
 var _hoisted_3$r = ["for"];
 var _hoisted_4$f = ["value", "name", "id"];
-var _hoisted_5$c = ["value", "name", "id", "checked"];
-var _hoisted_6$9 = ["innerHTML"];
-var _hoisted_7$8 = {
+var _hoisted_5$d = ["value", "name", "id", "checked"];
+var _hoisted_6$a = ["innerHTML"];
+var _hoisted_7$9 = {
   key: 0,
   "class": "italic text-sm font-medium min-h-[21px]"
 };
@@ -5997,11 +6001,11 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
         type: "checkbox",
         checked: _ctx.isChecked,
         "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
-      }), null, 16, _hoisted_5$c)), _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
+      }), null, 16, _hoisted_5$d)), _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
         key: 2,
         "class": "ml-2",
         innerHTML: _ctx.label
-      }, null, 8, _hoisted_6$9)) : vue.createCommentVNode("", true)], 8, _hoisted_3$r), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$8, [vue.createVNode(vue.Transition, {
+      }, null, 8, _hoisted_6$a)) : vue.createCommentVNode("", true)], 8, _hoisted_3$r), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [vue.createVNode(vue.Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
@@ -6176,12 +6180,12 @@ var _hoisted_3$q = ["id", "aria-expanded"];
 var _hoisted_4$e = {
   key: 0
 };
-var _hoisted_5$b = {
+var _hoisted_5$c = {
   key: 1,
   "class": "text-grey-base"
 };
-var _hoisted_6$8 = ["aria-labelledby"];
-var _hoisted_7$7 = ["onClick"];
+var _hoisted_6$9 = ["aria-labelledby"];
+var _hoisted_7$8 = ["onClick"];
 var _hoisted_8$7 = {
   key: 1,
   "class": "italic text-right text-sm font-medium min-h-[21px]"
@@ -6205,7 +6209,7 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
     id: "".concat(_ctx.name, "-fw-dropdown--button"),
     "aria-expanded": _ctx.isOpen,
     "aria-haspopup": "true"
-  }, [(_ctx$selectedOption = _ctx.selectedOption) !== null && _ctx$selectedOption !== void 0 && _ctx$selectedOption.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, vue.toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, vue.toDisplayString(_ctx.placeholder), 1)), vue.createVNode(_component_ChevronDownSvg, {
+  }, [(_ctx$selectedOption = _ctx.selectedOption) !== null && _ctx$selectedOption !== void 0 && _ctx$selectedOption.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, vue.toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, vue.toDisplayString(_ctx.placeholder), 1)), vue.createVNode(_component_ChevronDownSvg, {
     "class": vue.normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
   }, null, 8, ["class"])], 10, _hoisted_3$q), vue.createVNode(vue.Transition, {
     name: "slideUpDown"
@@ -6227,8 +6231,8 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: function onClick($event) {
             return _ctx.selectOption(option);
           }
-        }, vue.toDisplayString(option.label), 11, _hoisted_7$7);
-      }), 128))], 10, _hoisted_6$8)) : vue.createCommentVNode("", true)];
+        }, vue.toDisplayString(option.label), 11, _hoisted_7$8);
+      }), 128))], 10, _hoisted_6$9)) : vue.createCommentVNode("", true)];
     }),
     _: 1
   }), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$7, [vue.createVNode(vue.Transition, {
@@ -6646,14 +6650,14 @@ var _hoisted_3$o = {
 var _hoisted_4$d = {
   "class": "flex space-x-2"
 };
-var _hoisted_5$a = {
+var _hoisted_5$b = {
   key: 2,
   "class": "hidden sm:flex items-center justify-start sm:ml-6"
 };
-var _hoisted_6$7 = {
+var _hoisted_6$8 = {
   "class": "flex items-center sm:hidden"
 };
-var _hoisted_7$6 = /*#__PURE__*/vue.createElementVNode("span", {
+var _hoisted_7$7 = /*#__PURE__*/vue.createElementVNode("span", {
   "class": "sr-only"
 }, "Open main menu", -1);
 var _hoisted_8$6 = {
@@ -6689,7 +6693,7 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       _: 2
     }, 1032, ["href", "to", "external", "onClick"]);
-  }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [vue.createVNode(_component_FwButton, {
+  }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [vue.createVNode(_component_FwButton, {
     onClick: _ctx.actionClicked,
     size: "md",
     "aria-label": _ctx.actionLabel
@@ -6698,13 +6702,13 @@ function render$n(_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_6$7, [vue.createVNode(_component_FwButton, {
+  }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6$8, [vue.createVNode(_component_FwButton, {
     variant: "text",
     size: "sm",
     onClick: _ctx.toggleMobileMenu
   }, {
     "default": vue.withCtx(function () {
-      return [_hoisted_7$6, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$6, [vue.createElementVNode("path", {
+      return [_hoisted_7$7, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$6, [vue.createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "2",
@@ -6901,11 +6905,10 @@ $$b({ target: 'Array', proto: true, arity: 1, forced: INCORRECT_TO_LENGTH || SIL
     };
   }
 });var _hoisted_1$u = {
-  key: 0,
   "class": "fw-tab w-full"
 };
 function render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.isActive ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true);
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [vue.renderSlot(_ctx.$slots, "default")], 512)), [[vue.vShow, _ctx.isActive]]);
 }script$e.render = render$l;var script$d = vue.defineComponent({
   name: 'FwModal',
   components: {
@@ -7017,16 +7020,16 @@ var _hoisted_3$m = {
   "class": "fw-modal--wrapper text-center overflow-auto flex justify-center items-center h-full"
 };
 var _hoisted_4$c = ["role", "aria-labelledby", "aria-describedby"];
-var _hoisted_5$9 = {
+var _hoisted_5$a = {
   key: 0,
   "class": "fw-modal--header text-center"
 };
-var _hoisted_6$6 = {
+var _hoisted_6$7 = {
   key: 0,
   id: "modal-logo",
   "class": "flex justify-center"
 };
-var _hoisted_7$5 = ["id"];
+var _hoisted_7$6 = ["id"];
 var _hoisted_8$5 = ["id", "innerHTML"];
 var _hoisted_9$5 = ["id"];
 var _hoisted_10$3 = ["innerHTML", "id"];
@@ -7044,8 +7047,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
     appear: ""
   }, {
     "default": vue.withCtx(function () {
-      return [_ctx.isOpen ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
+      return [vue.withDirectives(vue.createElementVNode("div", {
         "class": "fw-modal z-[9999] relative",
         id: "fw-modal-".concat(_ctx.uuid)
       }, [vue.createElementVNode("div", _hoisted_2$q, [vue.createElementVNode("div", _hoisted_3$m, [vue.createElementVNode("div", {
@@ -7054,10 +7056,10 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
         "class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
         "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
         "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
-      }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9, [_ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, [vue.renderSlot(_ctx.$slots, "icon")])) : vue.createCommentVNode("", true), _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("h2", {
+      }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [_ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$7, [vue.renderSlot(_ctx.$slots, "icon")])) : vue.createCommentVNode("", true), _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("h2", {
         key: 1,
         id: "modal_".concat(_ctx.uuid, "_header")
-      }, [vue.renderSlot(_ctx.$slots, "header")], 8, _hoisted_7$5)) : _ctx.header ? (vue.openBlock(), vue.createElementBlock("h2", {
+      }, [vue.renderSlot(_ctx.$slots, "header")], 8, _hoisted_7$6)) : _ctx.header ? (vue.openBlock(), vue.createElementBlock("h2", {
         key: 2,
         id: "modal_".concat(_ctx.uuid, "_header"),
         innerHTML: _ctx.header
@@ -7096,7 +7098,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
           return [vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText), 1)];
         }),
         _: 1
-      }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)], 8, _hoisted_4$c)])])], 8, _hoisted_1$t)) : vue.createCommentVNode("", true)];
+      }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)], 8, _hoisted_4$c)])])], 8, _hoisted_1$t), [[vue.vShow, _ctx.isOpen]])];
     }),
     _: 3
   })], 8, ["to"])) : vue.createCommentVNode("", true);
@@ -7159,7 +7161,7 @@ var _hoisted_4$b = {
   key: 0,
   "class": "w-full flex items-start mt-[13px] mx-[-15px]"
 };
-var _hoisted_5$8 = {
+var _hoisted_5$9 = {
   "class": "w-full bg-grey-40 rounded flex-1"
 };
 function render$j(_ctx, _cache, $props, $setup, $data, $options) {
@@ -7180,7 +7182,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
         'font-bold': step.position === _ctx.activeStep,
         'text-body': step.position > _ctx.activeStep
       }])
-    }, vue.toDisplayString(step.label), 3)], 2), step.position !== _ctx.steps.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [vue.createElementVNode("div", _hoisted_5$8, [vue.createElementVNode("div", {
+    }, vue.toDisplayString(step.label), 3)], 2), step.position !== _ctx.steps.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [vue.createElementVNode("div", _hoisted_5$9, [vue.createElementVNode("div", {
       "class": "bg-primary text-xs leading-none py-0.5 text-center rounded transition-all",
       style: vue.normalizeStyle(step.position < _ctx.activeStep ? 'width:100%;' : _ctx.calculatedProgressBar(step))
     }, null, 4)])])) : vue.createCommentVNode("", true)], 2);
@@ -7826,14 +7828,14 @@ var _hoisted_3$k = ["tabindex", "onKeydown", "onClick"];
 var _hoisted_4$a = {
   "class": "flex flex-row items-center"
 };
-var _hoisted_5$7 = {
+var _hoisted_5$8 = {
   key: 0,
   "class": "ml-1 flex items-center justify-center w-5"
 };
-var _hoisted_6$5 = {
+var _hoisted_6$6 = {
   "class": "text-p2 bg-white font-light"
 };
-var _hoisted_7$4 = {
+var _hoisted_7$5 = {
   key: 0,
   "class": "py-4 pl-5 pr-3 text-left"
 };
@@ -7868,7 +7870,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
       }
     }, [vue.createElementVNode("div", _hoisted_4$a, [vue.createElementVNode("span", {
       "class": vue.normalizeClass(_ctx.sortedIcon('asc', column) || _ctx.sortedIcon('desc', column) ? 'text-primary' : '')
-    }, vue.toDisplayString(column), 3), _ctx.isColumnSortable(column) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, [!_ctx.sortedIcon('asc', column) && !_ctx.sortedIcon('desc', column) ? (vue.openBlock(), vue.createBlock(_component_ArrowSortSvg, {
+    }, vue.toDisplayString(column), 3), _ctx.isColumnSortable(column) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$8, [!_ctx.sortedIcon('asc', column) && !_ctx.sortedIcon('desc', column) ? (vue.openBlock(), vue.createBlock(_component_ArrowSortSvg, {
       key: 0,
       "class": "inline-block w-full text-grey-base"
     })) : vue.createCommentVNode("", true), _ctx.sortedIcon('asc', column) ? (vue.openBlock(), vue.createBlock(_component_ArrowDownSvg, {
@@ -7880,7 +7882,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
     })) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)])], 42, _hoisted_3$k)) : vue.createCommentVNode("", true)], 64);
   }), 128)), _ctx.$slots.head ? vue.renderSlot(_ctx.$slots, "head", {
     key: 1
-  }) : vue.createCommentVNode("", true)])]), vue.createElementVNode("tbody", _hoisted_6$5, [_ctx.loading ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+  }) : vue.createCommentVNode("", true)])]), vue.createElementVNode("tbody", _hoisted_6$6, [_ctx.loading ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
     key: 0
   }, vue.renderList(_ctx.sortedData, function (row, trKey) {
     return vue.openBlock(), vue.createElementBlock("tr", {
@@ -7888,7 +7890,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
     }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, colKey) {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
         key: colKey
-      }, [!_ctx.isDisabled(column) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_7$4, [vue.createVNode(_component_FwLoadingBar, {
+      }, [!_ctx.isDisabled(column) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_7$5, [vue.createVNode(_component_FwLoadingBar, {
         "class": "w-full h-7"
       })])) : vue.createCommentVNode("", true)], 64);
     }), 128)), _ctx.$slots.row ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$4, [vue.createVNode(_component_FwLoadingBar, {
@@ -7951,6 +7953,9 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   }) : vue.createCommentVNode("", true)]);
 }script$9.render = render$e;var __default__$5 = vue.defineComponent({
   name: 'FwAccordion',
+  components: {
+    ChevronDownSvg: render$Q
+  },
   emits: ['toggled'],
   props: {
     /**
@@ -7959,6 +7964,13 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
     title: {
       type: String
     },
+    /**
+     * Classname for the title
+     */
+    titleClass: {
+      type: String,
+      "default": 'h4'
+    },
     /**
      * Title suffix of the accordion header
      */
@@ -7978,6 +7990,27 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
     iconPositionStart: {
       type: Boolean,
       "default": true
+    },
+    /**
+     * Icon type (arrow or plus)
+     */
+    isArrow: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Padding className for the accordion button
+     */
+    buttonPadding: {
+      type: String,
+      "default": 'px-8 py-4'
+    },
+    /**
+     * Border style className for the accordion button
+     */
+    borderStyle: {
+      type: String,
+      "default": 'rounded-sm border border-grey-40'
     }
   },
   setup: function setup(props, ctx) {
@@ -8012,7 +8045,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
 var __injectCSSVars__$4 = function __injectCSSVars__() {
   vue.useCssVars(function (_ctx) {
     return {
-      "5f2b9a00": _ctx.bgHoverColor
+      "5f8da0f6": _ctx.bgHoverColor
     };
   });
 };
@@ -8021,37 +8054,55 @@ __default__$5.setup = __setup__$4 ? function (props, ctx) {
   __injectCSSVars__$4();
   return __setup__$4(props, ctx);
 } : __injectCSSVars__$4;var _withScopeId$3 = function _withScopeId(n) {
-  return vue.pushScopeId("data-v-a62b48c8"), n = n(), vue.popScopeId(), n;
+  return vue.pushScopeId("data-v-3eea01a5"), n = n(), vue.popScopeId(), n;
 };
 var _hoisted_1$n = {
-  "class": "fw-accordion rounded-sm border border-grey-40"
+  "class": "flex flex-row items-center justify-between w-full"
 };
 var _hoisted_2$m = {
-  "class": "flex flex-row items-center justify-between w-full"
+  "class": "flex flex-row items-center"
 };
 var _hoisted_3$i = {
-  "class": "flex flex-row items-center"
+  key: 0
 };
 var _hoisted_4$9 = {
+  key: 0
+};
+var _hoisted_5$7 = {
+  key: 1
+};
+var _hoisted_6$5 = {
   key: 0,
   "class": "h4"
 };
+var _hoisted_7$4 = {
+  key: 1
+};
 function render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [vue.createElementVNode("button", {
+  var _component_ChevronDownSvg = vue.resolveComponent("ChevronDownSvg");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    "class": vue.normalizeClass(["fw-accordion", _ctx.borderStyle])
+  }, [vue.createElementVNode("button", {
     onClick: _cache[0] || (_cache[0] = function ($event) {
       return _ctx.isOpen = !_ctx.isOpen;
     }),
     type: "button",
-    "class": vue.normalizeClass(["fw-accordion--header px-8 py-4 bg-white w-full transition-all duration-100 ease-in focus:outline-primary", _ctx.isOpen ? 'fw-accordion--header-open' : ''])
-  }, [vue.createElementVNode("div", _hoisted_2$m, [vue.createElementVNode("div", _hoisted_3$i, [_ctx.iconPositionStart ? (vue.openBlock(), vue.createElementBlock("span", {
+    "class": vue.normalizeClass(["fw-accordion--header bg-white w-full transition-all duration-100 ease-in focus:outline-primary", [_ctx.isOpen ? 'fw-accordion--header-open' : '', _ctx.buttonPadding]])
+  }, [vue.createElementVNode("div", _hoisted_1$n, [vue.createElementVNode("div", _hoisted_2$m, [_ctx.iconPositionStart ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$i, [_ctx.isArrow ? (vue.openBlock(), vue.createBlock(_component_ChevronDownSvg, {
     key: 0,
+    "class": vue.normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
+  }, null, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
+    key: 1,
     "class": vue.normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
-  }, null, 2)) : vue.createCommentVNode("", true), vue.createElementVNode("span", {
-    "class": vue.normalizeClass(["h4 mb-0", _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
-  }, vue.toDisplayString(_ctx.title), 3)]), _ctx.suffixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, vue.toDisplayString(_ctx.suffixTitle), 1)) : vue.createCommentVNode("", true), !_ctx.iconPositionStart ? (vue.openBlock(), vue.createElementBlock("span", {
+  }, null, 2))])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
+    "class": vue.normalizeClass([_ctx.titleClass, _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
+  }, [_ctx.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, vue.toDisplayString(_ctx.title), 1)) : _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, [vue.renderSlot(_ctx.$slots, "header")])) : vue.createCommentVNode("", true)], 2)]), _ctx.suffixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, vue.toDisplayString(_ctx.suffixTitle), 1)) : vue.createCommentVNode("", true), !_ctx.iconPositionStart ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [_ctx.isArrow ? (vue.openBlock(), vue.createBlock(_component_ChevronDownSvg, {
+    key: 0,
+    "class": vue.normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
+  }, null, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
     key: 1,
     "class": vue.normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
-  }, null, 2)) : vue.createCommentVNode("", true)])], 2), vue.createVNode(vue.Transition, {
+  }, null, 2))])) : vue.createCommentVNode("", true)])], 2), vue.createVNode(vue.Transition, {
     name: "fw-accordion-transition",
     onBeforeEnter: _ctx.beforeEnter,
     onEnter: _ctx.enter,
@@ -8063,11 +8114,11 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
       return [vue.withDirectives(vue.createElementVNode("div", null, [vue.renderSlot(_ctx.$slots, "default")], 512), [[vue.vShow, _ctx.$slots["default"] && _ctx.isOpen]])];
     }),
     _: 3
-  }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])]);
-}var css_248z$a = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
-var stylesheet$a = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
+  }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])], 2);
+}var css_248z$a = ".fw-accordion--header-open[data-v-3eea01a5],.fw-accordion--header[data-v-3eea01a5]:focus-visible,.fw-accordion--header[data-v-3eea01a5]:hover{background-color:var(--5f8da0f6)}.fw-accordion--icon[data-v-3eea01a5]{position:relative}.fw-accordion--icon[data-v-3eea01a5]:after,.fw-accordion--icon[data-v-3eea01a5]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-3eea01a5]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-3eea01a5]:after{width:0}";
+var stylesheet$a = ".fw-accordion--header-open[data-v-3eea01a5],.fw-accordion--header[data-v-3eea01a5]:focus-visible,.fw-accordion--header[data-v-3eea01a5]:hover{background-color:var(--5f8da0f6)}.fw-accordion--icon[data-v-3eea01a5]{position:relative}.fw-accordion--icon[data-v-3eea01a5]:after,.fw-accordion--icon[data-v-3eea01a5]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-3eea01a5]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-3eea01a5]:after{width:0}";
 styleInject(css_248z$a);__default__$5.render = render$d;
-__default__$5.__scopeId = "data-v-a62b48c8";var es_array_from = {};var call$7 = functionCall;
+__default__$5.__scopeId = "data-v-3eea01a5";var es_array_from = {};var call$7 = functionCall;
 var anObject$4 = anObject$d;
 var getMethod$2 = getMethod$4;
 
@@ -24895,7 +24946,6 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     };
   }
 });var _hoisted_1$g = {
-  key: 0,
   "class": "flex flex-col px-4 py-8"
 };
 var _hoisted_2$f = {
@@ -24932,7 +24982,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
     name: "sidebarMenuSlide"
   }, {
     "default": vue.withCtx(function () {
-      return [_ctx.isMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [vue.renderSlot(_ctx.$slots, "title")])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$d, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
+      return [vue.withDirectives(vue.createElementVNode("div", _hoisted_1$g, [_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [vue.renderSlot(_ctx.$slots, "title")])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$d, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: i
         }, [!item.disabled ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
@@ -24944,14 +24994,15 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
           to: item.to,
           external: item.external,
           size: "lg",
-          "aria-current": "page"
+          "aria-current": "page",
+          onClick: item.onClick
         }, {
           "default": vue.withCtx(function () {
             return [vue.createTextVNode(vue.toDisplayString(item.label), 1)];
           }),
           _: 2
-        }, 1032, ["href", "to", "external"])) : vue.createCommentVNode("", true)], 64);
-      }), 128))])])) : vue.createCommentVNode("", true)];
+        }, 1032, ["href", "to", "external", "onClick"])) : vue.createCommentVNode("", true)], 64);
+      }), 128))])], 512), [[vue.vShow, _ctx.isMenuOpen]])];
     }),
     _: 3
   })], 2)) : vue.createCommentVNode("", true);
@@ -25095,8 +25146,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
     appear: ""
   }, {
     "default": vue.withCtx(function () {
-      return [_ctx.isOpen ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
+      return [vue.withDirectives(vue.createElementVNode("div", {
         id: "fw-drawer-".concat(_ctx.uuid),
         "class": vue.normalizeClass(["fw-drawer", _ctx.baseDrawerClass]),
         tabindex: "-1",
@@ -25153,7 +25203,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
           return [vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText), 1)];
         }),
         _: 1
-      }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)]))], 2)) : vue.createCommentVNode("", true)], 10, _hoisted_1$f)) : vue.createCommentVNode("", true)];
+      }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)]))], 2)) : vue.createCommentVNode("", true)], 10, _hoisted_1$f), [[vue.vShow, _ctx.isOpen]])];
     }),
     _: 3
   });

package/esm/fw-accordion.js

@@ -1,9 +1,14 @@
-import { defineComponent, ref, watch, useCssVars, pushScopeId, popScopeId, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, toDisplayString, createVNode, Transition, withCtx, withDirectives, renderSlot, vShow } from 'vue';
+import { defineComponent, ref, watch, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, toDisplayString, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from 'vue';
 import { u as useColours } from './get-root-colours-865a52ba.js';
+import { b as render$1 } from './index-bced3b35.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import './check-94a5917a.js';
 
 var __default__ = defineComponent({
   name: 'FwAccordion',
+  components: {
+    ChevronDownSvg: render$1
+  },
   emits: ['toggled'],
   props: {
     /**
@@ -12,6 +17,13 @@ var __default__ = defineComponent({
     title: {
       type: String
     },
+    /**
+     * Classname for the title
+     */
+    titleClass: {
+      type: String,
+      "default": 'h4'
+    },
     /**
      * Title suffix of the accordion header
      */
@@ -31,6 +43,27 @@ var __default__ = defineComponent({
     iconPositionStart: {
       type: Boolean,
       "default": true
+    },
+    /**
+     * Icon type (arrow or plus)
+     */
+    isArrow: {
+      type: Boolean,
+      "default": false
+    },
+    /**
+     * Padding className for the accordion button
+     */
+    buttonPadding: {
+      type: String,
+      "default": 'px-8 py-4'
+    },
+    /**
+     * Border style className for the accordion button
+     */
+    borderStyle: {
+      type: String,
+      "default": 'rounded-sm border border-grey-40'
     }
   },
   setup: function setup(props, ctx) {
@@ -65,7 +98,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "5f2b9a00": _ctx.bgHoverColor
+      "5f8da0f6": _ctx.bgHoverColor
     };
   });
 };
@@ -76,37 +109,55 @@ __default__.setup = __setup__ ? function (props, ctx) {
 } : __injectCSSVars__;
 
 var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-a62b48c8"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-3eea01a5"), n = n(), popScopeId(), n;
 };
 var _hoisted_1 = {
-  "class": "fw-accordion rounded-sm border border-grey-40"
+  "class": "flex flex-row items-center justify-between w-full"
 };
 var _hoisted_2 = {
-  "class": "flex flex-row items-center justify-between w-full"
+  "class": "flex flex-row items-center"
 };
 var _hoisted_3 = {
-  "class": "flex flex-row items-center"
+  key: 0
 };
 var _hoisted_4 = {
+  key: 0
+};
+var _hoisted_5 = {
+  key: 1
+};
+var _hoisted_6 = {
   key: 0,
   "class": "h4"
 };
+var _hoisted_7 = {
+  key: 1
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+  var _component_ChevronDownSvg = resolveComponent("ChevronDownSvg");
+  return openBlock(), createElementBlock("div", {
+    "class": normalizeClass(["fw-accordion", _ctx.borderStyle])
+  }, [createElementVNode("button", {
     onClick: _cache[0] || (_cache[0] = function ($event) {
       return _ctx.isOpen = !_ctx.isOpen;
     }),
     type: "button",
-    "class": normalizeClass(["fw-accordion--header px-8 py-4 bg-white w-full transition-all duration-100 ease-in focus:outline-primary", _ctx.isOpen ? 'fw-accordion--header-open' : ''])
-  }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_ctx.iconPositionStart ? (openBlock(), createElementBlock("span", {
+    "class": normalizeClass(["fw-accordion--header bg-white w-full transition-all duration-100 ease-in focus:outline-primary", [_ctx.isOpen ? 'fw-accordion--header-open' : '', _ctx.buttonPadding]])
+  }, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_ctx.iconPositionStart ? (openBlock(), createElementBlock("div", _hoisted_3, [_ctx.isArrow ? (openBlock(), createBlock(_component_ChevronDownSvg, {
     key: 0,
+    "class": normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
+  }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+    key: 1,
     "class": normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
-  }, null, 2)) : createCommentVNode("", true), createElementVNode("span", {
-    "class": normalizeClass(["h4 mb-0", _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
-  }, toDisplayString(_ctx.title), 3)]), _ctx.suffixTitle ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.suffixTitle), 1)) : createCommentVNode("", true), !_ctx.iconPositionStart ? (openBlock(), createElementBlock("span", {
+  }, null, 2))])) : createCommentVNode("", true), createElementVNode("div", {
+    "class": normalizeClass([_ctx.titleClass, _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
+  }, [_ctx.title ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.title), 1)) : _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true)], 2)]), _ctx.suffixTitle ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.suffixTitle), 1)) : createCommentVNode("", true), !_ctx.iconPositionStart ? (openBlock(), createElementBlock("div", _hoisted_7, [_ctx.isArrow ? (openBlock(), createBlock(_component_ChevronDownSvg, {
+    key: 0,
+    "class": normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
+  }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", {
     key: 1,
     "class": normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
-  }, null, 2)) : createCommentVNode("", true)])], 2), createVNode(Transition, {
+  }, null, 2))])) : createCommentVNode("", true)])], 2), createVNode(Transition, {
     name: "fw-accordion-transition",
     onBeforeEnter: _ctx.beforeEnter,
     onEnter: _ctx.enter,
@@ -118,14 +169,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return [withDirectives(createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")], 512), [[vShow, _ctx.$slots["default"] && _ctx.isOpen]])];
     }),
     _: 3
-  }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])]);
+  }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])], 2);
 }
 
-var css_248z = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
-var stylesheet = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
+var css_248z = ".fw-accordion--header-open[data-v-3eea01a5],.fw-accordion--header[data-v-3eea01a5]:focus-visible,.fw-accordion--header[data-v-3eea01a5]:hover{background-color:var(--5f8da0f6)}.fw-accordion--icon[data-v-3eea01a5]{position:relative}.fw-accordion--icon[data-v-3eea01a5]:after,.fw-accordion--icon[data-v-3eea01a5]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-3eea01a5]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-3eea01a5]:after{width:0}";
+var stylesheet = ".fw-accordion--header-open[data-v-3eea01a5],.fw-accordion--header[data-v-3eea01a5]:focus-visible,.fw-accordion--header[data-v-3eea01a5]:hover{background-color:var(--5f8da0f6)}.fw-accordion--icon[data-v-3eea01a5]{position:relative}.fw-accordion--icon[data-v-3eea01a5]:after,.fw-accordion--icon[data-v-3eea01a5]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-3eea01a5]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-3eea01a5]:after{width:0}";
 styleInject(css_248z);
 
 __default__.render = render;
-__default__.__scopeId = "data-v-a62b48c8";
+__default__.__scopeId = "data-v-3eea01a5";
 
 export { __default__ as FwAccordion };