react-helios 2.1.0 → 2.2.0
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/README.md +19 -0
- package/dist/index.d.mts +19 -2
- package/dist/index.d.ts +19 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +50 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -194,6 +194,10 @@
|
|
|
194
194
|
opacity: 1;
|
|
195
195
|
}
|
|
196
196
|
|
|
197
|
+
.controlButton:focus {
|
|
198
|
+
outline: none;
|
|
199
|
+
}
|
|
200
|
+
|
|
197
201
|
.controlButton:active {
|
|
198
202
|
transform: scale(0.92);
|
|
199
203
|
}
|
|
@@ -357,6 +361,52 @@
|
|
|
357
361
|
flex-shrink: 0;
|
|
358
362
|
}
|
|
359
363
|
|
|
364
|
+
/* ─── Context menu ────────────────────────────────────────────────────────── */
|
|
365
|
+
.contextMenu {
|
|
366
|
+
position: fixed;
|
|
367
|
+
z-index: 1000;
|
|
368
|
+
background-color: rgba(15, 15, 15, 0.95);
|
|
369
|
+
border-radius: 6px;
|
|
370
|
+
padding: 4px;
|
|
371
|
+
min-width: 210px;
|
|
372
|
+
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);
|
|
373
|
+
backdrop-filter: blur(8px);
|
|
374
|
+
user-select: none;
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.contextMenuItem {
|
|
378
|
+
display: flex;
|
|
379
|
+
align-items: center;
|
|
380
|
+
justify-content: space-between;
|
|
381
|
+
width: 100%;
|
|
382
|
+
padding: 8px 14px;
|
|
383
|
+
background: none;
|
|
384
|
+
border: none;
|
|
385
|
+
color: rgba(255, 255, 255, 0.85);
|
|
386
|
+
cursor: pointer;
|
|
387
|
+
text-align: left;
|
|
388
|
+
border-radius: 4px;
|
|
389
|
+
font-size: 13px;
|
|
390
|
+
transition: background-color 0.1s;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
.contextMenuItem:hover {
|
|
394
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
395
|
+
color: #fff;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
.contextMenuCheck {
|
|
399
|
+
color: #60a5fa;
|
|
400
|
+
font-size: 14px;
|
|
401
|
+
font-weight: 700;
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
.contextMenuDivider {
|
|
405
|
+
height: 1px;
|
|
406
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
407
|
+
margin: 4px 0;
|
|
408
|
+
}
|
|
409
|
+
|
|
360
410
|
|
|
361
411
|
/* ─── Progress bar container ─────────────────────────────────────────────── */
|
|
362
412
|
.progressContainer {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-helios",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "Production-grade React video player with HLS, quality selection, live streams, subtitles, and VTT sprite thumbnail preview",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|