@ammarkhalidfarooq/dashboard-package 0.3.4 → 0.3.6
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.cjs.js +11 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +11 -5
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -643,7 +643,9 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
643
643
|
Icon = _ref.icon,
|
|
644
644
|
onClick = _ref.onClick,
|
|
645
645
|
_ref$sx = _ref.sx,
|
|
646
|
-
sx = _ref$sx === void 0 ? {} : _ref$sx
|
|
646
|
+
sx = _ref$sx === void 0 ? {} : _ref$sx,
|
|
647
|
+
_ref$isActive = _ref.isActive,
|
|
648
|
+
isActive = _ref$isActive === void 0 ? false : _ref$isActive;
|
|
647
649
|
return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
648
650
|
onClick: onClick,
|
|
649
651
|
sx: _objectSpread2({
|
|
@@ -661,7 +663,7 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
661
663
|
border: "2px solid #f0f0f0",
|
|
662
664
|
transition: "all 0.3s ease",
|
|
663
665
|
":hover": {
|
|
664
|
-
border: "
|
|
666
|
+
border: "1px solid rgb(99, 99, 230)"
|
|
665
667
|
// transform: "translateY(-2px)",
|
|
666
668
|
}
|
|
667
669
|
}, sx),
|
|
@@ -674,8 +676,8 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
674
676
|
children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
675
677
|
sx: {
|
|
676
678
|
fontWeight: "400",
|
|
677
|
-
color: "
|
|
678
|
-
fontSize: "
|
|
679
|
+
color: isActive ? "#c1c1f5" : "#a1a1a8",
|
|
680
|
+
fontSize: "14px",
|
|
679
681
|
lineHeight: "16px",
|
|
680
682
|
textAlign: "left"
|
|
681
683
|
},
|
|
@@ -684,7 +686,7 @@ var DisplayCard = function DisplayCard(_ref) {
|
|
|
684
686
|
sx: {
|
|
685
687
|
lineHeight: "1.2",
|
|
686
688
|
textAlign: "left",
|
|
687
|
-
color: "#000",
|
|
689
|
+
color: isActive ? "#6363e6" : "#000",
|
|
688
690
|
fontSize: "20px",
|
|
689
691
|
fontWeight: "700",
|
|
690
692
|
mb: 0.5
|
|
@@ -1959,6 +1961,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
1959
1961
|
onClick: function onClick() {
|
|
1960
1962
|
return setActiveMetric(title);
|
|
1961
1963
|
},
|
|
1964
|
+
isActive: activeMetric === title,
|
|
1962
1965
|
sx: {
|
|
1963
1966
|
flex: 1,
|
|
1964
1967
|
border: activeMetric === title ? "2px solid rgb(99, 99, 230)" : "2px solid #f0f0f0"
|
|
@@ -2117,6 +2120,7 @@ var EmailSection = function EmailSection() {
|
|
|
2117
2120
|
onClick: function onClick() {
|
|
2118
2121
|
return setActiveMetric(title);
|
|
2119
2122
|
},
|
|
2123
|
+
isActive: activeMetric === title,
|
|
2120
2124
|
sx: {
|
|
2121
2125
|
flex: 1,
|
|
2122
2126
|
border: activeMetric === title ? "2px solid rgb(99, 99, 230)" : "2px solid #f0f0f0"
|
|
@@ -4896,6 +4900,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
4896
4900
|
onClick: function onClick() {
|
|
4897
4901
|
return setActiveMetric(title);
|
|
4898
4902
|
},
|
|
4903
|
+
isActive: activeMetric === title,
|
|
4899
4904
|
sx: {
|
|
4900
4905
|
flex: 1,
|
|
4901
4906
|
border: activeMetric === title ? "2px solid rgb(99, 99, 230)" : "2px solid #f0f0f0"
|
|
@@ -5125,6 +5130,7 @@ var PaidSection = function PaidSection() {
|
|
|
5125
5130
|
onClick: function onClick() {
|
|
5126
5131
|
return setActiveMetric(title);
|
|
5127
5132
|
},
|
|
5133
|
+
isActive: activeMetric === title,
|
|
5128
5134
|
sx: {
|
|
5129
5135
|
flex: 1,
|
|
5130
5136
|
border: activeMetric === title ? "2px solid rgb(99, 99, 230)" : "2px solid #f0f0f0"
|