softbuilders-react-video-player 1.3.9 → 1.3.10

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.
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"}