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.
- package/dist/components/ControlBar/index.js +25 -37
- package/dist/components/ControlBar/index.js.map +1 -1
- package/dist/components/ControlBar/index.tsx +75 -78
- package/dist/components/QualityMenu/index.js +12 -12
- package/dist/components/QualityMenu/index.js.map +1 -1
- package/dist/components/QualityMenu/index.tsx +19 -21
- package/dist/components/SoftBuildersVideoPlayer/index.js +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.tsx +17 -14
- package/dist/components/Tooltip/GlobalTooltip.d.ts +2 -0
- package/dist/components/Tooltip/GlobalTooltip.js +20 -0
- package/dist/components/Tooltip/GlobalTooltip.js.map +1 -0
- package/dist/components/Tooltip/GlobalTooltip.tsx +53 -0
- package/dist/components/Tooltip/index.d.ts +4 -3
- package/dist/components/Tooltip/index.js +5 -10
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/Tooltip/index.tsx +7 -19
- package/dist/components/VideoPlayerComponent/index.js +1 -1
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +18 -15
- package/dist/components/VolumeSlider/index.js +25 -6
- package/dist/components/VolumeSlider/index.js.map +1 -1
- package/dist/components/VolumeSlider/index.tsx +45 -17
- package/dist/index.css +18 -69
- package/dist/index.mjs +163 -103
- package/dist/styles/tailwind.css +18 -66
- package/package.json +1 -1
    
        package/dist/styles/tailwind.css
    CHANGED
    
    | @@ -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 | 
            -
             | 
| 702 | 
            -
              --tw-translate- | 
| 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- | 
| 788 | 
            -
               | 
| 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);
         |