@waveform-playlist/ui-components 5.0.0-alpha.0 → 5.0.0-alpha.1
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 +4 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.mjs
CHANGED
|
@@ -428,8 +428,8 @@ var darkTheme = {
|
|
|
428
428
|
// Dark warm brown background
|
|
429
429
|
playheadColor: "#3a8838",
|
|
430
430
|
// Darker Ampelmännchen green playhead
|
|
431
|
-
selectionColor: "rgba(
|
|
432
|
-
//
|
|
431
|
+
selectionColor: "rgba(60, 140, 58, 0.6)",
|
|
432
|
+
// Darker Ampelmännchen green selection - visible on dark backgrounds
|
|
433
433
|
clipHeaderBackgroundColor: "rgba(20, 16, 12, 0.85)",
|
|
434
434
|
// Dark background for clip headers
|
|
435
435
|
clipHeaderBorderColor: "rgba(200, 160, 120, 0.25)",
|
|
@@ -1270,7 +1270,7 @@ var SelectionOverlay = styled17.div.attrs((props) => ({
|
|
|
1270
1270
|
top: 0;
|
|
1271
1271
|
background: ${(props) => props.$color};
|
|
1272
1272
|
height: 100%;
|
|
1273
|
-
z-index:
|
|
1273
|
+
z-index: 60; /* Above clips (z-index: 10) and fades (z-index: 50), below playhead (z-index: 100) */
|
|
1274
1274
|
pointer-events: none;
|
|
1275
1275
|
opacity: 0.3;
|
|
1276
1276
|
`;
|
|
@@ -1283,7 +1283,7 @@ var Selection = ({
|
|
|
1283
1283
|
if (width <= 0) {
|
|
1284
1284
|
return null;
|
|
1285
1285
|
}
|
|
1286
|
-
return /* @__PURE__ */ jsx11(SelectionOverlay, { $left: startPosition, $width: width, $color: color });
|
|
1286
|
+
return /* @__PURE__ */ jsx11(SelectionOverlay, { $left: startPosition, $width: width, $color: color, "data-selection": true });
|
|
1287
1287
|
};
|
|
1288
1288
|
|
|
1289
1289
|
// src/components/SelectionTimeInputs.tsx
|