softbuilders-react-video-player 1.3.9 → 1.3.11
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/LICENSE +21 -21
- package/dist/components/CurrentTimeLabel/index.tsx +13 -13
- package/dist/components/Menu/index.tsx +49 -49
- package/dist/components/SoftBuildersVideoPlayer/index.js +1 -0
- package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.tsx +1 -0
- package/dist/components/VideoPlayerComponent/index.js +8 -4
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +7 -3
- package/dist/components/VideoPlayerComponent/provider.tsx +82 -82
- package/dist/components/VolumeSlider/index.js +2 -2
- package/dist/components/VolumeSlider/index.js.map +1 -1
- package/dist/components/VolumeSlider/index.tsx +3 -3
- package/dist/components/icons/SkillamiIcon.tsx +25 -25
- package/dist/components/icons/SubIcon.tsx +27 -27
- package/dist/components/icons/VolumeHigh.tsx +15 -15
- package/dist/components/icons/VolumeLow.tsx +14 -14
- package/dist/components/icons/VolumeMute.tsx +25 -25
- package/dist/components/icons/VolumeVLow.tsx +14 -14
- package/dist/components/icons/index.ts +20 -20
- package/dist/index.mjs +12 -7
- package/dist/styles/tailwind.css +130 -130
- package/package.json +1 -1
- package/dist/components/icons/VolumeHighIcon.d.ts +0 -3
- package/dist/components/icons/VolumeHighIcon.js +0 -4
- package/dist/components/icons/VolumeHighIcon.js.map +0 -1
- package/dist/components/icons/VolumeHighIcon.tsx +0 -16
- package/dist/components/icons/VolumeIconHigh.d.ts +0 -3
- package/dist/components/icons/VolumeIconHigh.js +0 -4
- package/dist/components/icons/VolumeIconHigh.js.map +0 -1
- package/dist/components/icons/VolumeIconHigh.tsx +0 -16
- package/dist/components/icons/VolumeIconLow copy.d.ts +0 -3
- package/dist/components/icons/VolumeIconLow copy.js +0 -4
- package/dist/components/icons/VolumeIconLow copy.js.map +0 -1
- package/dist/components/icons/VolumeIconLow copy.tsx +0 -17
- package/dist/components/icons/VolumeLowIcon.d.ts +0 -3
- package/dist/components/icons/VolumeLowIcon.js +0 -4
- package/dist/components/icons/VolumeLowIcon.js.map +0 -1
- package/dist/components/icons/VolumeLowIcon.tsx +0 -15
package/dist/styles/tailwind.css
CHANGED
@@ -498,433 +498,433 @@ 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-absolute {
|
509
509
|
position: absolute;
|
510
|
-
}
|
510
|
+
}
|
511
511
|
.sb-relative {
|
512
512
|
position: relative;
|
513
|
-
}
|
513
|
+
}
|
514
514
|
.\!sb-bottom-\[105\%\] {
|
515
515
|
bottom: 105% !important;
|
516
|
-
}
|
516
|
+
}
|
517
517
|
.\!sb-top-8 {
|
518
518
|
top: 2rem !important;
|
519
|
-
}
|
519
|
+
}
|
520
520
|
.\!sb-top-\[105\%\] {
|
521
521
|
top: 105% !important;
|
522
|
-
}
|
522
|
+
}
|
523
523
|
.-sb-left-9 {
|
524
524
|
left: -2.25rem;
|
525
|
-
}
|
525
|
+
}
|
526
526
|
.-sb-left-\[9\.75rem\] {
|
527
527
|
left: -9.75rem;
|
528
|
-
}
|
528
|
+
}
|
529
529
|
.-sb-right-2 {
|
530
530
|
right: -0.5rem;
|
531
|
-
}
|
531
|
+
}
|
532
532
|
.-sb-top-1 {
|
533
533
|
top: -0.25rem;
|
534
|
-
}
|
534
|
+
}
|
535
535
|
.-sb-top-2 {
|
536
536
|
top: -0.5rem;
|
537
|
-
}
|
537
|
+
}
|
538
538
|
.sb-bottom-0 {
|
539
539
|
bottom: 0px;
|
540
|
-
}
|
540
|
+
}
|
541
541
|
.sb-bottom-1 {
|
542
542
|
bottom: 0.25rem;
|
543
|
-
}
|
543
|
+
}
|
544
544
|
.sb-bottom-10 {
|
545
545
|
bottom: 2.5rem;
|
546
|
-
}
|
546
|
+
}
|
547
547
|
.sb-bottom-2 {
|
548
548
|
bottom: 0.5rem;
|
549
|
-
}
|
549
|
+
}
|
550
550
|
.sb-bottom-full {
|
551
551
|
bottom: 100%;
|
552
|
-
}
|
552
|
+
}
|
553
553
|
.sb-left-0 {
|
554
554
|
left: 0px;
|
555
|
-
}
|
555
|
+
}
|
556
556
|
.sb-left-1\/2 {
|
557
557
|
left: 50%;
|
558
|
-
}
|
558
|
+
}
|
559
559
|
.sb-right-0 {
|
560
560
|
right: 0px;
|
561
|
-
}
|
561
|
+
}
|
562
562
|
.sb-top-0 {
|
563
563
|
top: 0px;
|
564
|
-
}
|
564
|
+
}
|
565
565
|
.sb-top-1 {
|
566
566
|
top: 0.25rem;
|
567
|
-
}
|
567
|
+
}
|
568
568
|
.sb-top-2 {
|
569
569
|
top: 0.5rem;
|
570
|
-
}
|
570
|
+
}
|
571
571
|
.sb-top-\[27\%\] {
|
572
572
|
top: 27%;
|
573
|
-
}
|
573
|
+
}
|
574
574
|
.sb-z-10 {
|
575
575
|
z-index: 10;
|
576
|
-
}
|
576
|
+
}
|
577
577
|
.sb-z-20 {
|
578
578
|
z-index: 20;
|
579
|
-
}
|
579
|
+
}
|
580
580
|
.sb-z-30 {
|
581
581
|
z-index: 30;
|
582
|
-
}
|
582
|
+
}
|
583
583
|
.sb-col-span-3 {
|
584
584
|
grid-column: span 3 / span 3;
|
585
|
-
}
|
585
|
+
}
|
586
586
|
.sb-col-span-9 {
|
587
587
|
grid-column: span 9 / span 9;
|
588
|
-
}
|
588
|
+
}
|
589
589
|
.sb-my-2 {
|
590
590
|
margin-top: 0.5rem;
|
591
591
|
margin-bottom: 0.5rem;
|
592
|
-
}
|
592
|
+
}
|
593
593
|
.sb-mb-1 {
|
594
594
|
margin-bottom: 0.25rem;
|
595
|
-
}
|
595
|
+
}
|
596
596
|
.sb-mb-2 {
|
597
597
|
margin-bottom: 0.5rem;
|
598
|
-
}
|
598
|
+
}
|
599
599
|
.sb-ml-0 {
|
600
600
|
margin-left: 0px;
|
601
|
-
}
|
601
|
+
}
|
602
602
|
.sb-mr-0 {
|
603
603
|
margin-right: 0px;
|
604
|
-
}
|
604
|
+
}
|
605
605
|
.sb-flex {
|
606
606
|
display: flex;
|
607
|
-
}
|
607
|
+
}
|
608
608
|
.sb-grid {
|
609
609
|
display: grid;
|
610
|
-
}
|
610
|
+
}
|
611
611
|
.sb-h-1 {
|
612
612
|
height: 0.25rem;
|
613
|
-
}
|
613
|
+
}
|
614
614
|
.sb-h-16 {
|
615
615
|
height: 4rem;
|
616
|
-
}
|
616
|
+
}
|
617
617
|
.sb-h-2 {
|
618
618
|
height: 0.5rem;
|
619
|
-
}
|
619
|
+
}
|
620
620
|
.sb-h-3 {
|
621
621
|
height: 0.75rem;
|
622
|
-
}
|
622
|
+
}
|
623
623
|
.sb-h-4 {
|
624
624
|
height: 1rem;
|
625
|
-
}
|
625
|
+
}
|
626
626
|
.sb-h-5 {
|
627
627
|
height: 1.25rem;
|
628
|
-
}
|
628
|
+
}
|
629
629
|
.sb-h-\[\.1px\] {
|
630
630
|
height: .1px;
|
631
|
-
}
|
631
|
+
}
|
632
632
|
.sb-h-\[3px\] {
|
633
633
|
height: 3px;
|
634
|
-
}
|
634
|
+
}
|
635
635
|
.sb-h-full {
|
636
636
|
height: 100%;
|
637
|
-
}
|
637
|
+
}
|
638
638
|
.\!sb-w-16 {
|
639
639
|
width: 4rem !important;
|
640
|
-
}
|
640
|
+
}
|
641
641
|
.sb-w-1 {
|
642
642
|
width: 0.25rem;
|
643
|
-
}
|
643
|
+
}
|
644
644
|
.sb-w-16 {
|
645
645
|
width: 4rem;
|
646
|
-
}
|
646
|
+
}
|
647
647
|
.sb-w-3 {
|
648
648
|
width: 0.75rem;
|
649
|
-
}
|
649
|
+
}
|
650
650
|
.sb-w-4 {
|
651
651
|
width: 1rem;
|
652
|
-
}
|
652
|
+
}
|
653
653
|
.sb-w-5 {
|
654
654
|
width: 1.25rem;
|
655
|
-
}
|
655
|
+
}
|
656
656
|
.sb-w-\[150px\] {
|
657
657
|
width: 150px;
|
658
|
-
}
|
658
|
+
}
|
659
659
|
.sb-w-\[220px\] {
|
660
660
|
width: 220px;
|
661
|
-
}
|
661
|
+
}
|
662
662
|
.sb-w-\[22px\] {
|
663
663
|
width: 22px;
|
664
|
-
}
|
664
|
+
}
|
665
665
|
.sb-w-\[90px\] {
|
666
666
|
width: 90px;
|
667
|
-
}
|
667
|
+
}
|
668
668
|
.sb-w-full {
|
669
669
|
width: 100%;
|
670
|
-
}
|
670
|
+
}
|
671
671
|
.sb-flex-1 {
|
672
672
|
flex: 1 1 0%;
|
673
|
-
}
|
673
|
+
}
|
674
674
|
.sb-border-spacing-x-2 {
|
675
675
|
--tw-border-spacing-x: 0.5rem;
|
676
676
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
677
|
-
}
|
677
|
+
}
|
678
678
|
.-sb-translate-y-0 {
|
679
679
|
--tw-translate-y: -0px;
|
680
680
|
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));
|
681
|
-
}
|
681
|
+
}
|
682
682
|
.-sb-translate-y-1 {
|
683
683
|
--tw-translate-y: -0.25rem;
|
684
684
|
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));
|
685
|
-
}
|
685
|
+
}
|
686
686
|
.sb--translate-x-1\/2 {
|
687
687
|
--tw-translate-x: -50%;
|
688
688
|
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));
|
689
|
-
}
|
689
|
+
}
|
690
690
|
.sb-translate-y-1 {
|
691
691
|
--tw-translate-y: 0.25rem;
|
692
692
|
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));
|
693
|
-
}
|
693
|
+
}
|
694
694
|
.-sb-rotate-90 {
|
695
695
|
--tw-rotate: -90deg;
|
696
696
|
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));
|
697
|
-
}
|
697
|
+
}
|
698
698
|
.sb-rotate-90 {
|
699
699
|
--tw-rotate: 90deg;
|
700
700
|
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));
|
701
|
-
}
|
701
|
+
}
|
702
702
|
.sb-transform {
|
703
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
|
-
}
|
704
|
+
}
|
705
705
|
@keyframes sb-spin {
|
706
706
|
|
707
707
|
to {
|
708
708
|
transform: rotate(360deg);
|
709
709
|
}
|
710
|
-
}
|
710
|
+
}
|
711
711
|
.sb-animate-spin {
|
712
712
|
animation: sb-spin 1s linear infinite;
|
713
|
-
}
|
713
|
+
}
|
714
714
|
.sb-cursor-pointer {
|
715
715
|
cursor: pointer;
|
716
|
-
}
|
716
|
+
}
|
717
717
|
.sb-appearance-none {
|
718
718
|
-webkit-appearance: none;
|
719
719
|
-moz-appearance: none;
|
720
720
|
appearance: none;
|
721
|
-
}
|
721
|
+
}
|
722
722
|
.sb-grid-cols-12 {
|
723
723
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
724
|
-
}
|
724
|
+
}
|
725
725
|
.sb-flex-row {
|
726
726
|
flex-direction: row;
|
727
|
-
}
|
727
|
+
}
|
728
728
|
.sb-flex-col {
|
729
729
|
flex-direction: column;
|
730
|
-
}
|
730
|
+
}
|
731
731
|
.sb-flex-col-reverse {
|
732
732
|
flex-direction: column-reverse;
|
733
|
-
}
|
733
|
+
}
|
734
734
|
.sb-items-start {
|
735
735
|
align-items: flex-start;
|
736
|
-
}
|
736
|
+
}
|
737
737
|
.sb-items-end {
|
738
738
|
align-items: flex-end;
|
739
|
-
}
|
739
|
+
}
|
740
740
|
.sb-items-center {
|
741
741
|
align-items: center;
|
742
|
-
}
|
742
|
+
}
|
743
743
|
.sb-justify-start {
|
744
744
|
justify-content: flex-start;
|
745
|
-
}
|
745
|
+
}
|
746
746
|
.sb-justify-center {
|
747
747
|
justify-content: center;
|
748
|
-
}
|
748
|
+
}
|
749
749
|
.sb-justify-between {
|
750
750
|
justify-content: space-between;
|
751
|
-
}
|
751
|
+
}
|
752
752
|
.sb-gap-1 {
|
753
753
|
gap: 0.25rem;
|
754
|
-
}
|
754
|
+
}
|
755
755
|
.sb-gap-2 {
|
756
756
|
gap: 0.5rem;
|
757
|
-
}
|
757
|
+
}
|
758
758
|
.sb-gap-3 {
|
759
759
|
gap: 0.75rem;
|
760
|
-
}
|
760
|
+
}
|
761
761
|
.sb-gap-4 {
|
762
762
|
gap: 1rem;
|
763
|
-
}
|
763
|
+
}
|
764
764
|
.sb-overflow-hidden {
|
765
765
|
overflow: hidden;
|
766
|
-
}
|
766
|
+
}
|
767
767
|
.sb-whitespace-nowrap {
|
768
768
|
white-space: nowrap;
|
769
|
-
}
|
769
|
+
}
|
770
770
|
.sb-rounded-full {
|
771
771
|
border-radius: 9999px;
|
772
|
-
}
|
772
|
+
}
|
773
773
|
.sb-rounded-lg {
|
774
774
|
border-radius: 0.5rem;
|
775
|
-
}
|
775
|
+
}
|
776
776
|
.sb-rounded-md {
|
777
777
|
border-radius: 0.375rem;
|
778
|
-
}
|
778
|
+
}
|
779
779
|
.sb-border {
|
780
780
|
border-width: 1px;
|
781
|
-
}
|
781
|
+
}
|
782
782
|
.sb-border-\[\#AAAAAA\] {
|
783
783
|
--tw-border-opacity: 1;
|
784
784
|
border-color: rgb(170 170 170 / var(--tw-border-opacity));
|
785
|
-
}
|
785
|
+
}
|
786
786
|
.sb-bg-\[\#303030\] {
|
787
787
|
--tw-bg-opacity: 1;
|
788
788
|
background-color: rgb(48 48 48 / var(--tw-bg-opacity));
|
789
|
-
}
|
789
|
+
}
|
790
790
|
.sb-bg-\[\#AAAAAA\] {
|
791
791
|
--tw-bg-opacity: 1;
|
792
792
|
background-color: rgb(170 170 170 / var(--tw-bg-opacity));
|
793
|
-
}
|
793
|
+
}
|
794
794
|
.sb-bg-\[red\] {
|
795
795
|
--tw-bg-opacity: 1;
|
796
796
|
background-color: rgb(255 0 0 / var(--tw-bg-opacity));
|
797
|
-
}
|
797
|
+
}
|
798
798
|
.sb-bg-orange-500 {
|
799
799
|
--tw-bg-opacity: 1;
|
800
800
|
background-color: rgb(249 115 22 / var(--tw-bg-opacity));
|
801
|
-
}
|
801
|
+
}
|
802
802
|
.sb-bg-slate-400 {
|
803
803
|
--tw-bg-opacity: 1;
|
804
804
|
background-color: rgb(148 163 184 / var(--tw-bg-opacity));
|
805
|
-
}
|
805
|
+
}
|
806
806
|
.sb-bg-transparent {
|
807
807
|
background-color: transparent;
|
808
|
-
}
|
808
|
+
}
|
809
809
|
.sb-bg-white {
|
810
810
|
--tw-bg-opacity: 1;
|
811
811
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
812
|
-
}
|
812
|
+
}
|
813
813
|
.sb-bg-white\/30 {
|
814
814
|
background-color: rgb(255 255 255 / 0.3);
|
815
|
-
}
|
815
|
+
}
|
816
816
|
.sb-bg-opacity-50 {
|
817
817
|
--tw-bg-opacity: 0.5;
|
818
|
-
}
|
818
|
+
}
|
819
819
|
.sb-bg-opacity-70 {
|
820
820
|
--tw-bg-opacity: 0.7;
|
821
|
-
}
|
821
|
+
}
|
822
822
|
.sb-p-2 {
|
823
823
|
padding: 0.5rem;
|
824
|
-
}
|
824
|
+
}
|
825
825
|
.\!sb-px-4 {
|
826
826
|
padding-left: 1rem !important;
|
827
827
|
padding-right: 1rem !important;
|
828
|
-
}
|
828
|
+
}
|
829
829
|
.sb-px-4 {
|
830
830
|
padding-left: 1rem;
|
831
831
|
padding-right: 1rem;
|
832
|
-
}
|
832
|
+
}
|
833
833
|
.sb-px-5 {
|
834
834
|
padding-left: 1.25rem;
|
835
835
|
padding-right: 1.25rem;
|
836
|
-
}
|
836
|
+
}
|
837
837
|
.sb-py-1 {
|
838
838
|
padding-top: 0.25rem;
|
839
839
|
padding-bottom: 0.25rem;
|
840
|
-
}
|
840
|
+
}
|
841
841
|
.sb-py-2 {
|
842
842
|
padding-top: 0.5rem;
|
843
843
|
padding-bottom: 0.5rem;
|
844
|
-
}
|
844
|
+
}
|
845
845
|
.sb-py-3 {
|
846
846
|
padding-top: 0.75rem;
|
847
847
|
padding-bottom: 0.75rem;
|
848
|
-
}
|
848
|
+
}
|
849
849
|
.sb-py-5 {
|
850
850
|
padding-top: 1.25rem;
|
851
851
|
padding-bottom: 1.25rem;
|
852
|
-
}
|
852
|
+
}
|
853
853
|
.sb-pb-2 {
|
854
854
|
padding-bottom: 0.5rem;
|
855
|
-
}
|
855
|
+
}
|
856
856
|
.sb-pt-2 {
|
857
857
|
padding-top: 0.5rem;
|
858
|
-
}
|
858
|
+
}
|
859
859
|
.sb-text-left {
|
860
860
|
text-align: left;
|
861
|
-
}
|
861
|
+
}
|
862
862
|
.sb-text-center {
|
863
863
|
text-align: center;
|
864
|
-
}
|
864
|
+
}
|
865
865
|
.sb-font-bold {
|
866
866
|
font-weight: 700;
|
867
|
-
}
|
867
|
+
}
|
868
868
|
.sb-text-orange-900 {
|
869
869
|
--tw-text-opacity: 1;
|
870
870
|
color: rgb(124 45 18 / var(--tw-text-opacity));
|
871
|
-
}
|
871
|
+
}
|
872
872
|
.sb-text-white {
|
873
873
|
--tw-text-opacity: 1;
|
874
874
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
875
|
-
}
|
875
|
+
}
|
876
876
|
.sb-opacity-0 {
|
877
877
|
opacity: 0;
|
878
|
-
}
|
878
|
+
}
|
879
879
|
.sb-opacity-100 {
|
880
880
|
opacity: 1;
|
881
|
-
}
|
881
|
+
}
|
882
882
|
.sb-shadow-lg {
|
883
883
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
884
884
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
885
885
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
886
|
-
}
|
886
|
+
}
|
887
887
|
.sb-backdrop-blur-lg {
|
888
888
|
--tw-backdrop-blur: blur(16px);
|
889
889
|
-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);
|
890
890
|
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);
|
891
|
-
}
|
891
|
+
}
|
892
892
|
.sb-transition-all {
|
893
893
|
transition-property: all;
|
894
894
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
895
895
|
transition-duration: 150ms;
|
896
|
-
}
|
896
|
+
}
|
897
897
|
.sb-transition-opacity {
|
898
898
|
transition-property: opacity;
|
899
899
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
900
900
|
transition-duration: 150ms;
|
901
|
-
}
|
901
|
+
}
|
902
902
|
.sb-duration-500 {
|
903
903
|
transition-duration: 500ms;
|
904
|
-
}
|
904
|
+
}
|
905
905
|
.sb-ease-in-out {
|
906
906
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
907
|
-
}
|
907
|
+
}
|
908
908
|
.placeholder\:sb-text-white::-moz-placeholder {
|
909
909
|
--tw-text-opacity: 1;
|
910
910
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
911
|
-
}
|
911
|
+
}
|
912
912
|
.placeholder\:sb-text-white::placeholder {
|
913
913
|
--tw-text-opacity: 1;
|
914
914
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
915
|
-
}
|
915
|
+
}
|
916
916
|
.hover\:sb-w-\[45\%\]:hover {
|
917
917
|
width: 45%;
|
918
|
-
}
|
918
|
+
}
|
919
919
|
.hover\:sb-scale-150:hover {
|
920
920
|
--tw-scale-x: 1.5;
|
921
921
|
--tw-scale-y: 1.5;
|
922
922
|
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));
|
923
|
-
}
|
923
|
+
}
|
924
924
|
.hover\:sb-cursor-pointer:hover {
|
925
925
|
cursor: pointer;
|
926
|
-
}
|
926
|
+
}
|
927
927
|
.hover\:sb-text-orange-500:hover {
|
928
928
|
--tw-text-opacity: 1;
|
929
929
|
color: rgb(249 115 22 / var(--tw-text-opacity));
|
930
|
-
}
|
930
|
+
}
|
package/package.json
CHANGED
@@ -1,4 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
const SvgSubIcon = (props) => (_jsxs("svg", { fill: "white", width: "1em", height: "1em", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "ionicons-v5-g" }), _jsx("path", { d: "M264,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H88a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,288,119.83V392.17a24,24,0,0,1-24,24Z" }), _jsx("path", { d: "M352,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C378.2,208.16,384,231.47,384,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,352,336Z" }), _jsx("path", { d: "M400,384a16,16,0,0,1-13.87-24C405,327.05,416,299.45,416,256c0-44.12-10.94-71.52-29.83-103.95A16,16,0,0,1,413.83,136C434.92,172.16,448,204.88,448,256c0,50.36-13.06,83.24-34.12,120A16,16,0,0,1,400,384Z" })] }));
|
3
|
-
export default SvgSubIcon;
|
4
|
-
//# sourceMappingURL=VolumeHighIcon.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"VolumeHighIcon.js","sourceRoot":"","sources":["../../../src/components/icons/VolumeHighIcon.tsx"],"names":[],"mappings":";AACA,MAAM,UAAU,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACrD,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,aAElC,4CAA4B,EAC5B,eAAM,CAAC,EAAC,+KAA+K,GAAG,EAC1L,eAAM,CAAC,EAAC,qMAAqM,GAAG,EAChN,eAAM,CAAC,EAAC,yMAAyM,GAAG,IAChN,CACP,CAAC;AACF,eAAe,UAAU,CAAC"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
fill="white"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
viewBox="0 0 15 15"
|
8
|
-
xmlns="http://www.w3.org/2000/svg"
|
9
|
-
>
|
10
|
-
<title>ionicons-v5-g</title>
|
11
|
-
<path d="M264,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H88a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,288,119.83V392.17a24,24,0,0,1-24,24Z" />
|
12
|
-
<path d="M352,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C378.2,208.16,384,231.47,384,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,352,336Z" />
|
13
|
-
<path d="M400,384a16,16,0,0,1-13.87-24C405,327.05,416,299.45,416,256c0-44.12-10.94-71.52-29.83-103.95A16,16,0,0,1,413.83,136C434.92,172.16,448,204.88,448,256c0,50.36-13.06,83.24-34.12,120A16,16,0,0,1,400,384Z" />
|
14
|
-
</svg>
|
15
|
-
);
|
16
|
-
export default SvgSubIcon;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
const VolumeIconHeigh = (props) => (_jsxs("svg", { fill: "white", width: "800px", height: "800px", viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "ionicons-v5-g" }), _jsx("path", { d: "M264,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H88a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,288,119.83V392.17a24,24,0,0,1-24,24Z" }), _jsx("path", { d: "M352,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C378.2,208.16,384,231.47,384,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,352,336Z" }), _jsx("path", { d: "M400,384a16,16,0,0,1-13.87-24C405,327.05,416,299.45,416,256c0-44.12-10.94-71.52-29.83-103.95A16,16,0,0,1,413.83,136C434.92,172.16,448,204.88,448,256c0,50.36-13.06,83.24-34.12,120A16,16,0,0,1,400,384Z" })] }));
|
3
|
-
export default VolumeIconHeigh;
|
4
|
-
//# sourceMappingURL=VolumeIconHigh.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"VolumeIconHigh.js","sourceRoot":"","sources":["../../../src/components/icons/VolumeIconHigh.tsx"],"names":[],"mappings":";AACA,MAAM,eAAe,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC1D,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B,aAElC,4CAA4B,EAC5B,eAAM,CAAC,EAAC,+KAA+K,GAAG,EAC1L,eAAM,CAAC,EAAC,qMAAqM,GAAG,EAChN,eAAM,CAAC,EAAC,yMAAyM,GAAG,IAChN,CACP,CAAC;AACF,eAAe,eAAe,CAAC"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const VolumeIconHeigh = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
fill="white"
|
5
|
-
width="800px"
|
6
|
-
height="800px"
|
7
|
-
viewBox="0 0 512 512"
|
8
|
-
xmlns="http://www.w3.org/2000/svg"
|
9
|
-
>
|
10
|
-
<title>ionicons-v5-g</title>
|
11
|
-
<path d="M264,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H88a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,288,119.83V392.17a24,24,0,0,1-24,24Z" />
|
12
|
-
<path d="M352,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C378.2,208.16,384,231.47,384,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,352,336Z" />
|
13
|
-
<path d="M400,384a16,16,0,0,1-13.87-24C405,327.05,416,299.45,416,256c0-44.12-10.94-71.52-29.83-103.95A16,16,0,0,1,413.83,136C434.92,172.16,448,204.88,448,256c0,50.36-13.06,83.24-34.12,120A16,16,0,0,1,400,384Z" />
|
14
|
-
</svg>
|
15
|
-
);
|
16
|
-
export default VolumeIconHeigh;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
const VolumeIconLow = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 13 12" }, props, { children: _jsx("path", { fill: "#fff", d: "M12.428 9a2.5 2.5 0 0 1-.657 1.053l-1.27 1.214a2.6 2.6 0 0 1-1.1.63V9.5c0-.276.235-.5.523-.5zm.108-6.5V8H9.924c-.864 0-1.567.673-1.567 1.5V12H2.612C1.172 12 0 10.879 0 9.5v-7C0 1.122 1.172 0 2.612 0h7.312c1.44 0 2.612 1.122 2.612 2.5m-8.88 6.25c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75" }) })));
|
3
|
-
export default VolumeIconLow;
|
4
|
-
//# sourceMappingURL=VolumeIconLow%20copy.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"VolumeIconLow copy.js","sourceRoot":"","sources":["../../../src/components/icons/VolumeIconLow copy.tsx"],"names":[],"mappings":";AACA,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,4BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,IACf,KAAK,cAET,eACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,ufAAuf,GACzf,IACE,CACP,CAAC;AACF,eAAe,aAAa,CAAC"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const VolumeIconLow = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 13 12"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
fill="#fff"
|
13
|
-
d="M12.428 9a2.5 2.5 0 0 1-.657 1.053l-1.27 1.214a2.6 2.6 0 0 1-1.1.63V9.5c0-.276.235-.5.523-.5zm.108-6.5V8H9.924c-.864 0-1.567.673-1.567 1.5V12H2.612C1.172 12 0 10.879 0 9.5v-7C0 1.122 1.172 0 2.612 0h7.312c1.44 0 2.612 1.122 2.612 2.5m-8.88 6.25c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75m0-2.75c0-.414-.35-.75-.783-.75s-.784.336-.784.75.351.75.784.75c.432 0 .783-.336.783-.75"
|
14
|
-
/>
|
15
|
-
</svg>
|
16
|
-
);
|
17
|
-
export default VolumeIconLow;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
const SvgSubIcon = (props) => (_jsxs("svg", { fill: "white", width: "1em", height: "1em", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "ionicons-v5-g" }), _jsx("path", { d: "M296,416.19a23.92,23.92,0,0,1-14.21-4.69l-.66-.51-91.46-75H120a24,24,0,0,1-24-24V200a24,24,0,0,1,24-24h69.65l91.46-75,.66-.51A24,24,0,0,1,320,119.83V392.17a24,24,0,0,1-24,24Z" }), _jsx("path", { d: "M384,336a16,16,0,0,1-14.29-23.18c9.49-18.9,14.3-38,14.3-56.82,0-19.36-4.66-37.92-14.25-56.73a16,16,0,0,1,28.5-14.54C410.2,208.16,416,231.47,416,256c0,23.83-6,47.78-17.7,71.18A16,16,0,0,1,384,336Z" })] }));
|
3
|
-
export default SvgSubIcon;
|
4
|
-
//# sourceMappingURL=VolumeLowIcon.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"VolumeLowIcon.js","sourceRoot":"","sources":["../../../src/components/icons/VolumeLowIcon.tsx"],"names":[],"mappings":";AACA,MAAM,UAAU,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACrD,eACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,aAElC,4CAA4B,EAC5B,eAAM,CAAC,EAAC,gLAAgL,GAAG,EAC3L,eAAM,CAAC,EAAC,qMAAqM,GAAG,IAC5M,CACP,CAAC;AACF,eAAe,UAAU,CAAC"}
|