@siyahi/ui 0.1.9-next.25 → 0.1.9-next.26

package/dist/components/registry/heatmap/weekday-heatmap.js

@@ -18,13 +18,12 @@ const calculateLevel = (value, minValue, maxValue, levels, isNormalized) => {
 	const percentage = value / maxValue;
 	return Math.max(1, Math.min(steps, Math.ceil(percentage * steps)));
 };
-const getLevelFill = (level, levels, isNormalized, highlighted = false, colors) => {
+const getLevelFill = (level, levels, isNormalized, colors) => {
 	const emptyColor = colors?.empty ?? "var(--color-secondary)";
 	const scaleColor = colors?.scale ?? "var(--color-chart-1)";
 	if (level === 0) return emptyColor;
 	const steps = colorStepCount(levels, isNormalized);
-	const opacity = steps === 1 ? 100 : Math.round(20 + (level - 1) * 80 / (steps - 1));
-	return `color-mix(in oklch, ${scaleColor} ${highlighted ? Math.round(opacity * .6) : opacity}%, transparent)`;
+	return `color-mix(in oklch, ${scaleColor} ${steps === 1 ? 100 : Math.round(20 + (level - 1) * 80 / (steps - 1))}%, transparent)`;
 };
 const DEFAULT_HOUR_LABELS = Array.from({ length: 24 }, (_, i) => i.toString().padStart(2, "0"));
 const TWELVE_HOUR_LABELS = Array.from({ length: 24 }, (_, i) => {
@@ -259,7 +258,7 @@ const WeekdayHeatmapBlock = ({ ref, activity, extra, highlighted = false, select
 		"aria-pressed": onCellClick ? selected : void 0,
 		tabIndex: onCellClick ? 0 : -1,
 		"aria-label": ariaLabel,
-		className: cn("motion-safe:transition-opacity motion-safe:hover:opacity-70", onCellClick && "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+		className: cn("hover:stroke-foreground hover:stroke-1", highlighted && "stroke-foreground stroke-1", selected && "stroke-foreground stroke-2 hover:stroke-2", onCellClick && "cursor-pointer focus-visible:outline-none focus-visible:stroke-ring focus-visible:stroke-2", className),
 		"data-value": activity.value,
 		"data-weekday": isExtraRow ? "extra" : activity.weekday,
 		"data-hour": isExtraColumn ? "extra" : activity.hour,
@@ -273,11 +272,7 @@ const WeekdayHeatmapBlock = ({ ref, activity, extra, highlighted = false, select
 		x: xPosition,
 		y: yPosition,
 		style: {
-			fill: getLevelFill(level, levels, isNormalized, highlighted, colors),
-			...selected ? {
-				stroke: "var(--foreground)",
-				strokeWidth: 2
-			} : {},
+			fill: getLevelFill(level, levels, isNormalized, colors),
 			...styleProp
 		},
 		onClick: (event) => {
@@ -510,7 +505,7 @@ const WeekdayHeatmapLegend = ({ labels: labelsProp, className, children, ...prop
 					rx: blockRadius,
 					ry: blockRadius,
 					width: LEGEND_SWATCH,
-					style: { fill: getLevelFill(level, levels, isNormalized, false, colors) }
+					style: { fill: getLevelFill(level, levels, isNormalized, colors) }
 				})
 			}, `legend-level-${level}`)),
 			/* @__PURE__ */ jsx("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siyahi/ui",
-  "version": "0.1.9-next.25",
+  "version": "0.1.9-next.26",
   "description": "Stock shadcn/ui on Base UI and Tailwind v4, a finance theme, a few compositions and formatters.",
   "keywords": [
     "base-ui",