softbuilders-react-video-player 1.1.21 → 1.1.23

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.
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
@@ -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": [