@cashub/ui 0.13.3 → 0.13.5

package/chart/BarChart.js

@@ -39,7 +39,6 @@ var BarChart = function BarChart(_ref) {
       options = _ref$options === void 0 ? {} : _ref$options,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var chartRef = (0, _react.useRef)();
   var theme = (0, _react.useContext)(_styledComponents.ThemeContext); // fix: read value from theme
 
   _reactChartjs.defaults.font.family = theme.fontFamily;
@@ -88,8 +87,18 @@ var BarChart = function BarChart(_ref) {
 
               return label.toString();
             },
-            labelTextColor: function labelTextColor() {
-              return theme.fontOnPrimary;
+            labelTextColor: function labelTextColor(context) {
+              var color = context.dataset.color;
+
+              if (!color) {
+                return theme.fontOnPrimary;
+              }
+
+              if (color && Array.isArray(color)) {
+                return color[context.dataIndex % color.length];
+              }
+
+              return color;
             }
           }
         }
@@ -130,7 +139,6 @@ var BarChart = function BarChart(_ref) {
     };
   }, [customOptions, theme.fontOnPrimary]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Bar, _objectSpread({
-    ref: chartRef,
     height: height,
     data: data,
     options: defaultOptions,

package/chart/DoughnutChart.js

@@ -54,11 +54,26 @@ var DoughnutChart = function DoughnutChart(_ref) {
           }
         },
         tooltip: {
-          enabled: false
+          enabled: false,
+          callbacks: {
+            labelTextColor: function labelTextColor(context) {
+              var color = context.dataset.color;
+
+              if (!color) {
+                return theme.fontOnPrimary;
+              }
+
+              if (color && Array.isArray(color)) {
+                return color[context.dataIndex % color.length];
+              }
+
+              return color;
+            }
+          }
         }
       }
     };
-  }, []);
+  }, [theme.fontOnPrimary]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Doughnut, _objectSpread({
     height: height,
     data: data,

package/chart/LineChart.js

@@ -88,8 +88,18 @@ var LineChart = function LineChart(_ref) {
                 backgroundColor: borderColor
               };
             },
-            labelTextColor: function labelTextColor() {
-              return theme.fontOnPrimary;
+            labelTextColor: function labelTextColor(context) {
+              var color = context.dataset.color;
+
+              if (!color) {
+                return theme.fontOnPrimary;
+              }
+
+              if (color && Array.isArray(color)) {
+                return color[context.dataIndex % color.length];
+              }
+
+              return color;
             }
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.13.3",
+  "version": "0.13.5",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",

package/styles/mixin/colorOnBackground.js

@@ -19,10 +19,10 @@ var colorOnBackground = (0, _styledComponents.css)(_templateObject || (_template
   return success && 'color: var(--font-on-success);';
 }, function (_ref3) {
   var warning = _ref3.warning;
-  return warning && 'color: var(--font-on-danger);';
+  return warning && 'color: var(--font-on-warning);';
 }, function (_ref4) {
   var danger = _ref4.danger;
-  return danger && 'color: var(--font-on-warning);';
+  return danger && 'color: var(--font-on-danger);';
 });
 var _default = colorOnBackground;
 exports.default = _default;