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.
Files changed (39) hide show
  1. package/LICENSE +21 -21
  2. package/dist/components/CurrentTimeLabel/index.tsx +13 -13
  3. package/dist/components/Menu/index.tsx +49 -49
  4. package/dist/components/SoftBuildersVideoPlayer/index.js +1 -0
  5. package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
  6. package/dist/components/SoftBuildersVideoPlayer/index.tsx +1 -0
  7. package/dist/components/VideoPlayerComponent/index.js +5 -2
  8. package/dist/components/VideoPlayerComponent/index.js.map +1 -1
  9. package/dist/components/VideoPlayerComponent/index.tsx +5 -1
  10. package/dist/components/VideoPlayerComponent/provider.tsx +82 -82
  11. package/dist/components/VolumeSlider/index.js +2 -2
  12. package/dist/components/VolumeSlider/index.js.map +1 -1
  13. package/dist/components/VolumeSlider/index.tsx +3 -3
  14. package/dist/components/icons/SkillamiIcon.tsx +25 -25
  15. package/dist/components/icons/SubIcon.tsx +27 -27
  16. package/dist/components/icons/VolumeHigh.tsx +15 -15
  17. package/dist/components/icons/VolumeLow.tsx +14 -14
  18. package/dist/components/icons/VolumeMute.tsx +25 -25
  19. package/dist/components/icons/VolumeVLow.tsx +14 -14
  20. package/dist/components/icons/index.ts +20 -20
  21. package/dist/index.mjs +9 -5
  22. package/dist/styles/tailwind.css +130 -130
  23. package/package.json +1 -1
  24. package/dist/components/icons/VolumeHighIcon.d.ts +0 -3
  25. package/dist/components/icons/VolumeHighIcon.js +0 -4
  26. package/dist/components/icons/VolumeHighIcon.js.map +0 -1
  27. package/dist/components/icons/VolumeHighIcon.tsx +0 -16
  28. package/dist/components/icons/VolumeIconHigh.d.ts +0 -3
  29. package/dist/components/icons/VolumeIconHigh.js +0 -4
  30. package/dist/components/icons/VolumeIconHigh.js.map +0 -1
  31. package/dist/components/icons/VolumeIconHigh.tsx +0 -16
  32. package/dist/components/icons/VolumeIconLow copy.d.ts +0 -3
  33. package/dist/components/icons/VolumeIconLow copy.js +0 -4
  34. package/dist/components/icons/VolumeIconLow copy.js.map +0 -1
  35. package/dist/components/icons/VolumeIconLow copy.tsx +0 -17
  36. package/dist/components/icons/VolumeLowIcon.d.ts +0 -3
  37. package/dist/components/icons/VolumeLowIcon.js +0 -4
  38. package/dist/components/icons/VolumeLowIcon.js.map +0 -1
  39. package/dist/components/icons/VolumeLowIcon.tsx +0 -15
@@ -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,7 +1,7 @@
1
1
  {
2
2
  "name": "softbuilders-react-video-player",
3
3
  "description": "Standalone video player component",
4
- "version": "1.3.9",
4
+ "version": "1.3.10",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "files": [
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from "react";
2
- declare const SvgSubIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default SvgSubIcon;
@@ -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,3 +0,0 @@
1
- import type { SVGProps } from "react";
2
- declare const VolumeIconHeigh: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default VolumeIconHeigh;
@@ -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,3 +0,0 @@
1
- import type { SVGProps } from "react";
2
- declare const VolumeIconLow: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default VolumeIconLow;
@@ -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,3 +0,0 @@
1
- import type { SVGProps } from "react";
2
- declare const SvgSubIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default SvgSubIcon;
@@ -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"}