softbuilders-react-video-player 1.1.21 → 1.1.23

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. package/dist/components/ControlBar/index.js +10 -8
  2. package/dist/components/ControlBar/index.js.map +1 -1
  3. package/dist/components/ControlBar/index.tsx +20 -16
  4. package/dist/components/MenuButton/index.d.ts +2 -1
  5. package/dist/components/MenuButton/index.js +5 -2
  6. package/dist/components/MenuButton/index.js.map +1 -1
  7. package/dist/components/MenuButton/index.tsx +12 -3
  8. package/dist/components/QualityMenu/index.d.ts +4 -2
  9. package/dist/components/QualityMenu/index.js +9 -7
  10. package/dist/components/QualityMenu/index.js.map +1 -1
  11. package/dist/components/QualityMenu/index.tsx +33 -8
  12. package/dist/components/SoftBuildersVideoPlayer/index.d.ts +2 -1
  13. package/dist/components/SoftBuildersVideoPlayer/index.js +4 -1
  14. package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
  15. package/dist/components/SoftBuildersVideoPlayer/index.tsx +5 -1
  16. package/dist/components/SubtitleMenu/index.d.ts +4 -2
  17. package/dist/components/SubtitleMenu/index.js +8 -3
  18. package/dist/components/SubtitleMenu/index.js.map +1 -1
  19. package/dist/components/SubtitleMenu/index.tsx +19 -4
  20. package/dist/components/VideoPlayerComponent/index.js +70 -8
  21. package/dist/components/VideoPlayerComponent/index.js.map +1 -1
  22. package/dist/components/VideoPlayerComponent/index.tsx +80 -7
  23. package/dist/components/VideoPlayerComponent/style/style.css +1 -0
  24. package/dist/components/VolumeSlider/index.d.ts +1 -1
  25. package/dist/components/VolumeSlider/index.js +4 -2
  26. package/dist/components/VolumeSlider/index.js.map +1 -1
  27. package/dist/components/VolumeSlider/index.tsx +13 -7
  28. package/dist/index.css +35 -11
  29. package/dist/index.d.mts +2 -1
  30. package/dist/index.mjs +287 -157
  31. package/dist/styles/tailwind.css +34 -11
  32. package/package.json +1 -1
package/dist/styles/tailwind.css CHANGED
@@ -514,6 +514,15 @@ video {
514
514
  .sb-relative {
515
515
  position: relative;
516
516
  }
517
+ .\!sb-top-8 {
518
+ top: 2rem !important;
519
+ }
520
+ .-sb-left-9 {
521
+ left: -2.25rem;
522
+ }
523
+ .-sb-top-1 {
524
+ top: -0.25rem;
525
+ }
517
526
  .sb-bottom-10 {
518
527
  bottom: 2.5rem;
519
528
  }
@@ -619,8 +628,8 @@ video {
619
628
  .sb-w-5 {
620
629
  width: 1.25rem;
621
630
  }
622
- .sb-w-\[0px\] {
623
- width: 0px;
631
+ .sb-w-\[100px\] {
632
+ width: 100px;
624
633
  }
625
634
  .sb-w-\[150px\] {
626
635
  width: 150px;
@@ -631,6 +640,9 @@ video {
631
640
  .sb-w-\[22px\] {
632
641
  width: 22px;
633
642
  }
643
+ .sb-w-\[90px\] {
644
+ width: 90px;
645
+ }
634
646
  .sb-w-full {
635
647
  width: 100%;
636
648
  }
@@ -642,10 +654,6 @@ video {
642
654
  --tw-translate-y: -0.25rem;
643
655
  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));
644
656
  }
645
- .-sb-translate-y-9 {
646
- --tw-translate-y: -2.25rem;
647
- 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));
648
- }
649
657
  .sb--translate-x-1\/2 {
650
658
  --tw-translate-x: -50%;
651
659
  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));
@@ -654,6 +662,10 @@ video {
654
662
  --tw-translate-y: 0px;
655
663
  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));
656
664
  }
665
+ .sb-translate-y-1 {
666
+ --tw-translate-y: 0.25rem;
667
+ 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));
668
+ }
657
669
  .-sb-rotate-90 {
658
670
  --tw-rotate: -90deg;
659
671
  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));
@@ -662,6 +674,10 @@ video {
662
674
  --tw-rotate: 0deg;
663
675
  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));
664
676
  }
677
+ .sb-rotate-90 {
678
+ --tw-rotate: 90deg;
679
+ 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));
680
+ }
665
681
  .sb-transform {
666
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));
667
683
  }
@@ -688,20 +704,20 @@ video {
688
704
  .sb-flex-col-reverse {
689
705
  flex-direction: column-reverse;
690
706
  }
707
+ .\!sb-items-start {
708
+ align-items: flex-start !important;
709
+ }
691
710
  .sb-items-start {
692
711
  align-items: flex-start;
693
712
  }
694
- .\!sb-items-end {
695
- align-items: flex-end !important;
696
- }
697
713
  .sb-items-end {
698
714
  align-items: flex-end;
699
715
  }
700
716
  .sb-items-center {
701
717
  align-items: center;
702
718
  }
703
- .sb-justify-start {
704
- justify-content: flex-start;
719
+ .\!sb-justify-start {
720
+ justify-content: flex-start !important;
705
721
  }
706
722
  .sb-justify-center {
707
723
  justify-content: center;
@@ -790,6 +806,10 @@ video {
790
806
  padding-left: 1.25rem;
791
807
  padding-right: 1.25rem;
792
808
  }
809
+ .sb-py-1 {
810
+ padding-top: 0.25rem;
811
+ padding-bottom: 0.25rem;
812
+ }
793
813
  .sb-py-3 {
794
814
  padding-top: 0.75rem;
795
815
  padding-bottom: 0.75rem;
@@ -801,6 +821,9 @@ video {
801
821
  .sb-pb-2 {
802
822
  padding-bottom: 0.5rem;
803
823
  }
824
+ .sb-pt-2 {
825
+ padding-top: 0.5rem;
826
+ }
804
827
  .sb-text-left {
805
828
  text-align: left;
806
829
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "softbuilders-react-video-player",
3
3
  "description": "Standalone video player component",
4
- "version": "1.1.21",
4
+ "version": "1.1.23",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "files": [