sag_components 2.0.0-beta80 → 2.0.0-beta82

package/dist/index.d.ts

@@ -1074,7 +1074,7 @@ declare function LinkButton({ text, type, size, height, width, disabled, textCol
     width?: string;
     disabled?: boolean;
     textColor?: string;
-    onClick: any;
+    onClick?: () => void;
     leftIcon?: string;
     rightIcon?: string;
 }): react_jsx_runtime.JSX.Element;

package/dist/index.esm.js

@@ -3047,7 +3047,7 @@ const LinkButton = _ref => {
     width = '',
     disabled = false,
     textColor = '',
-    onClick,
+    onClick = () => {},
     leftIcon = 'none',
     rightIcon = 'none'
   } = _ref;
@@ -31093,7 +31093,7 @@ const GoalValue = styled.div`
         right: 0;
         z-index: 2;
         margin: 0 auto;
-        width: 40%;
+        width: 50%;
         display: inline;
         padding: 0px 8px;
         border: 2px solid #F2F2F2;
@@ -31221,16 +31221,10 @@ const BatteryChart = props => {
     let newTop;
     let newGoalValuePosition;
     if (currentAmount > goalAmount) {
-      // Position the indicator slightly below the top chip
-      newTop = barHeight * 1.5; // Slightly below the 4th chip
-      // Position the goal value just above the active chips
-
-      newGoalValuePosition = barHeight * 2.3;
-      // newGoalValuePosition = (totalSegmentsLines - completedSegments + 4) * barHeight - barHeight / 2;
+      newTop = (totalSegmentsLines - completedSegments - 3) * barHeight / 3; // Adjust for extra chips
+      newGoalValuePosition = barHeight * 1.6;
     } else {
-      // Normal case: position the indicator above the active chips
       newTop = (totalSegmentsLines - completedSegments) * barHeight / 1.65;
-      // Position the goal value just above the active chips
       newGoalValuePosition = newTop;
     }
     setTop(newTop);
@@ -31251,7 +31245,7 @@ const BatteryChart = props => {
     className: className,
     containerPadding: containerPadding,
     backgroundColor: backgroundColor
-  }, /*#__PURE__*/React$1.createElement(HeadingText, null, title), /*#__PURE__*/React$1.createElement(PanelSide, null, /*#__PURE__*/React$1.createElement(ProgressDetails, null, !noCommitment && /*#__PURE__*/React$1.createElement(HeadingPercentage, null, percentage, "%"), /*#__PURE__*/React$1.createElement(ProgressDescription, null, ask && /*#__PURE__*/React$1.createElement(ProgressItem, null, "ASK: ", `$${getFormattedValue(ask, false) + getFormattedUnits(ask)}`), target && /*#__PURE__*/React$1.createElement(ProgressItem, null, "Target: ", `$${getFormattedValue(target, false) + getFormattedUnits(target)}`)), /*#__PURE__*/React$1.createElement(ProgressLegend, null, /*#__PURE__*/React$1.createElement(LegendItem, null, /*#__PURE__*/React$1.createElement(LegendCube, {
+  }, /*#__PURE__*/React$1.createElement(HeadingText, null, title), /*#__PURE__*/React$1.createElement(PanelSide, null, /*#__PURE__*/React$1.createElement(ProgressDetails, null, !noCommitment && /*#__PURE__*/React$1.createElement(HeadingPercentage, null, percentage, "%"), /*#__PURE__*/React$1.createElement(ProgressDescription, null, ask > 0 && /*#__PURE__*/React$1.createElement(ProgressItem, null, "ASK: ", `$${getFormattedValue(ask, false) + getFormattedUnits(ask)}`), target > 0 && /*#__PURE__*/React$1.createElement(ProgressItem, null, "Target: ", `$${getFormattedValue(target, false) + getFormattedUnits(target)}`)), /*#__PURE__*/React$1.createElement(ProgressLegend, null, /*#__PURE__*/React$1.createElement(LegendItem, null, /*#__PURE__*/React$1.createElement(LegendCube, {
     color: color
   }), /*#__PURE__*/React$1.createElement(LegendText, null, "Spend")), !noCommitment && /*#__PURE__*/React$1.createElement(LegendItem, null, /*#__PURE__*/React$1.createElement(LegendCube, {
     color: "#E3E4E5"