@zendir/ui 0.2.4 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @zendir/ui
2
2
 
3
+ ## 0.2.5
4
+
5
+ ### Bug Fixes
6
+
7
+ - **Container**: Fixed `[object Object]` rendering when `subtitle` is a React element. Non-string subtitles (JSX) are now rendered directly below the `CardHeader` instead of being coerced via `String()`.
8
+
9
+ ---
10
+
3
11
  ## 0.2.4
4
12
 
5
13
  ### Features
@@ -17,6 +17,8 @@ const Z = {
17
17
  sticky: 15,
18
18
  /** Floating day-marker lines above track content */
19
19
  dayMarker: 5,
20
+ /** Current-time playhead line — above sticky headers and events */
21
+ playhead: 25,
20
22
  /** Loading overlay covering chart content */
21
23
  loadingOverlay: 100,
22
24
  /** Floating tooltips — above all chart chrome */
@@ -961,13 +963,13 @@ const ChartView = memo(function ChartView2({
961
963
  {
962
964
  style: {
963
965
  position: "absolute",
964
- top: 28,
966
+ top: 0,
965
967
  bottom: 0,
966
968
  left: `calc(${trackLabelWidth}px + ${playheadPercent}% * (100% - ${trackLabelWidth}px) / 100)`,
967
969
  width: 2,
968
970
  backgroundColor: tokens.colors.accent.primary,
969
971
  boxShadow: `0 0 12px ${tokens.colors.accent.primary}`,
970
- zIndex: Z.trackEventHovered,
972
+ zIndex: Z.playhead,
971
973
  pointerEvents: "none",
972
974
  transition: "left 0.4s linear"
973
975
  },
@@ -977,7 +979,7 @@ const ChartView = memo(function ChartView2({
977
979
  {
978
980
  style: {
979
981
  position: "absolute",
980
- top: -6,
982
+ top: 22,
981
983
  left: -5,
982
984
  width: 12,
983
985
  height: 12,
@@ -993,7 +995,7 @@ const ChartView = memo(function ChartView2({
993
995
  {
994
996
  style: {
995
997
  position: "absolute",
996
- top: -22,
998
+ top: 4,
997
999
  left: "50%",
998
1000
  transform: "translateX(-50%)",
999
1001
  backgroundColor: tokens.colors.accent.primary,