@trackunit/react-components 1.5.28 → 1.5.29
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.
- package/index.cjs.js +5 -1
- package/index.esm.js +5 -1
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -2899,7 +2899,11 @@ const TrendIndicator = ({ trend, unit, isSmallVariant }) => {
|
|
|
2899
2899
|
return (jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-1", "data-testid": "trend-indicator", children: [!isSmallVariant && trend.value ? (jsxRuntime.jsxs(Text, { dataTestId: "trend-value", size: "small", weight: "normal", children: [trend.value, " ", unit] })) : null, trend.variant?.icon ? jsxRuntime.jsx(Icon, { color: trend.variant.color, name: trend.variant.icon, size: "small" }) : null, trend.percentage ? (jsxRuntime.jsxs(Text, { className: cvaKPITrendPercentage({ color: trend.variant?.color }), size: "small", weight: "bold", children: [trend.percentage, "%"] })) : null] }));
|
|
2900
2900
|
};
|
|
2901
2901
|
|
|
2902
|
-
const cvaKPICard = cssClassVarianceUtilities.cvaMerge([
|
|
2902
|
+
const cvaKPICard = cssClassVarianceUtilities.cvaMerge([
|
|
2903
|
+
"inline-flex",
|
|
2904
|
+
"gap-1",
|
|
2905
|
+
"hover:shadow-none", // overwriting the Card hover shadow when wrapped in a KPICard
|
|
2906
|
+
], {
|
|
2903
2907
|
variants: {
|
|
2904
2908
|
minHeight: {
|
|
2905
2909
|
default: ["min-h-[78px]"],
|
package/index.esm.js
CHANGED
|
@@ -2897,7 +2897,11 @@ const TrendIndicator = ({ trend, unit, isSmallVariant }) => {
|
|
|
2897
2897
|
return (jsxs("div", { className: "flex flex-row items-center gap-1", "data-testid": "trend-indicator", children: [!isSmallVariant && trend.value ? (jsxs(Text, { dataTestId: "trend-value", size: "small", weight: "normal", children: [trend.value, " ", unit] })) : null, trend.variant?.icon ? jsx(Icon, { color: trend.variant.color, name: trend.variant.icon, size: "small" }) : null, trend.percentage ? (jsxs(Text, { className: cvaKPITrendPercentage({ color: trend.variant?.color }), size: "small", weight: "bold", children: [trend.percentage, "%"] })) : null] }));
|
|
2898
2898
|
};
|
|
2899
2899
|
|
|
2900
|
-
const cvaKPICard = cvaMerge([
|
|
2900
|
+
const cvaKPICard = cvaMerge([
|
|
2901
|
+
"inline-flex",
|
|
2902
|
+
"gap-1",
|
|
2903
|
+
"hover:shadow-none", // overwriting the Card hover shadow when wrapped in a KPICard
|
|
2904
|
+
], {
|
|
2901
2905
|
variants: {
|
|
2902
2906
|
minHeight: {
|
|
2903
2907
|
default: ["min-h-[78px]"],
|