@phont-ai/subtitles 0.1.64 → 0.1.69
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.d.mts +262 -26
- package/dist/index.d.ts +262 -26
- package/dist/index.js +220 -67
- package/dist/index.mjs +220 -67
- package/dist/styles.css +24 -55
- package/package.json +3 -2
package/dist/styles.css
CHANGED
|
@@ -568,6 +568,9 @@ video {
|
|
|
568
568
|
.pointer-events-auto {
|
|
569
569
|
pointer-events: auto;
|
|
570
570
|
}
|
|
571
|
+
.\!visible {
|
|
572
|
+
visibility: visible !important;
|
|
573
|
+
}
|
|
571
574
|
.visible {
|
|
572
575
|
visibility: visible;
|
|
573
576
|
}
|
|
@@ -583,8 +586,8 @@ video {
|
|
|
583
586
|
.relative {
|
|
584
587
|
position: relative;
|
|
585
588
|
}
|
|
586
|
-
.
|
|
587
|
-
|
|
589
|
+
.bottom-\[calc\(8vh\+16px\)\] {
|
|
590
|
+
bottom: calc(8vh + 16px);
|
|
588
591
|
}
|
|
589
592
|
.left-0 {
|
|
590
593
|
left: 0px;
|
|
@@ -592,9 +595,15 @@ video {
|
|
|
592
595
|
.right-0 {
|
|
593
596
|
right: 0px;
|
|
594
597
|
}
|
|
598
|
+
.right-6 {
|
|
599
|
+
right: 1.5rem;
|
|
600
|
+
}
|
|
595
601
|
.top-\[80px\] {
|
|
596
602
|
top: 80px;
|
|
597
603
|
}
|
|
604
|
+
.isolate {
|
|
605
|
+
isolation: isolate;
|
|
606
|
+
}
|
|
598
607
|
.z-\[104\] {
|
|
599
608
|
z-index: 104;
|
|
600
609
|
}
|
|
@@ -610,18 +619,12 @@ video {
|
|
|
610
619
|
.mb-2 {
|
|
611
620
|
margin-bottom: 0.5rem;
|
|
612
621
|
}
|
|
613
|
-
.mb-3 {
|
|
614
|
-
margin-bottom: 0.75rem;
|
|
615
|
-
}
|
|
616
622
|
.mb-4 {
|
|
617
623
|
margin-bottom: 1rem;
|
|
618
624
|
}
|
|
619
625
|
.mb-6 {
|
|
620
626
|
margin-bottom: 1.5rem;
|
|
621
627
|
}
|
|
622
|
-
.mt-1 {
|
|
623
|
-
margin-top: 0.25rem;
|
|
624
|
-
}
|
|
625
628
|
.mt-2 {
|
|
626
629
|
margin-top: 0.5rem;
|
|
627
630
|
}
|
|
@@ -643,15 +646,15 @@ video {
|
|
|
643
646
|
.flex {
|
|
644
647
|
display: flex;
|
|
645
648
|
}
|
|
649
|
+
.inline-flex {
|
|
650
|
+
display: inline-flex;
|
|
651
|
+
}
|
|
646
652
|
.grid {
|
|
647
653
|
display: grid;
|
|
648
654
|
}
|
|
649
655
|
.hidden {
|
|
650
656
|
display: none;
|
|
651
657
|
}
|
|
652
|
-
.h-4 {
|
|
653
|
-
height: 1rem;
|
|
654
|
-
}
|
|
655
658
|
.h-auto {
|
|
656
659
|
height: auto;
|
|
657
660
|
}
|
|
@@ -661,9 +664,6 @@ video {
|
|
|
661
664
|
.min-h-screen {
|
|
662
665
|
min-height: 100vh;
|
|
663
666
|
}
|
|
664
|
-
.w-4 {
|
|
665
|
-
width: 1rem;
|
|
666
|
-
}
|
|
667
667
|
.w-\[min\(90vw\2c 260px\)\] {
|
|
668
668
|
width: min(90vw,260px);
|
|
669
669
|
}
|
|
@@ -679,9 +679,6 @@ video {
|
|
|
679
679
|
.max-w-lg {
|
|
680
680
|
max-width: 32rem;
|
|
681
681
|
}
|
|
682
|
-
.max-w-sm {
|
|
683
|
-
max-width: 24rem;
|
|
684
|
-
}
|
|
685
682
|
.flex-1 {
|
|
686
683
|
flex: 1 1 0%;
|
|
687
684
|
}
|
|
@@ -709,11 +706,6 @@ video {
|
|
|
709
706
|
.cursor-pointer {
|
|
710
707
|
cursor: pointer;
|
|
711
708
|
}
|
|
712
|
-
.select-none {
|
|
713
|
-
-webkit-user-select: none;
|
|
714
|
-
-moz-user-select: none;
|
|
715
|
-
user-select: none;
|
|
716
|
-
}
|
|
717
709
|
.resize {
|
|
718
710
|
resize: both;
|
|
719
711
|
}
|
|
@@ -752,9 +744,6 @@ video {
|
|
|
752
744
|
.gap-3 {
|
|
753
745
|
gap: 0.75rem;
|
|
754
746
|
}
|
|
755
|
-
.gap-4 {
|
|
756
|
-
gap: 1rem;
|
|
757
|
-
}
|
|
758
747
|
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
759
748
|
--tw-space-y-reverse: 0;
|
|
760
749
|
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -794,9 +783,6 @@ video {
|
|
|
794
783
|
.border {
|
|
795
784
|
border-width: 1px;
|
|
796
785
|
}
|
|
797
|
-
.border-2 {
|
|
798
|
-
border-width: 2px;
|
|
799
|
-
}
|
|
800
786
|
.border-t {
|
|
801
787
|
border-top-width: 1px;
|
|
802
788
|
}
|
|
@@ -819,10 +805,6 @@ video {
|
|
|
819
805
|
.border-white\/30 {
|
|
820
806
|
border-color: rgb(255 255 255 / 0.3);
|
|
821
807
|
}
|
|
822
|
-
.border-t-white {
|
|
823
|
-
--tw-border-opacity: 1;
|
|
824
|
-
border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
|
|
825
|
-
}
|
|
826
808
|
.bg-\[\#17428c14\] {
|
|
827
809
|
background-color: #17428c14;
|
|
828
810
|
}
|
|
@@ -927,9 +909,6 @@ video {
|
|
|
927
909
|
.pt-6 {
|
|
928
910
|
padding-top: 1.5rem;
|
|
929
911
|
}
|
|
930
|
-
.text-left {
|
|
931
|
-
text-align: left;
|
|
932
|
-
}
|
|
933
912
|
.text-center {
|
|
934
913
|
text-align: center;
|
|
935
914
|
}
|
|
@@ -967,9 +946,16 @@ video {
|
|
|
967
946
|
.font-semibold {
|
|
968
947
|
font-weight: 600;
|
|
969
948
|
}
|
|
949
|
+
.uppercase {
|
|
950
|
+
text-transform: uppercase;
|
|
951
|
+
}
|
|
970
952
|
.lowercase {
|
|
971
953
|
text-transform: lowercase;
|
|
972
954
|
}
|
|
955
|
+
.tabular-nums {
|
|
956
|
+
--tw-numeric-spacing: tabular-nums;
|
|
957
|
+
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
|
|
958
|
+
}
|
|
973
959
|
.text-black {
|
|
974
960
|
--tw-text-opacity: 1;
|
|
975
961
|
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
|
@@ -990,10 +976,6 @@ video {
|
|
|
990
976
|
--tw-text-opacity: 1;
|
|
991
977
|
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
|
|
992
978
|
}
|
|
993
|
-
.text-gray-600 {
|
|
994
|
-
--tw-text-opacity: 1;
|
|
995
|
-
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
|
|
996
|
-
}
|
|
997
979
|
.text-red-300 {
|
|
998
980
|
--tw-text-opacity: 1;
|
|
999
981
|
color: rgb(252 165 165 / var(--tw-text-opacity, 1));
|
|
@@ -1012,9 +994,6 @@ video {
|
|
|
1012
994
|
--tw-text-opacity: 1;
|
|
1013
995
|
color: rgb(253 224 71 / var(--tw-text-opacity, 1));
|
|
1014
996
|
}
|
|
1015
|
-
.accent-black {
|
|
1016
|
-
accent-color: #000;
|
|
1017
|
-
}
|
|
1018
997
|
.opacity-100 {
|
|
1019
998
|
opacity: 1;
|
|
1020
999
|
}
|
|
@@ -1037,6 +1016,9 @@ video {
|
|
|
1037
1016
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
1038
1017
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1039
1018
|
}
|
|
1019
|
+
.outline {
|
|
1020
|
+
outline-style: solid;
|
|
1021
|
+
}
|
|
1040
1022
|
.blur {
|
|
1041
1023
|
--tw-blur: blur(8px);
|
|
1042
1024
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
@@ -1217,14 +1199,6 @@ video {
|
|
|
1217
1199
|
z-index: 101;
|
|
1218
1200
|
}
|
|
1219
1201
|
|
|
1220
|
-
.md\:w-\[min\(90vw\2c 260px\)\] {
|
|
1221
|
-
width: min(90vw,260px);
|
|
1222
|
-
}
|
|
1223
|
-
|
|
1224
|
-
.md\:max-w-\[260px\] {
|
|
1225
|
-
max-width: 260px;
|
|
1226
|
-
}
|
|
1227
|
-
|
|
1228
1202
|
.md\:items-end {
|
|
1229
1203
|
align-items: flex-end;
|
|
1230
1204
|
}
|
|
@@ -1260,11 +1234,6 @@ video {
|
|
|
1260
1234
|
padding-bottom: 0px;
|
|
1261
1235
|
}
|
|
1262
1236
|
|
|
1263
|
-
.md\:text-base {
|
|
1264
|
-
font-size: 1rem;
|
|
1265
|
-
line-height: 1.5rem;
|
|
1266
|
-
}
|
|
1267
|
-
|
|
1268
1237
|
.md\:\[bottom\:calc\(8vh\+16px\)\] {
|
|
1269
1238
|
bottom: calc(8vh + 16px);
|
|
1270
1239
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phont-ai/subtitles",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.69",
|
|
4
4
|
"description": "React components for PHONT expressive subtitles",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"dist"
|
|
11
11
|
],
|
|
12
12
|
"scripts": {
|
|
13
|
+
"prebuild": "pnpm --filter @phont-ai/subtitles-core run build",
|
|
13
14
|
"build": "tsup && pnpm run build:css",
|
|
14
15
|
"build:css": "postcss src/styles.css -o dist/styles.css",
|
|
15
16
|
"dev": "tsup --watch",
|
|
@@ -43,7 +44,7 @@
|
|
|
43
44
|
"react-dom": "^18.0.0"
|
|
44
45
|
},
|
|
45
46
|
"dependencies": {
|
|
46
|
-
"@phont-ai/subtitles-core": "
|
|
47
|
+
"@phont-ai/subtitles-core": "workspace:*",
|
|
47
48
|
"gsap": "^3.13.0",
|
|
48
49
|
"lottie-web": "^5.13.0"
|
|
49
50
|
},
|