softbuilders-react-video-player 1.3.9 → 1.3.10
Sign up to get free protection for your applications and to get access to all the features.
- 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 +5 -2
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +5 -1
- 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 +9 -5
- 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"}
|