softbuilders-react-video-player 1.1.70 → 1.1.72

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