@ammarkhalidfarooq/dashboard-package 0.6.38 → 0.6.39

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/dist/index.cjs.js CHANGED
@@ -1570,8 +1570,10 @@ var THEME = {
1570
1570
  pageBg: "#F8FAFC",
1571
1571
  panelBg: "#FFFFFF",
1572
1572
  panelBorder: "#DDE3EA",
1573
- kpiBg: "#F6F8FF",
1574
- kpiBorder: "#D9E0FF",
1573
+ kpiBgPrimary: "#EEF2FF",
1574
+ kpiBorderPrimary: "#C7D2FE",
1575
+ kpiBgSecondary: "#F8FAFF",
1576
+ kpiBorderSecondary: "#DDE3EA",
1575
1577
  tableHeadBg: "#EEF2FF",
1576
1578
  tableAltBg: "#F8FAFF",
1577
1579
  muted: "#94A3B8",
@@ -1956,14 +1958,17 @@ var KpiCard = function KpiCard(_ref7) {
1956
1958
  var title = _ref7.title,
1957
1959
  value = _ref7.value,
1958
1960
  trend = _ref7.trend,
1959
- detail = _ref7.detail;
1961
+ detail = _ref7.detail,
1962
+ _ref7$variant = _ref7.variant,
1963
+ variant = _ref7$variant === void 0 ? "secondary" : _ref7$variant;
1960
1964
  var neg = "".concat(trend).trim().startsWith("-");
1965
+ var isPrimary = variant === "primary";
1961
1966
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
1962
1967
  style: {
1963
- border: "1px solid ".concat(THEME.kpiBorder),
1968
+ border: "1px solid ".concat(isPrimary ? THEME.kpiBorderPrimary : THEME.kpiBorderSecondary),
1964
1969
  borderRadius: 8,
1965
1970
  padding: "10px 12px 9px",
1966
- background: THEME.kpiBg,
1971
+ background: isPrimary ? THEME.kpiBgPrimary : THEME.kpiBgSecondary,
1967
1972
  width: "100%",
1968
1973
  minWidth: 0,
1969
1974
  boxSizing: "border-box",
@@ -2430,7 +2435,8 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
2430
2435
  title: "Total Raised",
2431
2436
  value: hero.value,
2432
2437
  trend: hero.trend,
2433
- detail: hero.detail
2438
+ detail: hero.detail,
2439
+ variant: "primary"
2434
2440
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
2435
2441
  style: {
2436
2442
  display: "grid",