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