softbuilders-react-video-player 1.1.68 → 1.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.
@@ -498,417 +498,417 @@ video {
498
498
  /* Make elements with the HTML hidden attribute stay hidden by default */
499
499
  [hidden] {
500
500
  display: none;
501
- }
501
+ }
502
502
  .sb-visible {
503
503
  visibility: visible;
504
- }
504
+ }
505
505
  .sb-invisible {
506
506
  visibility: hidden;
507
- }
507
+ }
508
508
  .sb-static {
509
509
  position: static;
510
- }
510
+ }
511
511
  .sb-absolute {
512
512
  position: absolute;
513
- }
513
+ }
514
514
  .sb-relative {
515
515
  position: relative;
516
- }
516
+ }
517
517
  .\!sb-top-8 {
518
518
  top: 2rem !important;
519
- }
519
+ }
520
520
  .-sb-left-9 {
521
521
  left: -2.25rem;
522
- }
522
+ }
523
523
  .-sb-left-\[9\.75rem\] {
524
524
  left: -9.75rem;
525
- }
525
+ }
526
526
  .-sb-top-1 {
527
527
  top: -0.25rem;
528
- }
528
+ }
529
529
  .sb-bottom-0 {
530
530
  bottom: 0px;
531
- }
531
+ }
532
532
  .sb-bottom-1 {
533
533
  bottom: 0.25rem;
534
- }
534
+ }
535
535
  .sb-bottom-10 {
536
536
  bottom: 2.5rem;
537
- }
537
+ }
538
538
  .sb-bottom-2 {
539
539
  bottom: 0.5rem;
540
- }
540
+ }
541
541
  .sb-bottom-full {
542
542
  bottom: 100%;
543
- }
543
+ }
544
544
  .sb-left-0 {
545
545
  left: 0px;
546
- }
546
+ }
547
547
  .sb-left-1\/2 {
548
548
  left: 50%;
549
- }
549
+ }
550
550
  .sb-right-0 {
551
551
  right: 0px;
552
- }
552
+ }
553
553
  .sb-top-0 {
554
554
  top: 0px;
555
- }
555
+ }
556
556
  .sb-top-1 {
557
557
  top: 0.25rem;
558
- }
558
+ }
559
559
  .sb-top-2 {
560
560
  top: 0.5rem;
561
- }
561
+ }
562
562
  .sb-top-\[27\%\] {
563
563
  top: 27%;
564
- }
564
+ }
565
565
  .sb-z-10 {
566
566
  z-index: 10;
567
- }
567
+ }
568
568
  .sb-z-20 {
569
569
  z-index: 20;
570
- }
570
+ }
571
571
  .sb-z-30 {
572
572
  z-index: 30;
573
- }
573
+ }
574
574
  .sb-col-span-3 {
575
575
  grid-column: span 3 / span 3;
576
- }
576
+ }
577
577
  .sb-col-span-9 {
578
578
  grid-column: span 9 / span 9;
579
- }
579
+ }
580
580
  .sb-mb-1 {
581
581
  margin-bottom: 0.25rem;
582
- }
582
+ }
583
583
  .sb-mb-2 {
584
584
  margin-bottom: 0.5rem;
585
- }
585
+ }
586
586
  .sb-ml-0 {
587
587
  margin-left: 0px;
588
- }
588
+ }
589
589
  .sb-mr-0 {
590
590
  margin-right: 0px;
591
- }
591
+ }
592
592
  .sb-flex {
593
593
  display: flex;
594
- }
594
+ }
595
595
  .sb-grid {
596
596
  display: grid;
597
- }
597
+ }
598
598
  .sb-h-1 {
599
599
  height: 0.25rem;
600
- }
600
+ }
601
601
  .sb-h-16 {
602
602
  height: 4rem;
603
- }
603
+ }
604
604
  .sb-h-2 {
605
605
  height: 0.5rem;
606
- }
606
+ }
607
607
  .sb-h-3 {
608
608
  height: 0.75rem;
609
- }
609
+ }
610
610
  .sb-h-4 {
611
611
  height: 1rem;
612
- }
612
+ }
613
613
  .sb-h-5 {
614
614
  height: 1.25rem;
615
- }
615
+ }
616
616
  .sb-h-\[\.1px\] {
617
617
  height: .1px;
618
- }
618
+ }
619
619
  .sb-h-\[3px\] {
620
620
  height: 3px;
621
- }
621
+ }
622
622
  .sb-h-full {
623
623
  height: 100%;
624
- }
624
+ }
625
625
  .\!sb-w-16 {
626
626
  width: 4rem !important;
627
- }
627
+ }
628
628
  .sb-w-1 {
629
629
  width: 0.25rem;
630
- }
630
+ }
631
631
  .sb-w-16 {
632
632
  width: 4rem;
633
- }
633
+ }
634
634
  .sb-w-3 {
635
635
  width: 0.75rem;
636
- }
636
+ }
637
637
  .sb-w-4 {
638
638
  width: 1rem;
639
- }
639
+ }
640
640
  .sb-w-5 {
641
641
  width: 1.25rem;
642
- }
642
+ }
643
643
  .sb-w-\[150px\] {
644
644
  width: 150px;
645
- }
645
+ }
646
646
  .sb-w-\[220px\] {
647
647
  width: 220px;
648
- }
648
+ }
649
649
  .sb-w-\[22px\] {
650
650
  width: 22px;
651
- }
651
+ }
652
652
  .sb-w-\[90px\] {
653
653
  width: 90px;
654
- }
654
+ }
655
655
  .sb-w-full {
656
656
  width: 100%;
657
- }
657
+ }
658
658
  .sb-flex-1 {
659
659
  flex: 1 1 0%;
660
- }
660
+ }
661
661
  .sb-border-spacing-x-2 {
662
662
  --tw-border-spacing-x: 0.5rem;
663
663
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
664
- }
664
+ }
665
665
  .-sb-translate-y-0 {
666
666
  --tw-translate-y: -0px;
667
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
- }
668
+ }
669
669
  .-sb-translate-y-1 {
670
670
  --tw-translate-y: -0.25rem;
671
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));
672
- }
672
+ }
673
673
  .sb--translate-x-1\/2 {
674
674
  --tw-translate-x: -50%;
675
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));
676
- }
676
+ }
677
677
  .sb-translate-y-0 {
678
678
  --tw-translate-y: 0px;
679
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
- }
680
+ }
681
681
  .sb-translate-y-1 {
682
682
  --tw-translate-y: 0.25rem;
683
683
  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));
684
- }
684
+ }
685
685
  .-sb-rotate-90 {
686
686
  --tw-rotate: -90deg;
687
687
  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));
688
- }
688
+ }
689
689
  .sb-rotate-0 {
690
690
  --tw-rotate: 0deg;
691
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
- }
692
+ }
693
693
  .sb-rotate-90 {
694
694
  --tw-rotate: 90deg;
695
695
  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));
696
- }
696
+ }
697
697
  .sb-transform {
698
698
  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));
699
- }
699
+ }
700
700
  .sb-cursor-pointer {
701
701
  cursor: pointer;
702
- }
702
+ }
703
703
  .sb-appearance-none {
704
704
  -webkit-appearance: none;
705
705
  -moz-appearance: none;
706
706
  appearance: none;
707
- }
707
+ }
708
708
  .sb-grid-cols-12 {
709
709
  grid-template-columns: repeat(12, minmax(0, 1fr));
710
- }
710
+ }
711
711
  .\!sb-flex-row {
712
712
  flex-direction: row !important;
713
- }
713
+ }
714
714
  .sb-flex-row {
715
715
  flex-direction: row;
716
- }
716
+ }
717
717
  .sb-flex-col {
718
718
  flex-direction: column;
719
- }
719
+ }
720
720
  .sb-flex-col-reverse {
721
721
  flex-direction: column-reverse;
722
- }
722
+ }
723
723
  .\!sb-items-start {
724
724
  align-items: flex-start !important;
725
- }
725
+ }
726
726
  .sb-items-start {
727
727
  align-items: flex-start;
728
- }
728
+ }
729
729
  .sb-items-end {
730
730
  align-items: flex-end;
731
- }
731
+ }
732
732
  .sb-items-center {
733
733
  align-items: center;
734
- }
734
+ }
735
735
  .\!sb-justify-start {
736
736
  justify-content: flex-start !important;
737
- }
737
+ }
738
738
  .sb-justify-center {
739
739
  justify-content: center;
740
- }
740
+ }
741
741
  .sb-justify-between {
742
742
  justify-content: space-between;
743
- }
743
+ }
744
744
  .sb-gap-1 {
745
745
  gap: 0.25rem;
746
- }
746
+ }
747
747
  .sb-gap-2 {
748
748
  gap: 0.5rem;
749
- }
749
+ }
750
750
  .sb-gap-3 {
751
751
  gap: 0.75rem;
752
- }
752
+ }
753
753
  .sb-gap-4 {
754
754
  gap: 1rem;
755
- }
755
+ }
756
756
  .sb-overflow-hidden {
757
757
  overflow: hidden;
758
- }
758
+ }
759
759
  .sb-whitespace-nowrap {
760
760
  white-space: nowrap;
761
- }
761
+ }
762
762
  .sb-rounded-full {
763
763
  border-radius: 9999px;
764
- }
764
+ }
765
765
  .sb-rounded-lg {
766
766
  border-radius: 0.5rem;
767
- }
767
+ }
768
768
  .sb-rounded-md {
769
769
  border-radius: 0.375rem;
770
- }
770
+ }
771
771
  .sb-border {
772
772
  border-width: 1px;
773
- }
773
+ }
774
774
  .sb-border-\[\#AAAAAA\] {
775
775
  --tw-border-opacity: 1;
776
776
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
777
- }
777
+ }
778
778
  .sb-bg-\[\#303030\] {
779
779
  --tw-bg-opacity: 1;
780
780
  background-color: rgb(48 48 48 / var(--tw-bg-opacity));
781
- }
781
+ }
782
782
  .sb-bg-\[\#AAAAAA\] {
783
783
  --tw-bg-opacity: 1;
784
784
  background-color: rgb(170 170 170 / var(--tw-bg-opacity));
785
- }
785
+ }
786
786
  .sb-bg-\[red\] {
787
787
  --tw-bg-opacity: 1;
788
788
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
789
- }
789
+ }
790
790
  .sb-bg-orange-500 {
791
791
  --tw-bg-opacity: 1;
792
792
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
793
- }
793
+ }
794
794
  .sb-bg-slate-400 {
795
795
  --tw-bg-opacity: 1;
796
796
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
797
- }
797
+ }
798
798
  .sb-bg-transparent {
799
799
  background-color: transparent;
800
- }
800
+ }
801
801
  .sb-bg-white {
802
802
  --tw-bg-opacity: 1;
803
803
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
804
- }
804
+ }
805
805
  .sb-bg-white\/30 {
806
806
  background-color: rgb(255 255 255 / 0.3);
807
- }
807
+ }
808
808
  .sb-bg-opacity-50 {
809
809
  --tw-bg-opacity: 0.5;
810
- }
810
+ }
811
811
  .sb-bg-opacity-70 {
812
812
  --tw-bg-opacity: 0.7;
813
- }
813
+ }
814
814
  .sb-p-2 {
815
815
  padding: 0.5rem;
816
- }
816
+ }
817
817
  .\!sb-px-4 {
818
818
  padding-left: 1rem !important;
819
819
  padding-right: 1rem !important;
820
- }
820
+ }
821
821
  .sb-px-4 {
822
822
  padding-left: 1rem;
823
823
  padding-right: 1rem;
824
- }
824
+ }
825
825
  .sb-px-5 {
826
826
  padding-left: 1.25rem;
827
827
  padding-right: 1.25rem;
828
- }
828
+ }
829
829
  .sb-py-1 {
830
830
  padding-top: 0.25rem;
831
831
  padding-bottom: 0.25rem;
832
- }
832
+ }
833
833
  .sb-py-3 {
834
834
  padding-top: 0.75rem;
835
835
  padding-bottom: 0.75rem;
836
- }
836
+ }
837
837
  .sb-py-5 {
838
838
  padding-top: 1.25rem;
839
839
  padding-bottom: 1.25rem;
840
- }
840
+ }
841
841
  .sb-pb-2 {
842
842
  padding-bottom: 0.5rem;
843
- }
843
+ }
844
844
  .sb-pt-2 {
845
845
  padding-top: 0.5rem;
846
- }
846
+ }
847
847
  .sb-text-left {
848
848
  text-align: left;
849
- }
849
+ }
850
850
  .sb-text-center {
851
851
  text-align: center;
852
- }
852
+ }
853
853
  .sb-font-bold {
854
854
  font-weight: 700;
855
- }
855
+ }
856
856
  .sb-text-white {
857
857
  --tw-text-opacity: 1;
858
858
  color: rgb(255 255 255 / var(--tw-text-opacity));
859
- }
859
+ }
860
860
  .sb-opacity-0 {
861
861
  opacity: 0;
862
- }
862
+ }
863
863
  .sb-opacity-100 {
864
864
  opacity: 1;
865
- }
865
+ }
866
866
  .sb-shadow-lg {
867
867
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
868
868
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
869
869
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
870
- }
870
+ }
871
871
  .sb-backdrop-blur-lg {
872
872
  --tw-backdrop-blur: blur(16px);
873
873
  -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);
874
874
  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);
875
- }
875
+ }
876
876
  .sb-transition-all {
877
877
  transition-property: all;
878
878
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
879
879
  transition-duration: 150ms;
880
- }
880
+ }
881
881
  .sb-transition-opacity {
882
882
  transition-property: opacity;
883
883
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
884
884
  transition-duration: 150ms;
885
- }
885
+ }
886
886
  .sb-duration-500 {
887
887
  transition-duration: 500ms;
888
- }
888
+ }
889
889
  .sb-ease-in-out {
890
890
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
891
- }
891
+ }
892
892
  .placeholder\:sb-text-white::-moz-placeholder {
893
893
  --tw-text-opacity: 1;
894
894
  color: rgb(255 255 255 / var(--tw-text-opacity));
895
- }
895
+ }
896
896
  .placeholder\:sb-text-white::placeholder {
897
897
  --tw-text-opacity: 1;
898
898
  color: rgb(255 255 255 / var(--tw-text-opacity));
899
- }
899
+ }
900
900
  .hover\:sb-w-\[45\%\]:hover {
901
901
  width: 45%;
902
- }
902
+ }
903
903
  .hover\:sb-scale-150:hover {
904
904
  --tw-scale-x: 1.5;
905
905
  --tw-scale-y: 1.5;
906
906
  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));
907
- }
907
+ }
908
908
  .hover\:sb-cursor-pointer:hover {
909
909
  cursor: pointer;
910
- }
910
+ }
911
911
  .hover\:sb-text-orange-500:hover {
912
912
  --tw-text-opacity: 1;
913
913
  color: rgb(249 115 22 / var(--tw-text-opacity));
914
- }
914
+ }
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.68",
4
+ "version": "1.1.69",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "files": [