@frollo/frollo-web-ui 5.0.2 → 5.0.4

package/esm/fw-tag.js

@@ -1,164 +1,15 @@
-import './es.array.includes-91be7771.js';
-import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
+export { _ as FwTag } from './fw-tag-a8a83c0a.js';
+import './es.array.includes-a06445a5.js';
+import './is-forced-fc680e39.js';
+import './export-8a363004.js';
+import './add-to-unscopables-31609885.js';
+import './object-create-bc771493.js';
+import './object-keys-17f3b440.js';
+import 'vue';
 import './fw-button.js';
-import { c as render$1 } from './index-e4a2f8b0.js';
-import { u as useColours } from './get-root-colours-e2a1cb28.js';
-import { s as script } from './fw-button-8d131219.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './is-forced-752b5893.js';
-import './export-a37ba078.js';
-import './add-to-unscopables-2400f45b.js';
-import './object-create-f6f3a673.js';
-import './object-keys-4f5bf4e7.js';
+import './fw-button-99dba2bc.js';
+import './fw-loading-spinner-cc1ca2fa.js';
+import './index-0a63f2c3.js';
 import './check-94a5917a.js';
-import './fw-loading-spinner-c394fafc.js';
-
-var __default__ = defineComponent({
-  name: 'FwTag',
-  components: {
-    FwButton: script,
-    XMarkSvg: render$1
-  },
-  emits: ['dismissed'],
-  props: {
-    /**
-     * The size of the tag. Accepts: 'xs', 'sm' & 'md'
-     */
-    size: {
-      type: String,
-      "default": 'xs',
-      validator: function validator(value) {
-        return ['xs', 'sm', 'md'].includes(value);
-      }
-    },
-    /**
-     * The colour variant of the tag.
-     * Accepts 'primary', 'secondary', 'alert', 'error', 'success'
-     */
-    variant: {
-      type: String,
-      "default": 'primary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'alert', 'error', 'success'].includes(value);
-      }
-    },
-    /**
-     * Whether the tag can be dismissed or closed.
-     * Emits the @dismissed event
-     */
-    dismissable: {
-      type: Boolean,
-      "default": false
-    }
-  },
-  setup: function setup(props) {
-    var baseClass = ref("\n      inline-flex items-center justify-center font-semibold text-center whitespace-nowrap rounded-full shadow\n    ");
-    var _useColours = useColours(),
-      primaryFade5 = _useColours.primaryFade5;
-    var tagClasses = ref({
-      primary: {
-        text: 'text-button-primary-text',
-        background: 'bg-button-primary-bg',
-        iconType: 'primary'
-      },
-      secondary: {
-        text: 'text-primary',
-        background: 'fw-tag--secondary-bg',
-        iconType: 'tertiary'
-      },
-      alert: {
-        text: 'text-white',
-        background: 'bg-alert',
-        iconType: 'error'
-      },
-      success: {
-        text: 'text-white',
-        background: 'bg-success',
-        iconType: 'success'
-      },
-      error: {
-        text: 'text-white',
-        background: 'bg-error',
-        iconType: 'error'
-      }
-    });
-    var sizes = ref({
-      xs: 'px-2 py-px text-xs',
-      sm: 'px-4 py-1 text-xs',
-      md: 'px-3 py-[4.75px] text-xs'
-    });
-    var iconSizes = ref({
-      xs: 'w-4 h-4',
-      sm: 'w-5 h-5',
-      md: 'w-6 h-6'
-    });
-    var textColorClass = computed(function () {
-      return tagClasses.value[props.variant].text;
-    });
-    var bgColorClass = computed(function () {
-      return tagClasses.value[props.variant].background;
-    });
-    var iconButtonType = computed(function () {
-      return tagClasses.value[props.variant].iconType;
-    });
-    var sizeClass = computed(function () {
-      return sizes.value[props.size];
-    });
-    var iconSizeClass = computed(function () {
-      return iconSizes.value[props.size];
-    });
-    return {
-      baseClass: baseClass,
-      textColorClass: textColorClass,
-      bgColorClass: bgColorClass,
-      sizeClass: sizeClass,
-      iconSizeClass: iconSizeClass,
-      iconButtonType: iconButtonType,
-      primaryFade5: primaryFade5
-    };
-  }
-});
-var __injectCSSVars__ = function __injectCSSVars__() {
-  useCssVars(function (_ctx) {
-    return {
-      "f1e3ea3e": _ctx.primaryFade5
-    };
-  });
-};
-var __setup__ = __default__.setup;
-__default__.setup = __setup__ ? function (props, ctx) {
-  __injectCSSVars__();
-  return __setup__(props, ctx);
-} : __injectCSSVars__;
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_XMarkSvg = resolveComponent("XMarkSvg");
-  var _component_FwButton = resolveComponent("FwButton");
-  return openBlock(), createElementBlock("span", {
-    "class": normalizeClass(["fw-tag", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass]])
-  }, [renderSlot(_ctx.$slots, "default"), _ctx.dismissable ? (openBlock(), createBlock(_component_FwButton, {
-    key: 0,
-    variant: _ctx.iconButtonType,
-    tabindex: "",
-    title: "Dismiss filter",
-    onClick: _cache[0] || (_cache[0] = function ($event) {
-      return _ctx.$emit('dismissed');
-    }),
-    "class": normalizeClass([_ctx.iconSizeClass, "ml-1 !p-0 flex items-center justify-center border-none rounded-full"])
-  }, {
-    "default": withCtx(function () {
-      return [createVNode(_component_XMarkSvg, {
-        "class": "w-full h-full font-semibold m-0"
-      })];
-    }),
-    _: 1
-  }, 8, ["variant", "class"])) : createCommentVNode("", true)], 2);
-}
-
-var css_248z = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--f1e3ea3e)}";
-var stylesheet = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--f1e3ea3e)}";
-styleInject(css_248z);
-
-__default__.render = render;
-
-export { __default__ as FwTag };
+import './style-inject.es-1f59c1d0.js';
+import './get-root-colours-865a52ba.js';

package/esm/fw-toast.js

@@ -1,87 +1,25 @@
-import './es.array.includes-91be7771.js';
-import { t as toString$1 } from './es.number.constructor-d6ff8874.js';
-import { n as isObject$1, p as classofRaw, w as wellKnownSymbol$2, f as functionUncurryThis, r as requireObjectCoercible$1 } from './is-forced-752b5893.js';
-import { _ as _export } from './export-a37ba078.js';
-import './es.array.concat-987938be.js';
-import './web.timers-0f117224.js';
-import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, toDisplayString, renderSlot } from 'vue';
+import './es.array.includes-a06445a5.js';
+import './es.number.constructor-98bae04f.js';
+import './es.string.includes-ade04f96.js';
+import './es.array.concat-fe990345.js';
+import './web.timers-c5316125.js';
+import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, renderSlot } from 'vue';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
-import { f as render$1, g as render$2, a as render$3 } from './index-e4a2f8b0.js';
+import { f as render$1, g as render$2, a as render$3 } from './index-0a63f2c3.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './add-to-unscopables-2400f45b.js';
-import './object-create-f6f3a673.js';
-import './object-keys-4f5bf4e7.js';
-import './classof-39c30bd5.js';
-import './array-species-create-a5f5503b.js';
-import './does-not-exceed-safe-integer-31d08811.js';
-import './create-property-534611fd.js';
-import './array-method-has-species-support-3d413468.js';
-import './function-apply-ce251590.js';
+import './is-forced-fc680e39.js';
+import './export-8a363004.js';
+import './add-to-unscopables-31609885.js';
+import './object-create-bc771493.js';
+import './object-keys-17f3b440.js';
+import './classof-ee4b3b5b.js';
+import './array-species-create-b125f4a4.js';
+import './does-not-exceed-safe-integer-8e0042ec.js';
+import './create-property-c70ecc08.js';
+import './array-method-has-species-support-8a4b1310.js';
+import './function-apply-b908d7e6.js';
 import './check-94a5917a.js';
 
-var es_string_includes = {};
-
-var isObject = isObject$1;
-var classof = classofRaw;
-var wellKnownSymbol$1 = wellKnownSymbol$2;
-
-var MATCH$1 = wellKnownSymbol$1('match');
-
-// `IsRegExp` abstract operation
-// https://tc39.es/ecma262/#sec-isregexp
-var isRegexp = function (it) {
-  var isRegExp;
-  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');
-};
-
-var isRegExp = isRegexp;
-
-var $TypeError = TypeError;
-
-var notARegexp = function (it) {
-  if (isRegExp(it)) {
-    throw $TypeError("The method doesn't accept regular expressions");
-  } return it;
-};
-
-var wellKnownSymbol = wellKnownSymbol$2;
-
-var MATCH = wellKnownSymbol('match');
-
-var correctIsRegexpLogic = function (METHOD_NAME) {
-  var regexp = /./;
-  try {
-    '/./'[METHOD_NAME](regexp);
-  } catch (error1) {
-    try {
-      regexp[MATCH] = false;
-      return '/./'[METHOD_NAME](regexp);
-    } catch (error2) { /* empty */ }
-  } return false;
-};
-
-'use strict';
-var $ = _export;
-var uncurryThis = functionUncurryThis;
-var notARegExp = notARegexp;
-var requireObjectCoercible = requireObjectCoercible$1;
-var toString = toString$1;
-var correctIsRegExpLogic = correctIsRegexpLogic;
-
-var stringIndexOf = uncurryThis(''.indexOf);
-
-// `String.prototype.includes` method
-// https://tc39.es/ecma262/#sec-string.prototype.includes
-$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
-  includes: function includes(searchString /* , position = 0 */) {
-    return !!~stringIndexOf(
-      toString(requireObjectCoercible(this)),
-      toString(notARegExp(searchString)),
-      arguments.length > 1 ? arguments[1] : undefined
-    );
-  }
-});
-
 var script = defineComponent({
   name: 'FwToast',
   components: {
@@ -228,10 +166,7 @@ var _hoisted_1 = ["id"];
 var _hoisted_2 = {
   "class": "inline-flex items-center gap-x-4"
 };
-var _hoisted_3 = {
-  key: 0,
-  "class": "text-base mb-0"
-};
+var _hoisted_3 = ["innerHTML"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(Fragment, null, [_ctx.mountContainer ? (openBlock(), createBlock(Teleport, {
     key: 0,
@@ -258,7 +193,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.svgComponent[_ctx.type]), {
         "aria-hidden": "true",
         "class": "text-white min-w-[24px] min-h-[24px] w-[24px] h-[24px]"
-      })), _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", {
+      })), _ctx.content ? (openBlock(), createElementBlock("p", {
+        key: 0,
+        "class": "text-base mb-0",
+        innerHTML: _ctx.content
+      }, null, 8, _hoisted_3)) : renderSlot(_ctx.$slots, "default", {
         key: 1
       })])], 10, _hoisted_1)) : createCommentVNode("", true)];
     }),

package/esm/fw-transactions-card.js

@@ -1,25 +1,25 @@
 import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
 import { s as script$1 } from './fw-card-1b6a67fe.js';
-import { s as script$2 } from './fw-image-4787a8bd.js';
-import './es.array.includes-91be7771.js';
-import './is-forced-752b5893.js';
-import './export-a37ba078.js';
-import './add-to-unscopables-2400f45b.js';
-import './object-create-f6f3a673.js';
-import './object-keys-4f5bf4e7.js';
-import './es.number.constructor-d6ff8874.js';
-import './classof-39c30bd5.js';
-import './array-iteration-107f927f.js';
-import './array-species-create-a5f5503b.js';
-import './array-method-is-strict-055b1830.js';
-import './es.array.find-dfa1f42f.js';
-import './es.string.iterator-590198a8.js';
-import './create-property-534611fd.js';
-import './web.timers-0f117224.js';
-import './function-apply-ce251590.js';
+import { s as script$2 } from './fw-image-ae643123.js';
+import './es.array.includes-a06445a5.js';
+import './is-forced-fc680e39.js';
+import './export-8a363004.js';
+import './add-to-unscopables-31609885.js';
+import './object-create-bc771493.js';
+import './object-keys-17f3b440.js';
+import './es.number.constructor-98bae04f.js';
+import './classof-ee4b3b5b.js';
+import './array-iteration-ec356eb3.js';
+import './array-species-create-b125f4a4.js';
+import './array-method-is-strict-fc2e0d8d.js';
+import './es.array.find-67b3b514.js';
+import './es.string.iterator-0992bb28.js';
+import './create-property-c70ecc08.js';
+import './web.timers-c5316125.js';
+import './function-apply-b908d7e6.js';
 import './fw-loading-bar-f5ca605c.js';
 import './style-inject.es-1f59c1d0.js';
-import './index-e4a2f8b0.js';
+import './index-0a63f2c3.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({

package/esm/get-root-colours-865a52ba.js

@@ -0,0 +1,37 @@
+var useColours = function useColours() {
+  var style = getComputedStyle(document.body);
+  var colorPrimary = style.getPropertyValue('--colorPrimary');
+  var colorSecondary = style.getPropertyValue('--colorSecondary');
+  var colorTertiary = style.getPropertyValue('--colorTertiary');
+  var fontFamily = style.getPropertyValue('--fontFamily');
+  var colorBody = style.getPropertyValue('--colorBody');
+  var primaryFade5 = "".concat(colorPrimary, "0d"); // Adds 5% transparency
+  var primaryFade10 = "".concat(colorPrimary, "1a"); // Adds 10% transparency
+  var primaryFade20 = "".concat(colorPrimary, "33"); // Adds 20% transparency
+  var primaryFade30 = "".concat(colorPrimary, "4d"); // Adds 30% transparency
+  var primaryFade40 = "".concat(colorPrimary, "66"); // Adds 40% transparency
+  var primaryFade50 = "".concat(colorPrimary, "80"); // Adds 50% transparency
+  var primaryFade60 = "".concat(colorPrimary, "99"); // Adds 60% transparency
+  var primaryFade70 = "".concat(colorPrimary, "b3"); // Adds 70% transparency
+  var primaryFade80 = "".concat(colorPrimary, "cc"); // Adds 80% transparency
+  var primaryFade90 = "".concat(colorPrimary, "e6"); // Adds 90% transparency
+  return {
+    colorPrimary: colorPrimary,
+    colorSecondary: colorSecondary,
+    colorTertiary: colorTertiary,
+    fontFamily: fontFamily,
+    colorBody: colorBody,
+    primaryFade5: primaryFade5,
+    primaryFade10: primaryFade10,
+    primaryFade20: primaryFade20,
+    primaryFade30: primaryFade30,
+    primaryFade40: primaryFade40,
+    primaryFade50: primaryFade50,
+    primaryFade60: primaryFade60,
+    primaryFade70: primaryFade70,
+    primaryFade80: primaryFade80,
+    primaryFade90: primaryFade90
+  };
+};
+
+export { useColours as u };