@twick/studio 0.15.7 → 0.15.9

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/studio.css CHANGED
@@ -452,10 +452,11 @@ html {
452
452
 
453
453
  .media-actions {
454
454
  position: absolute;
455
- top: 0.5rem;
456
- right: 0.5rem;
455
+ inset: 0;
457
456
  display: flex;
458
- gap: 0.5rem;
457
+ align-items: center;
458
+ justify-content: center;
459
+ gap: 0.75rem;
459
460
  opacity: 0;
460
461
  transition: opacity 0.2s;
461
462
  }
@@ -464,6 +465,14 @@ html {
464
465
  opacity: 1;
465
466
  }
466
467
 
468
+ .media-actions-corner {
469
+ inset: auto;
470
+ top: 0.5rem;
471
+ right: 0.5rem;
472
+ align-items: flex-start;
473
+ justify-content: flex-end;
474
+ }
475
+
467
476
  .media-action-btn {
468
477
  width: 2rem;
469
478
  height: 2rem;
@@ -478,6 +487,18 @@ html {
478
487
  transition: background-color 0.2s;
479
488
  }
480
489
 
490
+ .media-action-btn-primary {
491
+ width: 4rem;
492
+ height: 4rem;
493
+ border-radius: 9999px;
494
+ background-color: rgba(100, 100, 100, 0.5);
495
+ }
496
+
497
+ .media-action-btn-primary .icon-sm {
498
+ width: 1.5rem;
499
+ height: 1.5rem;
500
+ }
501
+
481
502
  .media-action-btn:hover {
482
503
  background-color: var(--color-purple-500);
483
504
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twick/studio",
3
- "version": "0.15.7",
3
+ "version": "0.15.9",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -33,14 +33,14 @@
33
33
  "access": "public"
34
34
  },
35
35
  "dependencies": {
36
- "@twick/canvas": "0.15.7",
37
- "@twick/core": "^0.15.7",
38
- "@twick/live-player": "0.15.7",
39
- "@twick/media-utils": "0.15.7",
40
- "@twick/player-react": "^0.15.7",
41
- "@twick/timeline": "0.15.7",
42
- "@twick/video-editor": "0.15.7",
43
- "@twick/visualizer": "0.15.7",
36
+ "@twick/canvas": "0.15.9",
37
+ "@twick/core": "^0.15.9",
38
+ "@twick/live-player": "0.15.9",
39
+ "@twick/media-utils": "0.15.9",
40
+ "@twick/player-react": "^0.15.9",
41
+ "@twick/timeline": "0.15.9",
42
+ "@twick/video-editor": "0.15.9",
43
+ "@twick/visualizer": "0.15.9",
44
44
  "lucide-react": "^0.511.0"
45
45
  },
46
46
  "peerDependencies": {
@@ -51,9 +51,9 @@
51
51
  "@types/node": "^20.11.24",
52
52
  "@types/react": "^18.0.0 || ^19.0.0",
53
53
  "@types/react-dom": "^18.0.0 || ^19.0.0",
54
- "@twick/timeline": "0.15.7",
55
- "@twick/live-player": "0.15.7",
56
- "@twick/video-editor": "0.15.7",
54
+ "@twick/timeline": "0.15.9",
55
+ "@twick/live-player": "0.15.9",
56
+ "@twick/video-editor": "0.15.9",
57
57
  "rimraf": "^5.0.5",
58
58
  "typedoc": "^0.25.8",
59
59
  "typedoc-plugin-markdown": "^3.17.1",