@moises.ai/design-system 4.19.3 → 4.19.4

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 (133) hide show
  1. package/dist/{HiFi1Icon-DW-qHZUd.js → AutomationPenIcon-508hiLNg.js} +2666 -4229
  2. package/dist/colors/custom-styles.css +24 -24
  3. package/dist/icons.js +695 -687
  4. package/dist/index.js +1017 -1016
  5. package/package.json +1 -1
  6. package/src/colors/custom-styles.css +24 -24
  7. package/src/components/Countdown/Countdown.module.css +5 -5
  8. package/src/components/DataTable/DataTable.module.css +3 -3
  9. package/src/components/EmptyState/EmptyState.jsx +2 -2
  10. package/src/components/EmptyState/EmptyState.module.css +3 -2
  11. package/src/components/Extension/Extension.jsx +1 -1
  12. package/src/components/Extension/Extension.stories.jsx +2 -2
  13. package/src/components/InputLevelMeter/InputLevelMeter.stories.jsx +2 -2
  14. package/src/components/Knob/utils.js +1 -1
  15. package/src/components/PanControl/PanControl.jsx +2 -2
  16. package/src/components/PeakLevel/PeakLevel.stories.jsx +1 -1
  17. package/src/components/RecordingForm/RecordingForm.module.css +1 -1
  18. package/src/components/SetlistList/SetlistList.module.css +1 -1
  19. package/src/components/Shell/Shell.stories.jsx +2 -2
  20. package/src/components/SliderLibrary/SliderLibrary.module.css +6 -6
  21. package/src/components/SliderLibrary/SliderLibrary.stories.jsx +3 -3
  22. package/src/components/SpecialDialog/SpecialDialog.module.css +1 -1
  23. package/src/components/StemGenerationForm/CreateNew/CreateNew.jsx +2 -2
  24. package/src/components/Tooltip/Tooltip.module.css +15 -15
  25. package/src/components/TrackHeader/TrackHeader.module.css +2 -2
  26. package/src/components/TrackHeader/TrackHeader.stories.jsx +1 -1
  27. package/src/components/VoiceConversionForm/Waveform/Waveform.jsx +1 -1
  28. package/src/icons/AlertIcon.jsx +4 -5
  29. package/src/icons/ArrowDownIcon.jsx +3 -17
  30. package/src/icons/ArrowLeftIcon.jsx +3 -17
  31. package/src/icons/ArrowUpIcon.jsx +3 -17
  32. package/src/icons/ArrowsHorizontalIcon.jsx +3 -17
  33. package/src/icons/ArrowsVerticalIcon.jsx +3 -17
  34. package/src/icons/AudioFileIcon.jsx +3 -17
  35. package/src/icons/AutomationPenIcon.jsx +7 -0
  36. package/src/icons/BanjoIcon.jsx +8 -0
  37. package/src/icons/BookmarkIcon.jsx +3 -15
  38. package/src/icons/CavacoIcon.jsx +9 -0
  39. package/src/icons/CheckIcon.jsx +3 -3
  40. package/src/icons/ChevronLeftIcon.jsx +3 -17
  41. package/src/icons/ChevronRightIcon.jsx +3 -17
  42. package/src/icons/ChevronUpIcon.jsx +3 -17
  43. package/src/icons/ChordGrid4Icon.jsx +2 -5
  44. package/src/icons/Chords2Icon.jsx +4 -16
  45. package/src/icons/ChordsDetectionIcon.jsx +5 -22
  46. package/src/icons/CloseIcon.jsx +3 -16
  47. package/src/icons/ComputerIcon.jsx +3 -17
  48. package/src/icons/CountInIcon.jsx +6 -19
  49. package/src/icons/CropIcon.jsx +2 -17
  50. package/src/icons/CrownIcon.jsx +3 -17
  51. package/src/icons/DelayIcon.jsx +3 -16
  52. package/src/icons/DownloadIcon.jsx +7 -0
  53. package/src/icons/DynamicMicrophone2Icon.jsx +4 -9
  54. package/src/icons/EditIcon.jsx +3 -16
  55. package/src/icons/EffectsIcon.jsx +4 -16
  56. package/src/icons/EmailIcon.jsx +3 -24
  57. package/src/icons/ExternalLinkIcon.jsx +3 -3
  58. package/src/icons/EyeIcon.jsx +4 -26
  59. package/src/icons/EyeOffIcon.jsx +3 -24
  60. package/src/icons/Filter2Icon.jsx +3 -17
  61. package/src/icons/FitWidthIcon.jsx +7 -0
  62. package/src/icons/FlatAndSharpIcon.jsx +3 -16
  63. package/src/icons/GuitarAmpIcon.jsx +6 -32
  64. package/src/icons/HelpIcon.jsx +4 -3
  65. package/src/icons/Info2Icon.jsx +4 -4
  66. package/src/icons/Knob3Icon.jsx +8 -17
  67. package/src/icons/LibraryIcon.jsx +2 -16
  68. package/src/icons/LinkIcon.jsx +4 -17
  69. package/src/icons/LoopSection2Icon.jsx +4 -17
  70. package/src/icons/LyricsIcon.jsx +5 -24
  71. package/src/icons/MagicWandIcon.jsx +5 -8
  72. package/src/icons/MandolinIcon.jsx +8 -0
  73. package/src/icons/MaracasIcon.jsx +4 -15
  74. package/src/icons/MasteringIcon.jsx +5 -28
  75. package/src/icons/MetronomeIcon.jsx +4 -14
  76. package/src/icons/Mixer2Icon.jsx +4 -16
  77. package/src/icons/MixerVerticalIcon.jsx +7 -0
  78. package/src/icons/More2Icon.jsx +1 -44
  79. package/src/icons/MoreIcon.jsx +4 -41
  80. package/src/icons/MoreMenuIcon.jsx +9 -0
  81. package/src/icons/MusicAddIcon.jsx +3 -17
  82. package/src/icons/MusicBookIcon.jsx +8 -0
  83. package/src/icons/MusicNoteIcon.jsx +3 -17
  84. package/src/icons/MusicRemoveIcon.jsx +3 -17
  85. package/src/icons/NoChords2Icon.jsx +3 -16
  86. package/src/icons/NoChordsDetectionIcon.jsx +6 -22
  87. package/src/icons/NoEyeIcon.jsx +4 -3
  88. package/src/icons/NoMusicIcon.jsx +2 -17
  89. package/src/icons/NoMusicNoteIcon.jsx +3 -16
  90. package/src/icons/NoSearchIcon.jsx +3 -17
  91. package/src/icons/NoSpliterIcon.jsx +3 -14
  92. package/src/icons/NoVolume2Icon.jsx +3 -17
  93. package/src/icons/NowPlayingIcon.jsx +7 -0
  94. package/src/icons/PenIcon.jsx +3 -3
  95. package/src/icons/PlayOnRepeatIcon.jsx +4 -17
  96. package/src/icons/PowerSwitchIcon.jsx +4 -3
  97. package/src/icons/RadioOffIcon.jsx +3 -17
  98. package/src/icons/RedoIcon.jsx +3 -16
  99. package/src/icons/RefreshIcon.jsx +3 -17
  100. package/src/icons/SearchIcon.jsx +3 -18
  101. package/src/icons/Sections2Icon.jsx +4 -7
  102. package/src/icons/Setlist2Icon.jsx +3 -17
  103. package/src/icons/SettingsIcon.jsx +5 -18
  104. package/src/icons/ShareIosIcon.jsx +3 -9
  105. package/src/icons/SidebarLeftIcon.jsx +3 -16
  106. package/src/icons/SidebarRightIcon.jsx +3 -17
  107. package/src/icons/SongBarIcon.jsx +3 -17
  108. package/src/icons/SoundEffectsIcon.jsx +8 -17
  109. package/src/icons/SparkBarsIcon.jsx +4 -16
  110. package/src/icons/SparklesIcon.jsx +4 -7
  111. package/src/icons/SpeedChangerIcon.jsx +2 -15
  112. package/src/icons/SpliterIcon.jsx +4 -17
  113. package/src/icons/Star1Icon.jsx +5 -4
  114. package/src/icons/Star2Icon.jsx +5 -4
  115. package/src/icons/Star3Icon.jsx +5 -4
  116. package/src/icons/StarIcon.jsx +4 -16
  117. package/src/icons/TrashIcon.jsx +3 -17
  118. package/src/icons/TrimIcon.jsx +2 -17
  119. package/src/icons/UkuleleIcon.jsx +8 -40
  120. package/src/icons/UndoIcon.jsx +3 -16
  121. package/src/icons/UnlockIcon.jsx +3 -13
  122. package/src/icons/UserGroupIcon.jsx +4 -17
  123. package/src/icons/UserIcon.jsx +4 -4
  124. package/src/icons/UserVoiceIcon.jsx +4 -6
  125. package/src/icons/Video2Icon.jsx +4 -22
  126. package/src/icons/VideoIcon.jsx +3 -17
  127. package/src/icons/Volume0Icon.jsx +4 -17
  128. package/src/icons/Volume1Icon.jsx +4 -17
  129. package/src/icons/Volume2Icon.jsx +4 -17
  130. package/src/icons/WidgetIcon.jsx +10 -26
  131. package/src/icons/ZoomInIcon.jsx +2 -17
  132. package/src/icons/ZoomOutIcon.jsx +7 -0
  133. package/src/icons.jsx +12 -2
package/src/icons/Volume2Icon.jsx CHANGED
@@ -4,23 +4,10 @@ export const Volume2Icon = ({
4
4
  className,
5
5
  ...props
6
6
  }) => (
7
- <svg
8
- xmlns="http://www.w3.org/2000/svg"
9
- width={width}
10
- height={height}
11
- viewBox="0 0 24 24"
12
- fill="none"
13
- className={className}
14
- {...props}
15
- >
16
- <path
17
- d="M19.07 4.92999C20.9447 6.80527 21.9979 9.34835 21.9979 12C21.9979 14.6516 20.9447 17.1947 19.07 19.07M15.54 8.45999C16.4774 9.39763 17.0039 10.6692 17.0039 11.995C17.0039 13.3208 16.4774 14.5924 15.54 15.53M11 5L6 9H2V15H6L11 19V5Z"
18
- stroke="currentColor"
19
- strokeWidth="1.5"
20
- strokeLinecap="round"
21
- strokeLinejoin="round"
22
- />
23
- </svg>
7
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Volume 2 Icon">
8
+ <path d="M18.6063 6.21988C20.139 7.75303 21 9.83214 21 12C21 14.1679 20.139 16.247 18.6063 17.7801M15.723 10C16.2523 10.5294 16.5496 11.2474 16.5496 11.9959C16.5496 12.7445 16.2523 13.4624 15.723 13.9918M6 8.00002L10.8519 3.9568C11.3078 3.57685 12 3.90107 12 4.49455V19.5055C12 20.099 11.3078 20.4232 10.8519 20.0432L6 16H4C3.44772 16 3 15.5523 3 15V9.00002C3 8.44774 3.44772 8.00002 4 8.00002H6Z"
9
+ stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
10
+ </svg>
24
11
  )
25
12
 
26
13
  Volume2Icon.displayName = 'Volume2Icon'
package/src/icons/WidgetIcon.jsx CHANGED
@@ -4,32 +4,16 @@ export const WidgetIcon = ({
4
4
  className,
5
5
  ...props
6
6
  }) => (
7
- <svg
8
- xmlns="http://www.w3.org/2000/svg"
9
- width={width}
10
- height={height}
11
- viewBox="0 0 16 16"
12
- fill="none"
13
- className={className}
14
- {...props}
15
- >
16
- <path
17
- d="M2 10C2 9.63181 2.29848 9.33333 2.66667 9.33333H6C6.36819 9.33333 6.66667 9.63181 6.66667 10V13.3333C6.66667 13.7015 6.36819 14 6 14H2.66667C2.29848 14 2 13.7015 2 13.3333V10Z"
18
- stroke="currentColor"
19
- />
20
- <path
21
- d="M9.33333 10C9.33333 9.63181 9.63181 9.33333 10 9.33333H13.3333C13.7015 9.33333 14 9.63181 14 10V13.3333C14 13.7015 13.7015 14 13.3333 14H10C9.63181 14 9.33333 13.7015 9.33333 13.3333V10Z"
22
- stroke="currentColor"
23
- />
24
- <path
25
- d="M2 2.66667C2 2.29848 2.29848 2 2.66667 2H6C6.36819 2 6.66667 2.29848 6.66667 2.66667V6C6.66667 6.36819 6.36819 6.66667 6 6.66667H2.66667C2.29848 6.66667 2 6.36819 2 6V2.66667Z"
26
- stroke="currentColor"
27
- />
28
- <path
29
- d="M9.33333 2.66667C9.33333 2.29848 9.63181 2 10 2H13.3333C13.7015 2 14 2.29848 14 2.66667V6C14 6.36819 13.7015 6.66667 13.3333 6.66667H10C9.63181 6.66667 9.33333 6.36819 9.33333 6V2.66667Z"
30
- stroke="currentColor"
31
- />
32
- </svg>
7
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Widget Icon">
8
+ <path d="M13.9556 4.8C13.9556 4.08203 14.5376 3.5 15.2556 3.5H19.2C19.918 3.5 20.5 4.08203 20.5 4.8V8.74443C20.5 9.4624 19.918 10.0444 19.2 10.0444H15.2556C14.5376 10.0444 13.9556 9.4624 13.9556 8.74443V4.8Z"
9
+ stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10"/>
10
+ <path d="M3.5 4.8C3.5 4.08203 4.08203 3.5 4.8 3.5H8.74443C9.4624 3.5 10.0444 4.08203 10.0444 4.8V8.74443C10.0444 9.4624 9.4624 10.0444 8.74443 10.0444H4.8C4.08203 10.0444 3.5 9.4624 3.5 8.74443V4.8Z"
11
+ stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10"/>
12
+ <path d="M13.9556 15.2556C13.9556 14.5376 14.5376 13.9556 15.2556 13.9556H19.2C19.918 13.9556 20.5 14.5376 20.5 15.2556V19.2C20.5 19.918 19.918 20.5 19.2 20.5H15.2556C14.5376 20.5 13.9556 19.918 13.9556 19.2V15.2556Z"
13
+ stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10"/>
14
+ <path d="M3.5 15.2556C3.5 14.5376 4.08203 13.9556 4.8 13.9556H8.74443C9.4624 13.9556 10.0444 14.5376 10.0444 15.2556V19.2C10.0444 19.918 9.4624 20.5 8.74443 20.5H4.8C4.08203 20.5 3.5 19.918 3.5 19.2V15.2556Z"
15
+ stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10"/>
16
+ </svg>
33
17
  )
34
18
 
35
19
  WidgetIcon.displayName = 'WidgetIcon'
package/src/icons/ZoomInIcon.jsx CHANGED
@@ -4,23 +4,8 @@ export const ZoomInIcon = ({
4
4
  className,
5
5
  ...props
6
6
  }) => (
7
- <svg
8
- xmlns="http://www.w3.org/2000/svg"
9
- width={width}
10
- height={height}
11
- viewBox="0 0 16 16"
12
- fill="none"
13
- className={className}
14
- {...props}
15
- >
16
- <g>
17
- <path
18
- d="M14 14L11.1 11.1M7.33333 5.33333V7.33333M7.33333 7.33333V9.33333M7.33333 7.33333H9.33333M7.33333 7.33333H5.33333M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z"
19
- stroke="currentColor"
20
- strokeLinecap="round"
21
- strokeLinejoin="round"
22
- />
23
- </g>
7
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Zoom In Icon">
8
+ <path d="M21 21L19 19M11 8V11M11 11V14M11 11H14M11 11H8M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
24
9
  </svg>
25
10
  )
26
11
 
package/src/icons/ZoomOutIcon.jsx ADDED
@@ -0,0 +1,7 @@
1
+ export const ZoomOutIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Zoom Out Icon">
3
+ <path d="M21 21L19 19M14 11H11H8M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
4
+ </svg>
5
+ )
6
+
7
+ ZoomOutIcon.displayName = 'ZoomOutIcon'
package/src/icons.jsx CHANGED
@@ -40,7 +40,7 @@ export { NoMusicIcon } from './icons/NoMusicIcon'
40
40
  export { TrimIcon } from './icons/TrimIcon'
41
41
  export { CropIcon } from './icons/CropIcon'
42
42
  export { MoisesLogoIcon } from './icons/MoisesLogoIcon'
43
- export { MoreIcon } from './icons/MoreIcon'
43
+ export { MoreIcon, MoreIcon as More2Icon } from './icons/MoreIcon'
44
44
  export { ZoomCloseIcon } from './icons/ZoomCloseIcon'
45
45
  export { ZoomInIcon } from './icons/ZoomInIcon'
46
46
  export { SettingsIcon } from './icons/SettingsIcon'
@@ -323,7 +323,6 @@ export { ListCheckIcon } from './icons/ListCheckIcon'
323
323
  export { MoneyIcon } from './icons/MoneyIcon'
324
324
  export { NoMoneyIcon } from './icons/NoMoneyIcon'
325
325
  export { MoonIcon } from './icons/MoonIcon'
326
- export { More2Icon } from './icons/More2Icon'
327
326
  export { MultipleUsersIcon } from './icons/MultipleUsersIcon'
328
327
  export { UserGroup3Icon } from './icons/UserGroup3Icon'
329
328
  export { NotificationsIcon } from './icons/NotificationsIcon'
@@ -454,3 +453,14 @@ export { StemsIcon } from './icons/StemsIcon'
454
453
  export { SampleIcon } from './icons/SampleIcon'
455
454
  export { PercussionIcon } from './icons/PercussionIcon'
456
455
  export { HiFi1Icon } from './icons/HiFi1Icon'
456
+ export { BanjoIcon } from './icons/BanjoIcon'
457
+ export { CavacoIcon } from './icons/CavacoIcon'
458
+ export { MandolinIcon } from './icons/MandolinIcon'
459
+ export { MusicBookIcon } from './icons/MusicBookIcon'
460
+ export { MixerVerticalIcon } from './icons/MixerVerticalIcon'
461
+ export { NowPlayingIcon } from './icons/NowPlayingIcon'
462
+ export { FitWidthIcon } from './icons/FitWidthIcon'
463
+ export { DownloadIcon } from './icons/DownloadIcon'
464
+ export { MoreMenuIcon } from './icons/MoreMenuIcon'
465
+ export { ZoomOutIcon } from './icons/ZoomOutIcon'
466
+ export { AutomationPenIcon } from './icons/AutomationPenIcon'