@twick/video-editor 0.14.10 → 0.14.12
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/video-editor.css +78 -0
- package/package.json +9 -9
package/dist/video-editor.css
CHANGED
|
@@ -297,6 +297,12 @@
|
|
|
297
297
|
background: linear-gradient(135deg, var(--color-purple-700), var(--color-purple-800), var(--color-purple-900));
|
|
298
298
|
box-shadow: 0 6px 20px rgba(147, 51, 234, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
299
299
|
}
|
|
300
|
+
.btn-primary:disabled {
|
|
301
|
+
opacity: 0.6;
|
|
302
|
+
cursor: not-allowed;
|
|
303
|
+
transform: none;
|
|
304
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
305
|
+
}
|
|
300
306
|
.btn-secondary {
|
|
301
307
|
display: inline-flex;
|
|
302
308
|
align-items: center;
|
|
@@ -321,6 +327,12 @@
|
|
|
321
327
|
box-shadow: 0 12px 35px rgba(147, 51, 234, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
|
322
328
|
transform: translateY(-2px);
|
|
323
329
|
}
|
|
330
|
+
.btn-secondary:disabled {
|
|
331
|
+
opacity: 0.6;
|
|
332
|
+
cursor: not-allowed;
|
|
333
|
+
transform: none;
|
|
334
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
335
|
+
}
|
|
324
336
|
.btn-ghost {
|
|
325
337
|
display: inline-flex;
|
|
326
338
|
align-items: center;
|
|
@@ -348,6 +360,12 @@
|
|
|
348
360
|
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
349
361
|
transform: translateY(-2px);
|
|
350
362
|
}
|
|
363
|
+
.btn-ghost:disabled {
|
|
364
|
+
opacity: 0.6;
|
|
365
|
+
cursor: not-allowed;
|
|
366
|
+
transform: none;
|
|
367
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
368
|
+
}
|
|
351
369
|
.btn-outline {
|
|
352
370
|
display: inline-flex;
|
|
353
371
|
align-items: center;
|
|
@@ -374,6 +392,12 @@
|
|
|
374
392
|
box-shadow: 0 12px 35px rgba(147, 51, 234, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
375
393
|
transform: translateY(-2px);
|
|
376
394
|
}
|
|
395
|
+
.btn-outline:disabled {
|
|
396
|
+
opacity: 0.6;
|
|
397
|
+
cursor: not-allowed;
|
|
398
|
+
transform: none;
|
|
399
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
400
|
+
}
|
|
377
401
|
.btn-danger {
|
|
378
402
|
display: inline-flex;
|
|
379
403
|
align-items: center;
|
|
@@ -402,6 +426,12 @@
|
|
|
402
426
|
background: linear-gradient(135deg, var(--color-red-700), var(--color-red-800), var(--color-red-900));
|
|
403
427
|
box-shadow: 0 6px 20px rgba(239, 68, 68, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
404
428
|
}
|
|
429
|
+
.btn-danger:disabled {
|
|
430
|
+
opacity: 0.6;
|
|
431
|
+
cursor: not-allowed;
|
|
432
|
+
transform: none;
|
|
433
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
434
|
+
}
|
|
405
435
|
.btn-primary {
|
|
406
436
|
background: linear-gradient(135deg, var(--color-purple-600), var(--color-purple-700));
|
|
407
437
|
color: white;
|
|
@@ -412,6 +442,12 @@
|
|
|
412
442
|
background: linear-gradient(135deg, var(--color-purple-500), var(--color-purple-600));
|
|
413
443
|
box-shadow: 0 8px 25px rgba(147, 51, 234, 0.35);
|
|
414
444
|
}
|
|
445
|
+
.btn-primary:disabled {
|
|
446
|
+
opacity: 0.6;
|
|
447
|
+
cursor: not-allowed;
|
|
448
|
+
transform: none;
|
|
449
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
450
|
+
}
|
|
415
451
|
/* ========================================
|
|
416
452
|
INPUT UTILITIES
|
|
417
453
|
======================================== */
|
|
@@ -1098,6 +1134,13 @@
|
|
|
1098
1134
|
box-shadow: 0 6px 20px rgba(147, 51, 234, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
1099
1135
|
}
|
|
1100
1136
|
|
|
1137
|
+
.btn-primary:disabled {
|
|
1138
|
+
opacity: 0.6;
|
|
1139
|
+
cursor: not-allowed;
|
|
1140
|
+
transform: none;
|
|
1141
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1101
1144
|
.btn-secondary {
|
|
1102
1145
|
display: inline-flex;
|
|
1103
1146
|
align-items: center;
|
|
@@ -1124,6 +1167,13 @@
|
|
|
1124
1167
|
transform: translateY(-2px);
|
|
1125
1168
|
}
|
|
1126
1169
|
|
|
1170
|
+
.btn-secondary:disabled {
|
|
1171
|
+
opacity: 0.6;
|
|
1172
|
+
cursor: not-allowed;
|
|
1173
|
+
transform: none;
|
|
1174
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1127
1177
|
.btn-ghost {
|
|
1128
1178
|
display: inline-flex;
|
|
1129
1179
|
align-items: center;
|
|
@@ -1153,6 +1203,13 @@
|
|
|
1153
1203
|
transform: translateY(-2px);
|
|
1154
1204
|
}
|
|
1155
1205
|
|
|
1206
|
+
.btn-ghost:disabled {
|
|
1207
|
+
opacity: 0.6;
|
|
1208
|
+
cursor: not-allowed;
|
|
1209
|
+
transform: none;
|
|
1210
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
1211
|
+
}
|
|
1212
|
+
|
|
1156
1213
|
.btn-outline {
|
|
1157
1214
|
display: inline-flex;
|
|
1158
1215
|
align-items: center;
|
|
@@ -1181,6 +1238,13 @@
|
|
|
1181
1238
|
transform: translateY(-2px);
|
|
1182
1239
|
}
|
|
1183
1240
|
|
|
1241
|
+
.btn-outline:disabled {
|
|
1242
|
+
opacity: 0.6;
|
|
1243
|
+
cursor: not-allowed;
|
|
1244
|
+
transform: none;
|
|
1245
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
1246
|
+
}
|
|
1247
|
+
|
|
1184
1248
|
.btn-danger {
|
|
1185
1249
|
display: inline-flex;
|
|
1186
1250
|
align-items: center;
|
|
@@ -1212,6 +1276,13 @@
|
|
|
1212
1276
|
box-shadow: 0 6px 20px rgba(239, 68, 68, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
1213
1277
|
}
|
|
1214
1278
|
|
|
1279
|
+
.btn-danger:disabled {
|
|
1280
|
+
opacity: 0.6;
|
|
1281
|
+
cursor: not-allowed;
|
|
1282
|
+
transform: none;
|
|
1283
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
1284
|
+
}
|
|
1285
|
+
|
|
1215
1286
|
.btn-primary {
|
|
1216
1287
|
background: linear-gradient(135deg, var(--color-purple-600), var(--color-purple-700));
|
|
1217
1288
|
color: white;
|
|
@@ -1224,6 +1295,13 @@
|
|
|
1224
1295
|
box-shadow: 0 8px 25px rgba(147, 51, 234, 0.35);
|
|
1225
1296
|
}
|
|
1226
1297
|
|
|
1298
|
+
.btn-primary:disabled {
|
|
1299
|
+
opacity: 0.6;
|
|
1300
|
+
cursor: not-allowed;
|
|
1301
|
+
transform: none;
|
|
1302
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1227
1305
|
/* ========================================
|
|
1228
1306
|
INPUT UTILITIES
|
|
1229
1307
|
======================================== */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@twick/video-editor",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.12",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -23,17 +23,17 @@
|
|
|
23
23
|
"access": "public"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@twick/timeline": "^0.14.
|
|
27
|
-
"@twick/live-player": "^0.14.
|
|
26
|
+
"@twick/timeline": "^0.14.11",
|
|
27
|
+
"@twick/live-player": "^0.14.11"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@emotion/is-prop-valid": "^1.2.2",
|
|
31
|
-
"@twick/canvas": "0.14.
|
|
32
|
-
"@twick/live-player": "0.14.
|
|
33
|
-
"@twick/timeline": "0.14.
|
|
31
|
+
"@twick/canvas": "0.14.12",
|
|
32
|
+
"@twick/live-player": "0.14.12",
|
|
33
|
+
"@twick/timeline": "0.14.12",
|
|
34
34
|
"@react-spring/web": "^10.0.1",
|
|
35
35
|
"@use-gesture/react": "^10.3.0",
|
|
36
|
-
"@twick/media-utils": "0.14.
|
|
36
|
+
"@twick/media-utils": "0.14.12",
|
|
37
37
|
"framer-motion": "^11.0.3",
|
|
38
38
|
"lucide-react": "^0.511.0",
|
|
39
39
|
"react": "^18.2.0",
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
"@types/node": "^20.11.24",
|
|
44
44
|
"@types/react": "^18.2.55",
|
|
45
45
|
"@types/react-dom": "^18.2.19",
|
|
46
|
-
"@twick/live-player": "^0.14.
|
|
47
|
-
"@twick/timeline": "^0.14.
|
|
46
|
+
"@twick/live-player": "^0.14.11",
|
|
47
|
+
"@twick/timeline": "^0.14.11",
|
|
48
48
|
"rimraf": "^5.0.5",
|
|
49
49
|
"typedoc": "^0.25.8",
|
|
50
50
|
"typedoc-plugin-markdown": "^3.17.1",
|