softbuilders-react-video-player 1.1.68 → 1.1.69

Sign up to get free protection for your applications and to get access to all the features.
@@ -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": [