toggle-components-library 1.24.7 → 1.24.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-components-library",
-  "version": "1.24.7",
+  "version": "1.24.8",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/metrics/ToggleMetricBarChart.vue

@@ -69,7 +69,8 @@ export default {
         plotOptions: {
           bar: {
             borderRadius: 5,
-            columnWidth: '60%',
+            columnWidth: '85%',
+            
           }
           
         },
@@ -112,17 +113,17 @@ export default {
        
         colors: this.colors ? this.colors : this.getDefaultColors(),
         legend: {
-          horizontalAlign: 'left',
-          offsetX: -12,
+          horizontalAlign: 'center',
           showForSingleSeries: true,
+          fontSize: '16px',
           markers: {
             width: 50,
+            height: 12,
             radius: 5,
-            offsetY: 3
           },
         
         itemMargin: {
-            horizontal: 5,
+            horizontal: 30,
             vertical: 0
         },
           

package/src/components/metrics/ToggleMetricPieChart.vue

@@ -68,7 +68,7 @@ export default {
             style: {
               colors: [this.getColor('black')],
               fontSize: '1rem',
-              fontWeight: 300
+              fontWeight: 'bold'
             },
             background: {
               enabled: false,

package/src/components/metrics/ToggleMetricSparkLine.vue

@@ -136,6 +136,9 @@ export default {
             },
             stroke: {
                 width: 5,
+                curve: 'smooth',
+                lineCap: 'butt',
+                
             },
             grid: {
                 padding: {

package/src/components/mixins/mixins.js

@@ -126,7 +126,7 @@ export const charts = {
 
             // If all values in the values array are 0 return 0;
             if (values.every((val) => val === 0)){
-               return 0;
+               return false;
             }
 
             let sum = 0 

package/src/sass/includes/_as_metrics.scss

@@ -30,8 +30,8 @@
 
 .funnel-grid-svg {
     min-height: 12rem;
-    background: transparent url('../assets/img/funnel.svg') no-repeat padding-box bottom;
-    background-size: 100% 100%;
+    background: transparent url('../assets/img/funnel.svg') no-repeat padding-box center;
+    background-size: 100% auto;
     grid-row-start: 2;
     grid-column-start: 1;
     grid-row-end: 3;

package/src/sass/includes/_as_navs.scss

@@ -140,7 +140,7 @@
   min-height: 100vh;
 
   .toggle-multi-tier-sidenav-logo {
-    max-width: 6rem;
+    max-width: 5rem;
     margin: 1rem 0 1rem 0.6rem;
   }