sag_components 2.0.0-beta65 → 2.0.0-beta67

package/dist/index.esm.js

@@ -2094,7 +2094,7 @@ const TooltipTip$1 = styled.div`
   font-size: 12px;
   font-family: sans-serif;
   line-height: 1;
-  z-index: 100;
+  z-index: 99999;
   white-space: nowrap;
  
   /* CSS border triangles */
@@ -2110,7 +2110,6 @@ const TooltipTip$1 = styled.div`
     margin-left: calc(var(--tooltip-arrow-size) * -1);
   }
 
-  /* Absolute positioning */
   &.controls.top {
     top: calc(var(--tooltip-margin) * ${props => props.topFactor || -1.8} ); 
   }
@@ -2121,7 +2120,6 @@ const TooltipTip$1 = styled.div`
     border-top-color: var(--tooltip-background-color);
   }
 
-  /* Absolute positioning */
   &.controls.right {
     left: calc(70% + var(--tooltip-margin));
     top: 50%;
@@ -2136,7 +2134,6 @@ const TooltipTip$1 = styled.div`
     border-right-color: var(--tooltip-background-color);
   }
 
-  /* Absolute positioning */
   &.controls.bottom {
     bottom: calc(var(--tooltip-margin) * -1);
   }
@@ -2146,7 +2143,6 @@ const TooltipTip$1 = styled.div`
     border-bottom-color: var(--tooltip-background-color);
   }
 
-  /* Absolute positioning */
   &.controls.left {
     left: auto;
     right: calc(70% + var(--tooltip-margin));
@@ -28923,10 +28919,10 @@ const ChartsWrapper = styled.div`
   background-color: white;
 `;
 const LineChartWrapper = styled.div`
-  height: 30%;
+  height: 150px;
 `;
 const BarChartWrapper = styled.div`
-  height: 70%;
+  height: 260px;
 `;
 const TooltipDiv = styled.div`
   border-radius: 5px;
@@ -28958,6 +28954,7 @@ const DoubleBarSingleLine = props => {
     hasScroll,
     dataState,
     data,
+    lineType,
     lineChartValueType,
     barChartValueType,
     barsWidth,
@@ -29185,10 +29182,10 @@ const DoubleBarSingleLine = props => {
       right: barsWidth
     }
   }), /*#__PURE__*/React$1.createElement(YAxis, {
-    domain: [dataMin => Math.min(dataMin, calculateMinValue(data, dataState)) - 10, dataMax => Math.max(dataMax, calculateMaxValue(data, dataState)) + 10],
+    domain: [dataMin => Math.min(dataMin, calculateMinValue(data, dataState)) - 5, dataMax => Math.max(dataMax, calculateMaxValue(data, dataState)) + 10],
     hide: true
   }), dataState.filter(item => item.type === "line").map(obj => /*#__PURE__*/React$1.createElement(Line, {
-    type: "monotone",
+    type: lineType,
     key: obj.key,
     dataKey: obj.key,
     stroke: obj.color,
@@ -32289,12 +32286,14 @@ const VisibleCardsContainer = styled.div`
 
   .prev-card,
   .next-card {
-    opacity: 0.3;
+    background: #d3d3d3;
+    > * {
+      opacity: 0.5;
+    }
   }
 
   .prev-card {
     transform: translateX(-50%) scale(0.75);
-    opacity: 0.3;
   }
 
   .active-card {
@@ -32305,7 +32304,6 @@ const VisibleCardsContainer = styled.div`
 
   .next-card {
     transform: translateX(50%) scale(0.75);
-    opacity: 0.3;
   }
 
   .hidden-card {