softbuilders-react-video-player 1.1.70 → 1.1.71
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/components/ControlBar/index.js +25 -37
- package/dist/components/ControlBar/index.js.map +1 -1
- package/dist/components/ControlBar/index.tsx +75 -80
- package/dist/components/QualityMenu/index.js +1 -1
- package/dist/components/QualityMenu/index.js.map +1 -1
- package/dist/components/QualityMenu/index.tsx +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.js +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.tsx +17 -14
- package/dist/components/Tooltip/GlobalTooltip.d.ts +2 -0
- package/dist/components/Tooltip/GlobalTooltip.js +20 -0
- package/dist/components/Tooltip/GlobalTooltip.js.map +1 -0
- package/dist/components/Tooltip/GlobalTooltip.tsx +53 -0
- package/dist/components/Tooltip/index.d.ts +4 -3
- package/dist/components/Tooltip/index.js +5 -10
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/Tooltip/index.tsx +7 -19
- package/dist/components/VideoPlayerComponent/index.js +1 -1
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +18 -15
- package/dist/components/VolumeSlider/index.js +25 -6
- package/dist/components/VolumeSlider/index.js.map +1 -1
- package/dist/components/VolumeSlider/index.tsx +45 -17
- package/dist/index.css +18 -69
- package/dist/index.mjs +155 -96
- package/dist/styles/tailwind.css +18 -66
- package/package.json +1 -1
package/dist/styles/tailwind.css
CHANGED
@@ -505,9 +505,6 @@ video {
|
|
505
505
|
.sb-invisible {
|
506
506
|
visibility: hidden;
|
507
507
|
}
|
508
|
-
.sb-static {
|
509
|
-
position: static;
|
510
|
-
}
|
511
508
|
.sb-absolute {
|
512
509
|
position: absolute;
|
513
510
|
}
|
@@ -538,6 +535,9 @@ video {
|
|
538
535
|
.sb-bottom-2 {
|
539
536
|
bottom: 0.5rem;
|
540
537
|
}
|
538
|
+
.sb-bottom-\[105\] {
|
539
|
+
bottom: 105;
|
540
|
+
}
|
541
541
|
.sb-bottom-full {
|
542
542
|
bottom: 100%;
|
543
543
|
}
|
@@ -547,33 +547,24 @@ video {
|
|
547
547
|
.sb-left-1\/2 {
|
548
548
|
left: 50%;
|
549
549
|
}
|
550
|
-
.sb-left-full {
|
551
|
-
left: 100%;
|
552
|
-
}
|
553
550
|
.sb-right-0 {
|
554
551
|
right: 0px;
|
555
552
|
}
|
556
|
-
.sb-right-full {
|
557
|
-
right: 100%;
|
558
|
-
}
|
559
553
|
.sb-top-0 {
|
560
554
|
top: 0px;
|
561
555
|
}
|
562
556
|
.sb-top-1 {
|
563
557
|
top: 0.25rem;
|
564
558
|
}
|
565
|
-
.sb-top-1\/2 {
|
566
|
-
top: 50%;
|
567
|
-
}
|
568
559
|
.sb-top-2 {
|
569
560
|
top: 0.5rem;
|
570
561
|
}
|
562
|
+
.sb-top-\[105\%\] {
|
563
|
+
top: 105%;
|
564
|
+
}
|
571
565
|
.sb-top-\[27\%\] {
|
572
566
|
top: 27%;
|
573
567
|
}
|
574
|
-
.sb-top-full {
|
575
|
-
top: 100%;
|
576
|
-
}
|
577
568
|
.sb-z-10 {
|
578
569
|
z-index: 10;
|
579
570
|
}
|
@@ -583,15 +574,16 @@ video {
|
|
583
574
|
.sb-z-30 {
|
584
575
|
z-index: 30;
|
585
576
|
}
|
586
|
-
.sb-z-50 {
|
587
|
-
z-index: 50;
|
588
|
-
}
|
589
577
|
.sb-col-span-3 {
|
590
578
|
grid-column: span 3 / span 3;
|
591
579
|
}
|
592
580
|
.sb-col-span-9 {
|
593
581
|
grid-column: span 9 / span 9;
|
594
582
|
}
|
583
|
+
.sb-my-2 {
|
584
|
+
margin-top: 0.5rem;
|
585
|
+
margin-bottom: 0.5rem;
|
586
|
+
}
|
595
587
|
.sb-mb-1 {
|
596
588
|
margin-bottom: 0.25rem;
|
597
589
|
}
|
@@ -601,18 +593,9 @@ video {
|
|
601
593
|
.sb-ml-0 {
|
602
594
|
margin-left: 0px;
|
603
595
|
}
|
604
|
-
.sb-ml-2 {
|
605
|
-
margin-left: 0.5rem;
|
606
|
-
}
|
607
596
|
.sb-mr-0 {
|
608
597
|
margin-right: 0px;
|
609
598
|
}
|
610
|
-
.sb-mr-2 {
|
611
|
-
margin-right: 0.5rem;
|
612
|
-
}
|
613
|
-
.sb-mt-2 {
|
614
|
-
margin-top: 0.5rem;
|
615
|
-
}
|
616
599
|
.sb-flex {
|
617
600
|
display: flex;
|
618
601
|
}
|
@@ -686,10 +669,6 @@ video {
|
|
686
669
|
--tw-border-spacing-x: 0.5rem;
|
687
670
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
688
671
|
}
|
689
|
-
.-sb-translate-x-1\/2 {
|
690
|
-
--tw-translate-x: -50%;
|
691
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
692
|
-
}
|
693
672
|
.-sb-translate-y-0 {
|
694
673
|
--tw-translate-y: -0px;
|
695
674
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
@@ -698,12 +677,8 @@ video {
|
|
698
677
|
--tw-translate-y: -0.25rem;
|
699
678
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
700
679
|
}
|
701
|
-
|
702
|
-
--tw-translate-
|
703
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
704
|
-
}
|
705
|
-
.sb-translate-y-0 {
|
706
|
-
--tw-translate-y: 0px;
|
680
|
+
.sb--translate-x-1\/2 {
|
681
|
+
--tw-translate-x: -50%;
|
707
682
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
708
683
|
}
|
709
684
|
.sb-translate-y-1 {
|
@@ -714,10 +689,6 @@ video {
|
|
714
689
|
--tw-rotate: -90deg;
|
715
690
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
716
691
|
}
|
717
|
-
.sb-rotate-0 {
|
718
|
-
--tw-rotate: 0deg;
|
719
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
720
|
-
}
|
721
692
|
.sb-rotate-90 {
|
722
693
|
--tw-rotate: 90deg;
|
723
694
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
@@ -736,9 +707,6 @@ video {
|
|
736
707
|
.sb-grid-cols-12 {
|
737
708
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
738
709
|
}
|
739
|
-
.\!sb-flex-row {
|
740
|
-
flex-direction: row !important;
|
741
|
-
}
|
742
710
|
.sb-flex-row {
|
743
711
|
flex-direction: row;
|
744
712
|
}
|
@@ -748,9 +716,6 @@ video {
|
|
748
716
|
.sb-flex-col-reverse {
|
749
717
|
flex-direction: column-reverse;
|
750
718
|
}
|
751
|
-
.\!sb-items-start {
|
752
|
-
align-items: flex-start !important;
|
753
|
-
}
|
754
719
|
.sb-items-start {
|
755
720
|
align-items: flex-start;
|
756
721
|
}
|
@@ -784,8 +749,8 @@ video {
|
|
784
749
|
.sb-overflow-hidden {
|
785
750
|
overflow: hidden;
|
786
751
|
}
|
787
|
-
.sb-
|
788
|
-
|
752
|
+
.sb-whitespace-nowrap {
|
753
|
+
white-space: nowrap;
|
789
754
|
}
|
790
755
|
.sb-rounded-full {
|
791
756
|
border-radius: 9999px;
|
@@ -815,10 +780,6 @@ video {
|
|
815
780
|
--tw-bg-opacity: 1;
|
816
781
|
background-color: rgb(255 0 0 / var(--tw-bg-opacity));
|
817
782
|
}
|
818
|
-
.sb-bg-black {
|
819
|
-
--tw-bg-opacity: 1;
|
820
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
821
|
-
}
|
822
783
|
.sb-bg-orange-500 {
|
823
784
|
--tw-bg-opacity: 1;
|
824
785
|
background-color: rgb(249 115 22 / var(--tw-bg-opacity));
|
@@ -850,10 +811,6 @@ video {
|
|
850
811
|
padding-left: 1rem !important;
|
851
812
|
padding-right: 1rem !important;
|
852
813
|
}
|
853
|
-
.sb-px-2 {
|
854
|
-
padding-left: 0.5rem;
|
855
|
-
padding-right: 0.5rem;
|
856
|
-
}
|
857
814
|
.sb-px-4 {
|
858
815
|
padding-left: 1rem;
|
859
816
|
padding-right: 1rem;
|
@@ -886,13 +843,13 @@ video {
|
|
886
843
|
.sb-text-center {
|
887
844
|
text-align: center;
|
888
845
|
}
|
889
|
-
.sb-text-sm {
|
890
|
-
font-size: 0.875rem;
|
891
|
-
line-height: 1.25rem;
|
892
|
-
}
|
893
846
|
.sb-font-bold {
|
894
847
|
font-weight: 700;
|
895
848
|
}
|
849
|
+
.sb-text-orange-900 {
|
850
|
+
--tw-text-opacity: 1;
|
851
|
+
color: rgb(124 45 18 / var(--tw-text-opacity));
|
852
|
+
}
|
896
853
|
.sb-text-white {
|
897
854
|
--tw-text-opacity: 1;
|
898
855
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
@@ -908,11 +865,6 @@ video {
|
|
908
865
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
909
866
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
910
867
|
}
|
911
|
-
.sb-shadow-md {
|
912
|
-
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
913
|
-
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
914
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
915
|
-
}
|
916
868
|
.sb-backdrop-blur-lg {
|
917
869
|
--tw-backdrop-blur: blur(16px);
|
918
870
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|