@frollo/frollo-web-ui 4.0.1 → 5.0.1

package/esm/fw-transactions-card.js

@@ -1,6 +1,6 @@
 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-c829ed20.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';
@@ -9,17 +9,17 @@ import './object-create-f6f3a673.js';
 import './object-keys-4f5bf4e7.js';
 import './es.number.constructor-d6ff8874.js';
 import './classof-39c30bd5.js';
-import './es.array.find-dfa1f42f.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 './array-method-is-strict-055b1830.js';
 import './fw-loading-bar-f5ca605c.js';
 import './style-inject.es-1f59c1d0.js';
-import './index-dbe0534d.js';
+import './index-e4a2f8b0.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({

package/esm/get-root-colours-e2a1cb28.js

@@ -0,0 +1,21 @@
+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 primaryFade40 = "".concat(colorPrimary, "66"); // Adds 40% transparency
+  var primaryFade5 = "".concat(colorPrimary, "0d"); // Adds 5% transparency
+  return {
+    colorPrimary: colorPrimary,
+    colorSecondary: colorSecondary,
+    colorTertiary: colorTertiary,
+    fontFamily: fontFamily,
+    colorBody: colorBody,
+    primaryFade5: primaryFade5,
+    primaryFade40: primaryFade40
+  };
+};
+
+export { useColours as u };

package/esm/{index-f0510452.js → index-2766bfe4.js}

@@ -12,6 +12,7 @@ import { d as doesNotExceedSafeInteger$1 } from './does-not-exceed-safe-integer-
 import { a as arraySpeciesCreate$1 } from './array-species-create-a5f5503b.js';
 import { c as createProperty$1 } from './create-property-534611fd.js';
 import { version as version$1, isProxy, toRaw, defineComponent, ref, shallowRef, onMounted, onBeforeUnmount, watch, h, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, createVNode } from 'vue';
+import { u as useColours } from './get-root-colours-e2a1cb28.js';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
 
 function _arrayLikeToArray(arr, len) {
@@ -3375,9 +3376,9 @@ function capBezierPoints(points, area) {
     }
     return valueInPixels;
 }
-const getComputedStyle$1 = (element)=>element.ownerDocument.defaultView.getComputedStyle(element, null);
+const getComputedStyle = (element)=>element.ownerDocument.defaultView.getComputedStyle(element, null);
 function getStyle(el, property) {
-    return getComputedStyle$1(el).getPropertyValue(property);
+    return getComputedStyle(el).getPropertyValue(property);
 }
 const positions = [
     'top',
@@ -3432,7 +3433,7 @@ const useOffsetPos = (x, y, target)=>(x > 0 || y > 0) && (!target || !target.sha
         return event;
     }
     const { canvas , currentDevicePixelRatio  } = chart;
-    const style = getComputedStyle$1(canvas);
+    const style = getComputedStyle(canvas);
     const borderBox = style.boxSizing === 'border-box';
     const paddings = getPositionedStyle(style, 'padding');
     const borders = getPositionedStyle(style, 'border', 'width');
@@ -3458,7 +3459,7 @@ function getContainerSize(canvas, width, height) {
             height = canvas.clientHeight;
         } else {
             const rect = container.getBoundingClientRect(); // this is the border box of the container
-            const containerStyle = getComputedStyle$1(container);
+            const containerStyle = getComputedStyle(container);
             const containerBorder = getPositionedStyle(containerStyle, 'border', 'width');
             const containerPadding = getPositionedStyle(containerStyle, 'padding');
             width = rect.width - containerPadding.width - containerBorder.width;
@@ -3477,7 +3478,7 @@ function getContainerSize(canvas, width, height) {
 const round1 = (v)=>Math.round(v * 10) / 10;
 // eslint-disable-next-line complexity
 function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
-    const style = getComputedStyle$1(canvas);
+    const style = getComputedStyle(canvas);
     const margins = getPositionedStyle(style, 'margin');
     const maxWidth = parseMaxStyle(style.maxWidth, canvas, 'clientWidth') || INFINITY;
     const maxHeight = parseMaxStyle(style.maxHeight, canvas, 'clientHeight') || INFINITY;
@@ -15680,12 +15681,12 @@ var script = defineComponent({
         return strToNumber(singleY);
       })) || [];
     });
-    var style = getComputedStyle(document.body);
-    var colorPrimary = style.getPropertyValue('--colorPrimary');
-    var fontFamily = style.getPropertyValue('--fontFamily');
-    var colorBody = style.getPropertyValue('--colorBody');
-    var primaryFade = "".concat(colorPrimary, "66"); // Adds 40% transparency
-    var bgColor = "".concat(colorPrimary, "0d"); // Adds 5% transparency
+    var _useColours = useColours(),
+      colorPrimary = _useColours.colorPrimary,
+      colorBody = _useColours.colorBody,
+      fontFamily = _useColours.fontFamily,
+      bgColor = _useColours.primaryFade5,
+      primaryFade = _useColours.primaryFade40;
     var maxY = computed(function () {
       return Math.max.apply(Math, _toConsumableArray(yModel.value));
     });