@ammarkhalidfarooq/dashboard-package 0.6.37 → 0.6.39

package/dist/index.cjs.js

@@ -1570,8 +1570,10 @@ var THEME = {
   pageBg: "#F8FAFC",
   panelBg: "#FFFFFF",
   panelBorder: "#DDE3EA",
-  kpiBg: "#F6F8FF",
-  kpiBorder: "#D9E0FF",
+  kpiBgPrimary: "#EEF2FF",
+  kpiBorderPrimary: "#C7D2FE",
+  kpiBgSecondary: "#F8FAFF",
+  kpiBorderSecondary: "#DDE3EA",
   tableHeadBg: "#EEF2FF",
   tableAltBg: "#F8FAFF",
   muted: "#94A3B8",
@@ -1956,14 +1958,17 @@ var KpiCard = function KpiCard(_ref7) {
   var title = _ref7.title,
     value = _ref7.value,
     trend = _ref7.trend,
-    detail = _ref7.detail;
+    detail = _ref7.detail,
+    _ref7$variant = _ref7.variant,
+    variant = _ref7$variant === void 0 ? "secondary" : _ref7$variant;
   var neg = "".concat(trend).trim().startsWith("-");
+  var isPrimary = variant === "primary";
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: {
-      border: "1px solid ".concat(THEME.kpiBorder),
+      border: "1px solid ".concat(isPrimary ? THEME.kpiBorderPrimary : THEME.kpiBorderSecondary),
       borderRadius: 8,
       padding: "10px 12px 9px",
-      background: THEME.kpiBg,
+      background: isPrimary ? THEME.kpiBgPrimary : THEME.kpiBgSecondary,
       width: "100%",
       minWidth: 0,
       boxSizing: "border-box",
@@ -2131,24 +2136,26 @@ var PageHeader = function PageHeader(_ref9) {
     }), !!"".concat(activeFilters || "").trim() && /*#__PURE__*/jsxRuntime.jsxs("div", {
       style: {
         marginTop: 7,
-        display: "inline-flex",
-        gap: 5,
+        display: "inline-block",
         background: "#EEF2FF",
         border: "1px solid #D7DEFF",
         borderRadius: 4,
-        padding: "3px 9px",
-        fontSize: 8.5
+        padding: "4px 9px",
+        fontSize: 9,
+        lineHeight: 1.35,
+        color: "#374151",
+        maxWidth: "100%"
       },
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         style: {
           fontWeight: 700,
-          color: "#374151",
-          letterSpacing: "0.4px"
+          letterSpacing: "0.3px"
         },
-        children: "ACTIVE FILTERS"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        children: "ACTIVE FILTERS:"
+      }), " ", /*#__PURE__*/jsxRuntime.jsx("span", {
         style: {
-          color: "#6B7280"
+          fontWeight: 500,
+          color: "#334155"
         },
         children: activeFilters
       })]
@@ -2428,7 +2435,8 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
           title: "Total Raised",
           value: hero.value,
           trend: hero.trend,
-          detail: hero.detail
+          detail: hero.detail,
+          variant: "primary"
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           style: {
             display: "grid",