impaktapps-design 0.2.993-alpha.231 → 0.2.993-alpha.233

package/dist/impaktapps-design.es.js

@@ -22610,16 +22610,34 @@ const DrawStackBarLineGraph = ({
             var _a2;
             return (_a2 = colorMap == null ? void 0 : colorMap[key]) != null ? _a2 : defaultColour;
           },
-          children: (barStacks) => barStacks.map((barStack) => barStack.bars.map((bar) => /* @__PURE__ */ jsx$1("rect", {
-            x: bar.x,
-            y: bar.y,
-            width: bar.width,
-            height: bar.height,
-            fill: bar.color,
-            opacity: 0.88,
-            rx: 6,
-            ry: 6
-          }, `bar-${barStack.index}-${bar.index}`)))
+          children: (barStacks) => {
+            const topStackIndex = barStacks.length - 1;
+            return barStacks.map((barStack, stackIdx) => barStack.bars.map((bar) => {
+              const isTop = stackIdx === topStackIndex;
+              const borderRadius2 = 6;
+              return isTop ? /* @__PURE__ */ jsx$1("path", {
+                d: `
+                      M ${bar.x + borderRadius2},${bar.y}
+                      h ${bar.width - 2 * borderRadius2}
+                      q ${borderRadius2},0 ${borderRadius2},${borderRadius2}
+                      v ${bar.height - borderRadius2}
+                      h ${-bar.width}
+                      v ${-(bar.height - borderRadius2)}
+                      q 0,${-borderRadius2} ${borderRadius2},${-borderRadius2}
+                      z
+                    `,
+                fill: bar.color,
+                opacity: 0.88
+              }, `bar-${barStack.index}-${bar.index}`) : /* @__PURE__ */ jsx$1("rect", {
+                x: bar.x,
+                y: bar.y,
+                width: bar.width,
+                height: bar.height,
+                fill: bar.color,
+                opacity: 0.88
+              }, `bar-${barStack.index}-${bar.index}`);
+            }));
+          }
         }), /* @__PURE__ */ jsx$1(GridRows$1, {
           scale: barScale,
           width: innerWidth,
@@ -22743,7 +22761,7 @@ const DrawStackBarLineGraph = ({
         border: "none",
         borderRadius: 8,
         boxShadow: "0 4px 16px rgba(0,0,0,0.35)",
-        padding: "8px 12px",
+        padding: "15px 12px",
         fontSize: 12,
         minWidth: 160
       },
@@ -22751,7 +22769,7 @@ const DrawStackBarLineGraph = ({
         style: {
           fontWeight: 600,
           color: "#454444",
-          margin: "0 0 6px",
+          margin: "0 0 12px",
           fontSize: 13
         },
         children: tooltipData[xAxisValue]
@@ -22759,7 +22777,7 @@ const DrawStackBarLineGraph = ({
         style: {
           display: "flex",
           flexDirection: "column",
-          gap: 10
+          gap: 11
         },
         children: labelsArray.map((key) => {
           var _a2, _b2;