@ammarkhalidfarooq/dashboard-package 0.4.62 → 0.4.64

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 +75 -52
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +75 -52
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -3812,8 +3812,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
3812
3812
  sx: {
3813
3813
  display: "flex",
3814
3814
  gap: 1.5,
3815
- mt: 0.5,
3816
- mb: 2
3815
+ mt: 0.5
3817
3816
  },
3818
3817
  children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
3819
3818
  sx: {
@@ -3878,8 +3877,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
3878
3877
  height: 170,
3879
3878
  width: "calc(100% + 48px)",
3880
3879
  ml: -3,
3881
- mr: -3,
3882
- mb: 7.5
3880
+ mr: -3
3883
3881
  },
3884
3882
  children: /*#__PURE__*/jsxRuntime.jsx(ReactApexChart, {
3885
3883
  options: chartOptions,
@@ -4966,13 +4964,14 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
4966
4964
  sx: {
4967
4965
  display: "flex",
4968
4966
  gap: 2,
4969
- mt: 0.5,
4970
- mb: 2
4967
+ // mt: 0.5,
4968
+ // mb: 2,
4969
+ flexWrap: "wrap"
4971
4970
  },
4972
4971
  children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4973
4972
  sx: {
4974
4973
  display: "flex",
4975
- alignItems: "center",
4974
+ alignItems: "flex-start",
4976
4975
  gap: 0.5
4977
4976
  },
4978
4977
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
@@ -4980,34 +4979,46 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
4980
4979
  width: 8,
4981
4980
  height: 8,
4982
4981
  bgcolor: "#F59E0B",
4983
- borderRadius: "50%"
4982
+ borderRadius: "50%",
4983
+ mt: "5px"
4984
4984
  }
4985
- }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4986
- sx: {
4987
- fontSize: "13px",
4988
- color: "rgba(0, 0, 0, 0.5)",
4989
- fontWeight: 500
4990
- },
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"
4985
+ }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4986
+ children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4987
+ sx: {
4988
+ display: "flex",
4989
+ alignItems: "center",
4990
+ gap: 0.5
4991
+ },
4992
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4993
+ sx: {
4994
+ fontSize: "13px",
4995
+ color: "rgba(0, 0, 0, 0.5)",
4996
+ fontWeight: 500
4997
+ },
4998
+ children: "Refunds"
4999
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5000
+ sx: {
5001
+ fontSize: "13px",
5002
+ fontWeight: 600,
5003
+ color: "#000"
5004
+ },
5005
+ children: "0.8%"
5006
+ })]
5007
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5008
+ sx: {
5009
+ fontSize: "12px",
5010
+ fontWeight: 700,
5011
+ color: "#22C55E",
5012
+ lineHeight: 1.2,
5013
+ mt: 0.2
5014
+ },
5015
+ children: "\u25BC 0.3pp"
5016
+ })]
5006
5017
  })]
5007
5018
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5008
5019
  sx: {
5009
5020
  display: "flex",
5010
- alignItems: "center",
5021
+ alignItems: "flex-start",
5011
5022
  gap: 0.5
5012
5023
  },
5013
5024
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
@@ -5015,29 +5026,41 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
5015
5026
  width: 8,
5016
5027
  height: 8,
5017
5028
  bgcolor: "#EF4444",
5018
- borderRadius: "50%"
5029
+ borderRadius: "50%",
5030
+ mt: "5px"
5019
5031
  }
5020
- }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5021
- sx: {
5022
- fontSize: "13px",
5023
- color: "rgba(0, 0, 0, 0.5)",
5024
- fontWeight: 500
5025
- },
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"
5032
+ }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5033
+ children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5034
+ sx: {
5035
+ display: "flex",
5036
+ alignItems: "center",
5037
+ gap: 0.5
5038
+ },
5039
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5040
+ sx: {
5041
+ fontSize: "13px",
5042
+ color: "rgba(0, 0, 0, 0.5)",
5043
+ fontWeight: 500
5044
+ },
5045
+ children: "Chargebacks"
5046
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5047
+ sx: {
5048
+ fontSize: "13px",
5049
+ fontWeight: 600,
5050
+ color: "#000"
5051
+ },
5052
+ children: "0.1%"
5053
+ })]
5054
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5055
+ sx: {
5056
+ fontSize: "12px",
5057
+ color: "rgba(0, 0, 0, 0.4)",
5058
+ fontWeight: 500,
5059
+ lineHeight: 1.2,
5060
+ mt: 0.2
5061
+ },
5062
+ children: "\xB7 stable"
5063
+ })]
5041
5064
  })]
5042
5065
  })]
5043
5066
  }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {