pixelize-design-library 2.2.144 → 2.2.146

package/dist/Theme/chartColorsFromTheme.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultSeriesColors = getDefaultSeriesColors;
+exports.mergeChartTitleStyle = mergeChartTitleStyle;
+exports.chartAxisLabelColor = chartAxisLabelColor;
+exports.chartTooltipBackground = chartTooltipBackground;
+exports.chartTooltipForeground = chartTooltipForeground;
+/** Default multi-series palette for Apex charts (strings required by ApexCharts). */
+function getDefaultSeriesColors(colors) {
+    return [
+        colors.primary[500],
+        colors.semantic.error[500],
+        colors.semantic.success[500],
+        colors.orange[500],
+    ];
+}
+function mergeChartTitleStyle(colors, titleStyle) {
+    return __assign({ fontSize: "16px", fontWeight: 600, fontFamily: "Arial", color: colors.primary[500] }, titleStyle);
+}
+function chartAxisLabelColor(colors) {
+    return colors.gray[700];
+}
+function chartTooltipBackground(colors) {
+    return colors.gray[700];
+}
+function chartTooltipForeground(colors) {
+    return colors.white;
+}

package/dist/Theme/chartColorsFromTheme.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Theme/chartColorsFromTheme.test.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var chartColorsFromTheme_1 = require("./chartColorsFromTheme");
+var mockColors = {
+    primary: { 500: "#111111" },
+    semantic: {
+        error: { 500: "#222222" },
+        success: { 500: "#333333" },
+    },
+    orange: { 500: "#444444" },
+    gray: { 700: "#555555" },
+    white: "#ffffff",
+};
+describe("chartColorsFromTheme", function () {
+    it("getDefaultSeriesColors returns four theme hues", function () {
+        expect((0, chartColorsFromTheme_1.getDefaultSeriesColors)(mockColors)).toEqual([
+            "#111111",
+            "#222222",
+            "#333333",
+            "#444444",
+        ]);
+    });
+    it("mergeChartTitleStyle applies primary then overrides", function () {
+        expect((0, chartColorsFromTheme_1.mergeChartTitleStyle)(mockColors, { fontSize: "20px" })).toMatchObject({
+            color: "#111111",
+            fontSize: "20px",
+            fontWeight: 600,
+            fontFamily: "Arial",
+        });
+        expect((0, chartColorsFromTheme_1.mergeChartTitleStyle)(mockColors, { color: "#999999" }).color).toBe("#999999");
+    });
+    it("chartAxisLabelColor reads gray scale", function () {
+        expect((0, chartColorsFromTheme_1.chartAxisLabelColor)(mockColors)).toBe("#555555");
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.2.144",
+  "version": "2.2.146",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",