@frollo/frollo-web-ui 9.0.1 → 9.0.2

package/esm/{_rollupPluginBabelHelpers-DODWUb5N.js → _rollupPluginBabelHelpers-BKlDnZ7n.js}

@@ -2525,4 +2525,4 @@ function _using(o, n, e) {
   }), n;
 }
 
-export { _objectSpread2 as _, _slicedToArray as a, _toConsumableArray as b, _asyncToGenerator as c, _regeneratorRuntime as d, _defineProperty as e };
+export { _objectSpread2 as _, _slicedToArray as a, _toConsumableArray as b, _asyncToGenerator as c, _regeneratorRuntime as d, _defineProperty as e, _createForOfIteratorHelper as f };

package/esm/fw-accordion.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, watch, useCssVars, pushScopeId, popScopeId, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, toDisplayString, renderSlot, Transition, withCtx, withDirectives, vShow } from 'vue';
-import { u as useColours } from './get-root-colours-DCjlYelc.js';
-import { r as render$1 } from './index-BsEH8YYr.js';
+import { defineComponent, ref, watch, useCssVars, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, toDisplayString, renderSlot, Transition, withCtx, withDirectives, vShow } from 'vue';
+import { u as useColours } from './get-root-colours-DCCAnRF4.js';
+import { r as render$1 } from './index-DHyRsKsZ.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({
@@ -20,7 +20,7 @@ var __default__ = defineComponent({
      */
     titleClass: {
       type: String,
-      "default": 'text-link h4'
+      "default": 'h4'
     },
     /**
      * Title suffix of the accordion header
@@ -80,7 +80,7 @@ var __default__ = defineComponent({
       el.style.maxHeight = el.scrollHeight + 'px';
       setTimeout(function () {
         el.firstElementChild.style.opacity = '1';
-      }, 150);
+      }, 50);
     };
     var beforeLeave = function beforeLeave(el) {
       el.style.maxHeight = el.scrollHeight + 'px';
@@ -88,7 +88,7 @@ var __default__ = defineComponent({
     var leave = function leave(el) {
       setTimeout(function () {
         el.firstElementChild.style.opacity = '0';
-      }, 100);
+      }, 25);
       el.style.maxHeight = '0';
     };
     return {
@@ -104,7 +104,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "73d2274d": _ctx.bgHoverColor
+      "v213cd3b2": _ctx.bgHoverColor
     };
   });
 };
@@ -114,9 +114,6 @@ __default__.setup = __setup__ ? function (props, ctx) {
   return __setup__(props, ctx);
 } : __injectCSSVars__;
 
-var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-bbfff254"), n = n(), popScopeId(), n;
-};
 var _hoisted_1 = {
   "class": "flex flex-row items-center"
 };
@@ -142,7 +139,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": normalizeClass(["fw-accordion", _ctx.borderStyle])
   }, [createElementVNode("button", {
     type: "button",
-    "class": normalizeClass(["fw-accordion--header transition-all duration-100 ease-in focus:outline-primary", [_ctx.isOpen ? 'fw-accordion--header-open' : '', _ctx.headerClass, _ctx.secondary ? 'w-full px-8 py-4' : '']]),
+    "class": normalizeClass(["fw-accordion--header transition-all duration-200 ease-in focus:outline-primary", [_ctx.isOpen ? 'fw-accordion--header-open' : '', _ctx.headerClass, _ctx.secondary ? 'w-full px-8 py-4' : '']]),
     onClick: _cache[0] || (_cache[0] = function ($event) {
       return _ctx.isOpen = !_ctx.isOpen;
     })
@@ -150,18 +147,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": normalizeClass(["flex flex-row items-center text-left gap-1", _ctx.secondary ? 'justify-between' : 'justify-start'])
   }, [createElementVNode("div", _hoisted_1, [_ctx.iconPositionStart ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_ChevronDownSvg, {
     name: "chevron-down",
-    "class": normalizeClass(["w-6 transition-transform duration-300", [_ctx.isOpen ? 'rotate-180' : '', _ctx.secondary ? 'text-black' : 'text-link']])
+    "class": normalizeClass(["w-6 transition-transform duration-200", [_ctx.isOpen ? 'rotate-180' : '', _ctx.secondary ? 'text-body' : 'text-link']])
   }, null, 8, ["class"])])) : createCommentVNode("", true), createElementVNode("div", {
     "class": normalizeClass([[_ctx.titleClass, _ctx.iconPositionStart ? 'ml-6' : 'ml-0'], "mb-0"])
   }, [_ctx.title ? (openBlock(), createElementBlock("span", {
     key: 0,
-    "class": normalizeClass(_ctx.secondary ? 'text-black' : 'text-link')
+    "class": normalizeClass(_ctx.secondary ? 'text-body' : 'text-link')
   }, toDisplayString(_ctx.title), 3)) : _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true)], 2)]), _ctx.suffixTitle ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.suffixTitle), 1)) : createCommentVNode("", true), !_ctx.iconPositionStart ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(_component_ChevronDownSvg, {
     name: "chevron-down",
-    "class": normalizeClass(["w-6 text-link transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
+    "class": normalizeClass(["w-6 transition-transform duration-200", [_ctx.isOpen ? 'rotate-180' : '', _ctx.secondary ? 'text-body' : 'text-link']])
   }, null, 8, ["class"])])) : createCommentVNode("", true)], 2)], 2), createVNode(Transition, {
     name: "fw-accordion-transition",
-    "class": "transition-all duration-300 ease-in overflow-hidden",
+    "class": "transition-all duration-200 ease-in overflow-hidden",
     onBeforeEnter: _ctx.beforeEnter,
     onEnter: _ctx.enter,
     onBeforeLeave: _ctx.beforeLeave,
@@ -176,11 +173,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])], 2);
 }
 
-var css_248z = ".fw-accordion--header-open[data-v-bbfff254],.fw-accordion--header[data-v-bbfff254]:focus-visible,.fw-accordion--header[data-v-bbfff254]:hover{background-color:var(--73d2274d)}";
-var stylesheet = ".fw-accordion--header-open[data-v-bbfff254],.fw-accordion--header[data-v-bbfff254]:focus-visible,.fw-accordion--header[data-v-bbfff254]:hover{background-color:var(--73d2274d)}";
+var css_248z = ".fw-accordion[data-v-7ca80b5e]{will-change:height}.fw-accordion--header-open[data-v-7ca80b5e],.fw-accordion--header[data-v-7ca80b5e]:focus-visible,.fw-accordion--header[data-v-7ca80b5e]:hover{background-color:var(--v213cd3b2)}";
+var stylesheet = ".fw-accordion[data-v-7ca80b5e]{will-change:height}.fw-accordion--header-open[data-v-7ca80b5e],.fw-accordion--header[data-v-7ca80b5e]:focus-visible,.fw-accordion--header[data-v-7ca80b5e]:hover{background-color:var(--v213cd3b2)}";
 styleInject(css_248z);
 
 __default__.render = render;
-__default__.__scopeId = "data-v-bbfff254";
+__default__.__scopeId = "data-v-7ca80b5e";
 
 export { __default__ as FwAccordion };

package/esm/fw-alert.js

@@ -1,11 +1,11 @@
-import { defineComponent, computed, ref, onMounted, resolveComponent, createElementBlock, openBlock, normalizeClass, createCommentVNode, renderSlot, Fragment, createBlock } from 'vue';
-import { a as render$1, b as render$2 } from './index-BsEH8YYr.js';
+import { defineComponent, ref, computed, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createCommentVNode, renderSlot, resolveDynamicComponent, vShow } from 'vue';
+import { a as render$1, b as render$2 } from './index-DHyRsKsZ.js';
 
 var script = defineComponent({
   name: 'FwAlert',
   components: {
-    CheckSvg: render$2,
-    AlertSvg: render$1
+    CheckSvg: render$1,
+    AlertSvg: render$2
   },
   props: {
     /**
@@ -28,39 +28,46 @@ var script = defineComponent({
     }
   },
   setup: function setup(props) {
+    var visible = ref(true);
     var bgClass = computed(function () {
       if (props.variant === 'error') return 'bg-brand-error-bg';
       return 'bg-brand-success-bg';
     });
-    var defaultScale = ref('scale-0');
-    onMounted(function () {
-      setTimeout(function () {
-        defaultScale.value = 'scale-100';
-      }, 50);
+    var IconComp = computed(function () {
+      return props.variant === 'success' ? render$1 : render$2;
+    });
+    var iconClass = computed(function () {
+      return props.variant === 'success' ? 'text-brand-success-text' : 'text-brand-error-text';
     });
     return {
+      visible: visible,
       bgClass: bgClass,
-      defaultScale: defaultScale
+      IconComp: IconComp,
+      iconClass: iconClass
     };
   }
 });
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_CheckSvg = resolveComponent("CheckSvg");
-  var _component_AlertSvg = resolveComponent("AlertSvg");
-  return openBlock(), createElementBlock("div", {
-    "class": normalizeClass(["w-full rounded-md flex flex-row items-start justify-start p-4 box-border gap-3 transition-all duration-300", [_ctx.bgClass, _ctx.defaultScale]])
-  }, [!_ctx.disableIcon ? (openBlock(), createElementBlock(Fragment, {
-    key: 0
-  }, [_ctx.variant === 'success' ? (openBlock(), createBlock(_component_CheckSvg, {
-    key: 0,
-    name: "check",
-    "class": "w-6 h-6 min-w-6 text-brand-success-text"
-  })) : createCommentVNode("", true), _ctx.variant === 'error' ? (openBlock(), createBlock(_component_AlertSvg, {
-    key: 1,
-    name: "alert",
-    "class": "w-6 h-6 min-w-6 text-brand-error-text"
-  })) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2);
+  return openBlock(), createBlock(Transition, {
+    appear: "",
+    "enter-active-class": "transition transform duration-200 ease-out",
+    "enter-from-class": "opacity-0 scale-95",
+    "enter-to-class": "opacity-100 scale-100",
+    "leave-active-class": "transition transform duration-150 ease-in",
+    "leave-from-class": "opacity-100 scale-100",
+    "leave-to-class": "opacity-0 scale-95"
+  }, {
+    "default": withCtx(function () {
+      return [withDirectives(createElementVNode("div", {
+        "class": normalizeClass(["w-full rounded-md flex flex-row items-start justify-start p-4 box-border gap-3", _ctx.bgClass])
+      }, [_ctx.IconComp && !_ctx.disableIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.IconComp), {
+        key: 0,
+        "class": normalizeClass(["w-6 h-6 min-w-6", _ctx.iconClass])
+      }, null, 8, ["class"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2), [[vShow, _ctx.visible]])];
+    }),
+    _: 3
+  });
 }
 
 script.render = render;