softbuilders-react-video-player 1.1.70 → 1.1.72

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
- .-sb-translate-y-1\/2 {
702
- --tw-translate-y: -50%;
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-rounded {
788
- border-radius: 0.25rem;
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);
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.70",
4
+ "version": "1.1.72",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "files": [