@ammarkhalidfarooq/dashboard-package 0.4.61 → 0.4.63

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 +74 -85
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +74 -85
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -4965,63 +4965,101 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
4965
4965
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4966
4966
  sx: {
4967
4967
  display: "flex",
4968
- gap: 10,
4969
- mb: 1.5
4968
+ gap: 2,
4969
+ // mt: 0.5,
4970
+ // mb: 2,
4971
+ flexWrap: "wrap"
4970
4972
  },
4971
4973
  children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4972
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4974
+ sx: {
4975
+ display: "flex",
4976
+ alignItems: "flex-start",
4977
+ gap: 0.5
4978
+ },
4979
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
4973
4980
  sx: {
4974
- fontSize: "10px",
4975
- fontWeight: 700,
4976
- color: "#22C55E",
4977
- textTransform: "uppercase"
4978
- },
4979
- children: "Refunds"
4981
+ width: 8,
4982
+ height: 8,
4983
+ bgcolor: "#F59E0B",
4984
+ borderRadius: "50%",
4985
+ mt: "5px"
4986
+ }
4980
4987
  }), /*#__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, {
4988
+ children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4989
4989
  sx: {
4990
4990
  display: "flex",
4991
4991
  alignItems: "center",
4992
- color: "#22C55E"
4992
+ gap: 0.5
4993
4993
  },
4994
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4994
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4995
4995
  sx: {
4996
- fontSize: "12px",
4997
- fontWeight: 700
4996
+ fontSize: "13px",
4997
+ color: "rgba(0, 0, 0, 0.5)",
4998
+ fontWeight: 500
4998
4999
  },
4999
- children: "\u25BC 0.3pp"
5000
- })
5000
+ children: "Refunds"
5001
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5002
+ sx: {
5003
+ fontSize: "13px",
5004
+ fontWeight: 600,
5005
+ color: "#000"
5006
+ },
5007
+ children: "0.8%"
5008
+ })]
5009
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5010
+ sx: {
5011
+ fontSize: "12px",
5012
+ fontWeight: 700,
5013
+ color: "#22C55E",
5014
+ lineHeight: 1.2,
5015
+ mt: 0.2
5016
+ },
5017
+ children: "\u25BC 0.3pp"
5001
5018
  })]
5002
5019
  })]
5003
5020
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5004
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5021
+ sx: {
5022
+ display: "flex",
5023
+ alignItems: "flex-start",
5024
+ gap: 0.5
5025
+ },
5026
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
5005
5027
  sx: {
5006
- fontSize: "10px",
5007
- fontWeight: 700,
5008
- color: "#EF4444",
5009
- textTransform: "uppercase"
5010
- },
5011
- children: "Chargebacks"
5028
+ width: 8,
5029
+ height: 8,
5030
+ bgcolor: "#EF4444",
5031
+ borderRadius: "50%",
5032
+ mt: "5px"
5033
+ }
5012
5034
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5013
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5035
+ children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5014
5036
  sx: {
5015
- fontSize: "24px",
5016
- fontWeight: 700,
5017
- color: "#000"
5037
+ display: "flex",
5038
+ alignItems: "center",
5039
+ gap: 0.5
5018
5040
  },
5019
- children: "0.1%"
5041
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5042
+ sx: {
5043
+ fontSize: "13px",
5044
+ color: "rgba(0, 0, 0, 0.5)",
5045
+ fontWeight: 500
5046
+ },
5047
+ children: "Chargebacks"
5048
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5049
+ sx: {
5050
+ fontSize: "13px",
5051
+ fontWeight: 600,
5052
+ color: "#000"
5053
+ },
5054
+ children: "0.1%"
5055
+ })]
5020
5056
  }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5021
5057
  sx: {
5022
5058
  fontSize: "12px",
5023
5059
  color: "rgba(0, 0, 0, 0.4)",
5024
- fontWeight: 500
5060
+ fontWeight: 500,
5061
+ lineHeight: 1.2,
5062
+ mt: 0.2
5025
5063
  },
5026
5064
  children: "\xB7 stable"
5027
5065
  })]
@@ -5040,55 +5078,6 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
5040
5078
  },
5041
5079
  children: "$1,927 refunded \xB7 $215 disputed \xB7 0 cases total"
5042
5080
  })
5043
- }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5044
- sx: {
5045
- display: "flex",
5046
- gap: 2,
5047
- mb: 0
5048
- },
5049
- children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5050
- sx: {
5051
- display: "flex",
5052
- alignItems: "center",
5053
- gap: 1
5054
- },
5055
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
5056
- sx: {
5057
- width: 8,
5058
- height: 8,
5059
- bgcolor: "#F59E0B",
5060
- borderRadius: "50%"
5061
- }
5062
- }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5063
- sx: {
5064
- fontSize: "12px",
5065
- color: "rgba(0, 0, 0, 0.6)",
5066
- fontWeight: 500
5067
- },
5068
- children: "Refunds"
5069
- })]
5070
- }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5071
- sx: {
5072
- display: "flex",
5073
- alignItems: "center",
5074
- gap: 1
5075
- },
5076
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
5077
- sx: {
5078
- width: 8,
5079
- height: 8,
5080
- bgcolor: "#EF4444",
5081
- borderRadius: "50%"
5082
- }
5083
- }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5084
- sx: {
5085
- fontSize: "12px",
5086
- color: "rgba(0, 0, 0, 0.6)",
5087
- fontWeight: 500
5088
- },
5089
- children: "Chargebacks"
5090
- })]
5091
- })]
5092
5081
  }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
5093
5082
  sx: {
5094
5083
  height: 160,