@waveform-playlist/ui-components 5.0.0-alpha.0 → 5.0.0-alpha.2

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/dist/index.js CHANGED
@@ -530,8 +530,8 @@ var darkTheme = {
530
530
  // Dark warm brown background
531
531
  playheadColor: "#3a8838",
532
532
  // Darker Ampelmännchen green playhead
533
- selectionColor: "rgba(224, 160, 100, 0.5)",
534
- // Warm amber selection
533
+ selectionColor: "rgba(60, 140, 58, 0.6)",
534
+ // Darker Ampelmännchen green selection - visible on dark backgrounds
535
535
  clipHeaderBackgroundColor: "rgba(20, 16, 12, 0.85)",
536
536
  // Dark background for clip headers
537
537
  clipHeaderBorderColor: "rgba(200, 160, 120, 0.25)",
@@ -1372,7 +1372,7 @@ var SelectionOverlay = import_styled_components17.default.div.attrs((props) => (
1372
1372
  top: 0;
1373
1373
  background: ${(props) => props.$color};
1374
1374
  height: 100%;
1375
- z-index: 5;
1375
+ z-index: 60; /* Above clips (z-index: 10) and fades (z-index: 50), below playhead (z-index: 100) */
1376
1376
  pointer-events: none;
1377
1377
  opacity: 0.3;
1378
1378
  `;
@@ -1385,7 +1385,7 @@ var Selection = ({
1385
1385
  if (width <= 0) {
1386
1386
  return null;
1387
1387
  }
1388
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectionOverlay, { $left: startPosition, $width: width, $color: color });
1388
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectionOverlay, { $left: startPosition, $width: width, $color: color, "data-selection": true });
1389
1389
  };
1390
1390
 
1391
1391
  // src/components/SelectionTimeInputs.tsx