softbuilders-react-video-player 1.1.70 → 1.1.72
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 -78
- package/dist/components/QualityMenu/index.js +12 -12
- package/dist/components/QualityMenu/index.js.map +1 -1
- package/dist/components/QualityMenu/index.tsx +19 -21
- 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 +163 -103
- package/dist/styles/tailwind.css +18 -66
- package/package.json +1 -1
package/dist/styles/tailwind.css
CHANGED
@@ -505,18 +505,21 @@ 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
|
}
|
514
511
|
.sb-relative {
|
515
512
|
position: relative;
|
516
513
|
}
|
514
|
+
.\!sb-bottom-\[105\%\] {
|
515
|
+
bottom: 105% !important;
|
516
|
+
}
|
517
517
|
.\!sb-top-8 {
|
518
518
|
top: 2rem !important;
|
519
519
|
}
|
520
|
+
.\!sb-top-\[105\%\] {
|
521
|
+
top: 105% !important;
|
522
|
+
}
|
520
523
|
.-sb-left-9 {
|
521
524
|
left: -2.25rem;
|
522
525
|
}
|
@@ -547,33 +550,21 @@ video {
|
|
547
550
|
.sb-left-1\/2 {
|
548
551
|
left: 50%;
|
549
552
|
}
|
550
|
-
.sb-left-full {
|
551
|
-
left: 100%;
|
552
|
-
}
|
553
553
|
.sb-right-0 {
|
554
554
|
right: 0px;
|
555
555
|
}
|
556
|
-
.sb-right-full {
|
557
|
-
right: 100%;
|
558
|
-
}
|
559
556
|
.sb-top-0 {
|
560
557
|
top: 0px;
|
561
558
|
}
|
562
559
|
.sb-top-1 {
|
563
560
|
top: 0.25rem;
|
564
561
|
}
|
565
|
-
.sb-top-1\/2 {
|
566
|
-
top: 50%;
|
567
|
-
}
|
568
562
|
.sb-top-2 {
|
569
563
|
top: 0.5rem;
|
570
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);
|