@ammarkhalidfarooq/dashboard-package 0.4.60 → 0.4.62

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.
Files changed (5) hide show
  1. package/dist/index.cjs.js +58 -88
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +58 -88
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -4962,95 +4962,18 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
4962
4962
  },
4963
4963
  children: "Trust health \xB7 30-day window"
4964
4964
  })]
4965
- }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4966
- sx: {
4967
- display: "flex",
4968
- gap: 10,
4969
- mb: 1.5
4970
- },
4971
- children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4972
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4973
- sx: {
4974
- fontSize: "10px",
4975
- fontWeight: 700,
4976
- color: "#22C55E",
4977
- textTransform: "uppercase"
4978
- },
4979
- children: "Refunds"
4980
- }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4981
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4982
- sx: {
4983
- fontSize: "24px",
4984
- fontWeight: 700,
4985
- color: "#000"
4986
- },
4987
- children: "0.8%"
4988
- }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
4989
- sx: {
4990
- display: "flex",
4991
- alignItems: "center",
4992
- color: "#22C55E"
4993
- },
4994
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4995
- sx: {
4996
- fontSize: "12px",
4997
- fontWeight: 700
4998
- },
4999
- children: "\u25BC 0.3pp"
5000
- })
5001
- })]
5002
- })]
5003
- }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5004
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5005
- sx: {
5006
- fontSize: "10px",
5007
- fontWeight: 700,
5008
- color: "#EF4444",
5009
- textTransform: "uppercase"
5010
- },
5011
- children: "Chargebacks"
5012
- }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5013
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5014
- sx: {
5015
- fontSize: "24px",
5016
- fontWeight: 700,
5017
- color: "#000"
5018
- },
5019
- children: "0.1%"
5020
- }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5021
- sx: {
5022
- fontSize: "12px",
5023
- color: "rgba(0, 0, 0, 0.4)",
5024
- fontWeight: 500
5025
- },
5026
- children: "\xB7 stable"
5027
- })]
5028
- })]
5029
- })]
5030
- }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
5031
- sx: {
5032
- mb: 0
5033
- },
5034
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5035
- sx: {
5036
- fontSize: "12px",
5037
- color: "rgba(0, 0, 0, 0.3)",
5038
- fontWeight: 500,
5039
- textAlign: "left"
5040
- },
5041
- children: "$1,927 refunded \xB7 $215 disputed \xB7 0 cases total"
5042
- })
5043
4965
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5044
4966
  sx: {
5045
4967
  display: "flex",
5046
4968
  gap: 2,
5047
- mb: 0
4969
+ mt: 0.5,
4970
+ mb: 2
5048
4971
  },
5049
4972
  children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5050
4973
  sx: {
5051
4974
  display: "flex",
5052
4975
  alignItems: "center",
5053
- gap: 1
4976
+ gap: 0.5
5054
4977
  },
5055
4978
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
5056
4979
  sx: {
@@ -5061,17 +4984,31 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
5061
4984
  }
5062
4985
  }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5063
4986
  sx: {
5064
- fontSize: "12px",
5065
- color: "rgba(0, 0, 0, 0.6)",
4987
+ fontSize: "13px",
4988
+ color: "rgba(0, 0, 0, 0.5)",
5066
4989
  fontWeight: 500
5067
4990
  },
5068
4991
  children: "Refunds"
4992
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4993
+ sx: {
4994
+ fontSize: "13px",
4995
+ fontWeight: 600,
4996
+ color: "#000"
4997
+ },
4998
+ children: "0.8%"
4999
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5000
+ sx: {
5001
+ fontSize: "12px",
5002
+ fontWeight: 700,
5003
+ color: "#22C55E"
5004
+ },
5005
+ children: "\u25BC 0.3pp"
5069
5006
  })]
5070
5007
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5071
5008
  sx: {
5072
5009
  display: "flex",
5073
5010
  alignItems: "center",
5074
- gap: 1
5011
+ gap: 0.5
5075
5012
  },
5076
5013
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
5077
5014
  sx: {
@@ -5082,13 +5019,40 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
5082
5019
  }
5083
5020
  }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5084
5021
  sx: {
5085
- fontSize: "12px",
5086
- color: "rgba(0, 0, 0, 0.6)",
5022
+ fontSize: "13px",
5023
+ color: "rgba(0, 0, 0, 0.5)",
5087
5024
  fontWeight: 500
5088
5025
  },
5089
5026
  children: "Chargebacks"
5027
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5028
+ sx: {
5029
+ fontSize: "13px",
5030
+ fontWeight: 600,
5031
+ color: "#000"
5032
+ },
5033
+ children: "0.1%"
5034
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5035
+ sx: {
5036
+ fontSize: "12px",
5037
+ color: "rgba(0, 0, 0, 0.4)",
5038
+ fontWeight: 500
5039
+ },
5040
+ children: "\xB7 stable"
5090
5041
  })]
5091
5042
  })]
5043
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
5044
+ sx: {
5045
+ mb: 0
5046
+ },
5047
+ children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5048
+ sx: {
5049
+ fontSize: "12px",
5050
+ color: "rgba(0, 0, 0, 0.3)",
5051
+ fontWeight: 500,
5052
+ textAlign: "left"
5053
+ },
5054
+ children: "$1,927 refunded \xB7 $215 disputed \xB7 0 cases total"
5055
+ })
5092
5056
  }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
5093
5057
  sx: {
5094
5058
  height: 160,
@@ -5615,8 +5579,8 @@ var OverallSection = function OverallSection(_ref) {
5615
5579
  gridTemplateColumns: {
5616
5580
  xs: "1fr 1fr",
5617
5581
  sm: "1fr 1fr",
5618
- // md: "1fr 1fr 1fr 1fr",
5619
- md: "repeat(4, 1fr)"
5582
+ md: "1fr 1fr 1fr",
5583
+ lg: "repeat(6, 1fr)"
5620
5584
  },
5621
5585
  gap: 2.25,
5622
5586
  mb: 0
@@ -5709,7 +5673,13 @@ var OverallSection = function OverallSection(_ref) {
5709
5673
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5710
5674
  sx: {
5711
5675
  display: "grid",
5712
- gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
5676
+ gridTemplateColumns: {
5677
+ xs: "1fr",
5678
+ // 1 card
5679
+ sm: "repeat(2, 1fr)",
5680
+ // 2 cards
5681
+ md: "repeat(4, 1fr)" // 4 cards
5682
+ },
5713
5683
  gap: 3,
5714
5684
  mt: 2.25,
5715
5685
  alignItems: "stretch"