@ammarkhalidfarooq/dashboard-package 0.4.62 → 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 +73 -48
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +73 -48
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -4966,13 +4966,14 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
4966
4966
  sx: {
4967
4967
  display: "flex",
4968
4968
  gap: 2,
4969
- mt: 0.5,
4970
- mb: 2
4969
+ // mt: 0.5,
4970
+ // mb: 2,
4971
+ flexWrap: "wrap"
4971
4972
  },
4972
4973
  children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4973
4974
  sx: {
4974
4975
  display: "flex",
4975
- alignItems: "center",
4976
+ alignItems: "flex-start",
4976
4977
  gap: 0.5
4977
4978
  },
4978
4979
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
@@ -4980,34 +4981,46 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
4980
4981
  width: 8,
4981
4982
  height: 8,
4982
4983
  bgcolor: "#F59E0B",
4983
- borderRadius: "50%"
4984
+ borderRadius: "50%",
4985
+ mt: "5px"
4984
4986
  }
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"
4987
+ }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4988
+ children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
4989
+ sx: {
4990
+ display: "flex",
4991
+ alignItems: "center",
4992
+ gap: 0.5
4993
+ },
4994
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
4995
+ sx: {
4996
+ fontSize: "13px",
4997
+ color: "rgba(0, 0, 0, 0.5)",
4998
+ fontWeight: 500
4999
+ },
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"
5018
+ })]
5006
5019
  })]
5007
5020
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5008
5021
  sx: {
5009
5022
  display: "flex",
5010
- alignItems: "center",
5023
+ alignItems: "flex-start",
5011
5024
  gap: 0.5
5012
5025
  },
5013
5026
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
@@ -5015,29 +5028,41 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
5015
5028
  width: 8,
5016
5029
  height: 8,
5017
5030
  bgcolor: "#EF4444",
5018
- borderRadius: "50%"
5031
+ borderRadius: "50%",
5032
+ mt: "5px"
5019
5033
  }
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"
5034
+ }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5035
+ children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
5036
+ sx: {
5037
+ display: "flex",
5038
+ alignItems: "center",
5039
+ gap: 0.5
5040
+ },
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
+ })]
5056
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
5057
+ sx: {
5058
+ fontSize: "12px",
5059
+ color: "rgba(0, 0, 0, 0.4)",
5060
+ fontWeight: 500,
5061
+ lineHeight: 1.2,
5062
+ mt: 0.2
5063
+ },
5064
+ children: "\xB7 stable"
5065
+ })]
5041
5066
  })]
5042
5067
  })]
5043
5068
  }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {