@weni/unnnic-system 1.3.1 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "main": "./dist/unnnic.common.js",
   "files": [
     "dist/*",

package/src/assets/icons/graph-stats-descend-2.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
+  <path d="M 5.937 11.563 C 6.187 11.563 6.424 11.66 6.6 11.838 L 15.587 20.824 C 15.764 21 16 21.098 16.25 21.098 C 16.501 21.098 16.736 21 16.913 20.824 L 20.824 16.913 C 21.354 16.382 22.06 16.09 22.811 16.09 C 23.564 16.09 24.27 16.382 24.801 16.913 L 33.125 25.237 L 33.125 19.063 C 33.125 18.545 33.545 18.125 34.063 18.125 C 34.58 18.125 35 18.545 35 19.063 L 35 27.5 C 35 27.612 34.98 27.723 34.943 27.824 C 34.939 27.835 34.934 27.847 34.93 27.857 C 34.835 28.087 34.649 28.273 34.429 28.363 C 34.416 28.368 34.403 28.373 34.389 28.378 C 34.283 28.418 34.174 28.438 34.063 28.438 L 25.625 28.438 C 25.108 28.438 24.688 28.018 24.688 27.5 C 24.688 26.983 25.108 26.563 25.625 26.563 L 31.801 26.563 L 23.478 18.239 C 23.3 18.062 23.064 17.964 22.814 17.964 C 22.564 17.964 22.328 18.062 22.15 18.239 L 18.24 22.149 C 17.71 22.679 17.004 22.972 16.251 22.972 C 15.499 22.972 14.792 22.68 14.261 22.149 L 5.275 13.163 C 5.097 12.987 5 12.75 5 12.5 C 5 12.25 5.097 12.014 5.275 11.838 C 5.451 11.66 5.687 11.563 5.937 11.563 Z" fill="#3B414D" class="primary" bx:origin="0.5 0.49997"/>
+</svg>

package/src/components/Card/Card.vue

@@ -14,6 +14,7 @@
       :button-action="buttonAction"
       :value="value"
       :percent="percent"
+      :inverted-percentage="invertedPercentage"
       :status="status"
       :description="description"
       :info-position="infoPosition"
@@ -77,6 +78,10 @@ export default {
       type: Number,
       default: 0,
     },
+    invertedPercentage: {
+      type: Boolean,
+      default: false,
+    },
     rating: {
       type: Number,
       default: 0,

package/src/components/Card/DashCard.vue

@@ -15,7 +15,7 @@
 
       <div v-if="percent" :class="['percent', `unnnic-card-scheme--feedback-${color}`]">
         <unnnic-icon
-          icon="graph-stats-ascend-2"
+          :icon="`graph-stats-${percent >= 0 ? 'ascend' : 'descend'}-2`"
           :scheme="`feedback-${color}`"
           size="sm"
           class="icon"
@@ -56,6 +56,10 @@ export default {
       type: Number,
       default: 0,
     },
+    invertedPercentage: {
+      type: Boolean,
+      default: false,
+    },
     scheme: {
       type: String,
       default: null,
@@ -64,6 +68,10 @@ export default {
 
   computed: {
     color() {
+      if (this.invertedPercentage) {
+        return this.percent < 0 ? 'green' : 'red';
+      }
+
       return this.percent < 0 ? 'red' : 'green';
     },
   },

package/src/utils/icons.js

@@ -87,6 +87,7 @@ import alarmBell3 from '!!svg-inline-loader!../assets/icons/alarm-bell-3.svg';
 import alertCircle1 from '!!svg-inline-loader!../assets/icons/alert-circle-1.svg';
 import bookAddress2 from '!!svg-inline-loader!../assets/icons/book-address-2.svg';
 import graphStatsAscend2 from '!!svg-inline-loader!../assets/icons/graph-stats-ascend-2.svg';
+import graphStatsDescend2 from '!!svg-inline-loader!../assets/icons/graph-stats-descend-2.svg';
 import synchronizeArrowClock5 from '!!svg-inline-loader!../assets/icons/synchronize-arrow-clock-5.svg';
 import emailActionUnread1 from '!!svg-inline-loader!../assets/icons/email-action-unread-1.svg';
 import synchronizeArrowClock4 from '!!svg-inline-loader!../assets/icons/synchronize-arrow-clock-4.svg';
@@ -229,6 +230,7 @@ export default {
   'alert-circle-1': alertCircle1,
   'book-address-2': bookAddress2,
   'graph-stats-ascend-2': graphStatsAscend2,
+  'graph-stats-descend-2': graphStatsDescend2,
   'synchronize-arrow-clock-5': synchronizeArrowClock5,
   'email-action-unread-1': emailActionUnread1,
   'synchronize-arrow-clock-4': synchronizeArrowClock4,