@mediaradar/design-components 0.16.0 → 0.16.2

package/dist/index.cjs

@@ -1831,7 +1831,7 @@ function LineChartPlaceholder({ height = 280 }) {
         {
           points: toPath(pts, 0, LINE_FORECAST_FROM + 1),
           fill: "none",
-          stroke: "var(--mr-color-border-strong)",
+          stroke: "var(--mr-color-subtle)",
           strokeWidth: "2",
           vectorEffect: "non-scaling-stroke",
           strokeLinecap: "round",
@@ -1843,7 +1843,7 @@ function LineChartPlaceholder({ height = 280 }) {
         {
           points: toPath(pts, LINE_FORECAST_FROM, pts.length),
           fill: "none",
-          stroke: "var(--mr-color-border-strong)",
+          stroke: "var(--mr-color-subtle)",
           strokeWidth: "2",
           strokeDasharray: "5 4",
           vectorEffect: "non-scaling-stroke",
@@ -1860,7 +1860,7 @@ function LineChartPlaceholder({ height = 280 }) {
           style: {
             left: `${i / (pts.length - 1) * 100}%`,
             top: `${y}%`,
-            backgroundColor: "var(--mr-color-border-strong)"
+            backgroundColor: "var(--mr-color-subtle)"
           }
         },
         `${s}-${i}`
@@ -1886,7 +1886,7 @@ function PieChartPlaceholder({ height = 220, legendRows = 8 }) {
             y1: "50",
             x2: 50 + r * Math.cos(rad),
             y2: 50 + r * Math.sin(rad),
-            stroke: "var(--mr-color-border-default)",
+            stroke: "var(--mr-color-surface)",
             strokeWidth: "1"
           },
           deg
@@ -1916,9 +1916,9 @@ function StackedColumnPlaceholder({
     {
       style: {
         height: `${pct}%`,
-        /* border-strong, not border-default: on a subtle fill the softer
-           seam disappears and the stack reads as one undivided block. */
-        borderTop: i === 0 ? void 0 : "1px solid var(--mr-color-border-strong)"
+        /* A gap in the card's color, not a border tone: border-default
+           disappears on the subtle fill, border-strong reads darker. */
+        borderTop: i === 0 ? void 0 : "1px solid var(--mr-color-surface)"
       }
     },
     i