@nexxtmove/ui 0.1.64 → 0.1.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.js +2 -1
  3. package/package.json +1 -1
  4. package/src/components/CustomerJourneyTile/CustomerJourneyTile.vue +6 -4
package/dist/index.d.ts CHANGED
@@ -1184,6 +1184,7 @@ declare interface NexxtCustomerJourneyTileProps {
1184
1184
  delay?: number;
1185
1185
  percentage?: number;
1186
1186
  percentageExplanaition?: string;
1187
+ invertPercentageColor?: boolean;
1187
1188
  variant?: 'information' | 'display';
1188
1189
  selected?: boolean;
1189
1190
  }
package/dist/index.js CHANGED
@@ -5116,6 +5116,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
5116
5116
  delay: {},
5117
5117
  percentage: {},
5118
5118
  percentageExplanaition: {},
5119
+ invertPercentageColor: { type: Boolean, default: !1 },
5119
5120
  variant: { default: "information" },
5120
5121
  selected: { type: Boolean, default: !1 }
5121
5122
  },
@@ -5182,7 +5183,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
5182
5183
  I("span", {
5183
5184
  class: F([
5184
5185
  "extra-small-semibold",
5185
- i.percentage > 0 ? "text-green-500" : i.percentage === 0 ? "text-orange-500" : "text-brick-500"
5186
+ i.percentage === 0 ? "text-orange-500" : i.percentage > 0 !== i.invertPercentageColor ? "text-green-500" : "text-brick-500"
5186
5187
  ])
5187
5188
  }, [
5188
5189
  i.percentage > 0 ? (o(), y(V, { key: 0 }, [
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@nexxtmove/ui",
3
3
  "type": "module",
4
- "version": "0.1.64",
4
+ "version": "0.1.65",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
package/src/components/CustomerJourneyTile/CustomerJourneyTile.vue CHANGED
@@ -12,6 +12,7 @@ interface NexxtCustomerJourneyTileProps {
12
12
  delay?: number
13
13
  percentage?: number
14
14
  percentageExplanaition?: string
15
+ invertPercentageColor?: boolean
15
16
  variant?: 'information' | 'display'
16
17
  selected?: boolean
17
18
  }
@@ -28,6 +29,7 @@ const {
28
29
  delay,
29
30
  percentage,
30
31
  percentageExplanaition,
32
+ invertPercentageColor = false,
31
33
  variant = 'information',
32
34
  selected = false,
33
35
  } = defineProps<NexxtCustomerJourneyTileProps>()
@@ -118,10 +120,10 @@ const iconColors = computed(() => {
118
120
  <span
119
121
  class="extra-small-semibold"
120
122
  :class="
121
- percentage > 0
122
- ? 'text-green-500'
123
- : percentage === 0
124
- ? 'text-orange-500'
123
+ percentage === 0
124
+ ? 'text-orange-500'
125
+ : percentage > 0 !== invertPercentageColor
126
+ ? 'text-green-500'
125
127
  : 'text-brick-500'
126
128
  "
127
129
  ><template v-if="percentage > 0">+</template>{{ percentage }}%</span