@moises.ai/design-system 4.19.2 → 4.19.3

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 (132) hide show
  1. package/dist/{AutomationPenIcon-508hiLNg.js → HiFi1Icon-DW-qHZUd.js} +4627 -3064
  2. package/dist/colors/custom-styles.css +24 -24
  3. package/dist/icons.js +687 -695
  4. package/dist/index.js +409 -409
  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/Extension/Extension.jsx +1 -1
  10. package/src/components/Extension/Extension.stories.jsx +2 -2
  11. package/src/components/InputLevelMeter/InputLevelMeter.stories.jsx +2 -2
  12. package/src/components/InstrumentSelect/InstrumentSelectCard.jsx +1 -1
  13. package/src/components/Knob/utils.js +1 -1
  14. package/src/components/PanControl/PanControl.jsx +2 -2
  15. package/src/components/PeakLevel/PeakLevel.stories.jsx +1 -1
  16. package/src/components/RecordingForm/RecordingForm.module.css +1 -1
  17. package/src/components/SetlistList/SetlistList.module.css +1 -1
  18. package/src/components/Shell/Shell.stories.jsx +2 -2
  19. package/src/components/SliderLibrary/SliderLibrary.module.css +6 -6
  20. package/src/components/SliderLibrary/SliderLibrary.stories.jsx +3 -3
  21. package/src/components/SpecialDialog/SpecialDialog.module.css +1 -1
  22. package/src/components/StemGenerationForm/CreateNew/CreateNew.jsx +2 -2
  23. package/src/components/Tooltip/Tooltip.module.css +15 -15
  24. package/src/components/TrackHeader/TrackHeader.module.css +2 -2
  25. package/src/components/TrackHeader/TrackHeader.stories.jsx +1 -1
  26. package/src/components/VoiceConversionForm/Waveform/Waveform.jsx +1 -1
  27. package/src/icons/AlertIcon.jsx +5 -4
  28. package/src/icons/ArrowDownIcon.jsx +17 -3
  29. package/src/icons/ArrowLeftIcon.jsx +17 -3
  30. package/src/icons/ArrowUpIcon.jsx +17 -3
  31. package/src/icons/ArrowsHorizontalIcon.jsx +17 -3
  32. package/src/icons/ArrowsVerticalIcon.jsx +17 -3
  33. package/src/icons/AudioFileIcon.jsx +17 -3
  34. package/src/icons/BookmarkIcon.jsx +15 -3
  35. package/src/icons/CheckIcon.jsx +3 -3
  36. package/src/icons/ChevronLeftIcon.jsx +17 -3
  37. package/src/icons/ChevronRightIcon.jsx +17 -3
  38. package/src/icons/ChevronUpIcon.jsx +17 -3
  39. package/src/icons/ChordGrid4Icon.jsx +5 -2
  40. package/src/icons/Chords2Icon.jsx +16 -4
  41. package/src/icons/ChordsDetectionIcon.jsx +22 -5
  42. package/src/icons/CloseIcon.jsx +16 -3
  43. package/src/icons/ComputerIcon.jsx +17 -3
  44. package/src/icons/CountInIcon.jsx +19 -6
  45. package/src/icons/CropIcon.jsx +17 -2
  46. package/src/icons/CrownIcon.jsx +17 -3
  47. package/src/icons/DelayIcon.jsx +16 -3
  48. package/src/icons/DynamicMicrophone2Icon.jsx +9 -4
  49. package/src/icons/EditIcon.jsx +16 -3
  50. package/src/icons/EffectsIcon.jsx +16 -4
  51. package/src/icons/EmailIcon.jsx +24 -3
  52. package/src/icons/ExternalLinkIcon.jsx +3 -3
  53. package/src/icons/EyeIcon.jsx +26 -4
  54. package/src/icons/EyeOffIcon.jsx +24 -3
  55. package/src/icons/Filter2Icon.jsx +17 -3
  56. package/src/icons/FlatAndSharpIcon.jsx +16 -3
  57. package/src/icons/GuitarAmpIcon.jsx +32 -6
  58. package/src/icons/HelpIcon.jsx +3 -4
  59. package/src/icons/Info2Icon.jsx +4 -4
  60. package/src/icons/Knob3Icon.jsx +17 -8
  61. package/src/icons/LibraryIcon.jsx +16 -2
  62. package/src/icons/LinkIcon.jsx +17 -4
  63. package/src/icons/LoopSection2Icon.jsx +17 -4
  64. package/src/icons/LyricsIcon.jsx +24 -5
  65. package/src/icons/MagicWandIcon.jsx +8 -5
  66. package/src/icons/MaracasIcon.jsx +15 -4
  67. package/src/icons/MasteringIcon.jsx +28 -5
  68. package/src/icons/MetronomeIcon.jsx +14 -4
  69. package/src/icons/Mixer2Icon.jsx +16 -4
  70. package/src/icons/More2Icon.jsx +44 -1
  71. package/src/icons/MoreIcon.jsx +41 -4
  72. package/src/icons/MusicAddIcon.jsx +17 -3
  73. package/src/icons/MusicNoteIcon.jsx +17 -3
  74. package/src/icons/MusicRemoveIcon.jsx +17 -3
  75. package/src/icons/NoChords2Icon.jsx +16 -3
  76. package/src/icons/NoChordsDetectionIcon.jsx +22 -6
  77. package/src/icons/NoEyeIcon.jsx +3 -4
  78. package/src/icons/NoMusicIcon.jsx +17 -2
  79. package/src/icons/NoMusicNoteIcon.jsx +16 -3
  80. package/src/icons/NoSearchIcon.jsx +17 -3
  81. package/src/icons/NoSpliterIcon.jsx +14 -3
  82. package/src/icons/NoVolume2Icon.jsx +17 -3
  83. package/src/icons/PenIcon.jsx +3 -3
  84. package/src/icons/PlayOnRepeatIcon.jsx +17 -4
  85. package/src/icons/PowerSwitchIcon.jsx +3 -4
  86. package/src/icons/RadioOffIcon.jsx +17 -3
  87. package/src/icons/RedoIcon.jsx +16 -3
  88. package/src/icons/RefreshIcon.jsx +17 -3
  89. package/src/icons/SearchIcon.jsx +18 -3
  90. package/src/icons/Sections2Icon.jsx +7 -4
  91. package/src/icons/Setlist2Icon.jsx +17 -3
  92. package/src/icons/SettingsIcon.jsx +18 -5
  93. package/src/icons/ShareIosIcon.jsx +9 -3
  94. package/src/icons/SidebarLeftIcon.jsx +16 -3
  95. package/src/icons/SidebarRightIcon.jsx +17 -3
  96. package/src/icons/SongBarIcon.jsx +17 -3
  97. package/src/icons/SoundEffectsIcon.jsx +17 -8
  98. package/src/icons/SparkBarsIcon.jsx +16 -4
  99. package/src/icons/SparklesIcon.jsx +7 -4
  100. package/src/icons/SpeedChangerIcon.jsx +15 -2
  101. package/src/icons/SpliterIcon.jsx +17 -4
  102. package/src/icons/Star1Icon.jsx +4 -5
  103. package/src/icons/Star2Icon.jsx +4 -5
  104. package/src/icons/Star3Icon.jsx +4 -5
  105. package/src/icons/StarIcon.jsx +16 -4
  106. package/src/icons/TrashIcon.jsx +17 -3
  107. package/src/icons/TrimIcon.jsx +17 -2
  108. package/src/icons/UkuleleIcon.jsx +40 -8
  109. package/src/icons/UndoIcon.jsx +16 -3
  110. package/src/icons/UnlockIcon.jsx +13 -3
  111. package/src/icons/UserGroupIcon.jsx +17 -4
  112. package/src/icons/UserIcon.jsx +4 -4
  113. package/src/icons/UserVoiceIcon.jsx +6 -4
  114. package/src/icons/Video2Icon.jsx +22 -4
  115. package/src/icons/VideoIcon.jsx +17 -3
  116. package/src/icons/Volume0Icon.jsx +17 -4
  117. package/src/icons/Volume1Icon.jsx +17 -4
  118. package/src/icons/Volume2Icon.jsx +17 -4
  119. package/src/icons/WidgetIcon.jsx +26 -10
  120. package/src/icons/ZoomInIcon.jsx +17 -2
  121. package/src/icons.jsx +2 -12
  122. package/src/icons/AutomationPenIcon.jsx +0 -7
  123. package/src/icons/BanjoIcon.jsx +0 -8
  124. package/src/icons/CavacoIcon.jsx +0 -9
  125. package/src/icons/DownloadIcon.jsx +0 -7
  126. package/src/icons/FitWidthIcon.jsx +0 -7
  127. package/src/icons/MandolinIcon.jsx +0 -8
  128. package/src/icons/MixerVerticalIcon.jsx +0 -7
  129. package/src/icons/MoreMenuIcon.jsx +0 -9
  130. package/src/icons/MusicBookIcon.jsx +0 -8
  131. package/src/icons/NowPlayingIcon.jsx +0 -7
  132. package/src/icons/ZoomOutIcon.jsx +0 -7
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, MoreIcon as More2Icon } from './icons/MoreIcon'
43
+ export { MoreIcon } 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,6 +323,7 @@ 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'
326
327
  export { MultipleUsersIcon } from './icons/MultipleUsersIcon'
327
328
  export { UserGroup3Icon } from './icons/UserGroup3Icon'
328
329
  export { NotificationsIcon } from './icons/NotificationsIcon'
@@ -453,14 +454,3 @@ export { StemsIcon } from './icons/StemsIcon'
453
454
  export { SampleIcon } from './icons/SampleIcon'
454
455
  export { PercussionIcon } from './icons/PercussionIcon'
455
456
  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'
@@ -1,7 +0,0 @@
1
- export const AutomationPenIcon = ({ 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="Automation Pen Icon">
3
- <path d="M5 9C6.65685 9 8 7.65686 8 6C8 4.34315 6.65685 3 5 3C3.34315 3 2 4.34315 2 6C2 7.65685 3.34315 9 5 9ZM5 9C5 14.3862 8.29634 19.0098 13 21M18.5 3C17.1193 3 16 4.11929 16 5.5L16 17.963C16 18.2087 16.0904 18.4458 16.2541 18.629L18.2762 20.8939C18.3955 21.0275 18.6045 21.0275 18.7238 20.8939L20.7459 18.629C20.9096 18.4458 21 18.2087 21 17.963L21 5.5C21 4.11929 19.8807 3 18.5 3Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
4
- </svg>
5
- )
6
-
7
- AutomationPenIcon.displayName = 'AutomationPenIcon'
@@ -1,8 +0,0 @@
1
- export const BanjoIcon = ({ 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="Banjo Icon">
3
- <path d="M10 2L10.0049 5.25M14 5.25L13.9951 2M15 16.2104H9.00488M20 13C20 17.4169 16.4194 20.9976 12.0024 20.9976C7.58551 20.9976 4.00488 17.4169 4.00488 13C4.00488 8.58307 7.58551 5.00244 12.0024 5.00244C16.4194 5.00244 20 8.58307 20 13Z"
4
- stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
5
- </svg>
6
- )
7
-
8
- BanjoIcon.displayName = 'BanjoIcon'
@@ -1,9 +0,0 @@
1
- export const CavacoIcon = ({ 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="Cavaco Icon">
3
- <path d="M10.4768 13.8849H13.5232M4.5 15.9036C4.5 19.2452 7.94649 21 12.0886 21C16.2308 21 19.5 19.2452 19.5 15.9036C19.5 14.4695 18.9602 13.2098 17.4865 11.6385C16.6441 10.7403 16.3999 9.77837 17.0464 8.60949C17.4464 7.8863 17.7102 7.29774 17.7102 6.6C17.7102 4.61178 16.0984 3 14.1102 3H9.88977C7.90155 3 6.28977 4.61178 6.28977 6.6C6.28977 7.29774 6.55358 7.8863 6.9536 8.60949C7.60014 9.77837 7.35595 10.7403 6.51349 11.6385C5.03975 13.2098 4.5 14.4695 4.5 15.9036Z"
4
- stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
5
- <circle cx="12" cy="8" r="2" fill="currentColor"/>
6
- </svg>
7
- )
8
-
9
- CavacoIcon.displayName = 'CavacoIcon'
@@ -1,7 +0,0 @@
1
- export const DownloadIcon = ({ 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="Download Icon">
3
- <path d="M7 8.5L12 13L17 8.5M12 13V3M20.5 14.5V18C20.5 19.6569 19.1569 21 17.5 21H6.5C4.84315 21 3.5 19.6569 3.5 18V14.5" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
4
- </svg>
5
- )
6
-
7
- DownloadIcon.displayName = 'DownloadIcon'
@@ -1,7 +0,0 @@
1
- export const FitWidthIcon = ({ 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="Fit Width Icon">
3
- <path d="M9 8L5 12L9 16M15 8L19 12L15 16M2 4V20M22 4V20M18 12H6" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
4
- </svg>
5
- )
6
-
7
- FitWidthIcon.displayName = 'FitWidthIcon'
@@ -1,8 +0,0 @@
1
- export const MandolinIcon = ({ 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="Mandolin Icon">
3
- <path d="M9.25 15.8848H14.7501M10.0049 3.3667V10.413C10.0049 10.9653 10.4526 11.413 11.0049 11.413H13C13.5523 11.413 14 10.9653 14 10.413V3.3667M9.99987 3C9.99987 5.50649 8.32904 7.21662 6.7742 9.20243C5.42128 10.9304 3.81249 13 4.15612 15.7188C4.68513 19.9042 8.72 21.25 11.9999 21.25C15.28 21.25 19.3146 19.9042 19.8436 15.7188C20.1872 13 18.5785 10.9304 17.2255 9.20243C15.6707 7.21662 13.9999 5.50649 13.9999 3"
4
- stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
5
- </svg>
6
- )
7
-
8
- MandolinIcon.displayName = 'MandolinIcon'
@@ -1,7 +0,0 @@
1
- export const MixerVerticalIcon = ({ 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="Mixer Vertical Icon">
3
- <path d="M17 6L16.9999 3M17 6C15.6193 6 14.5 7.11929 14.5 8.5C14.5 9.88071 15.6193 11 17 11C18.3807 11 19.5 9.88071 19.5 8.5C19.5 7.11929 18.3807 6 17 6ZM6.99995 3L6.99995 10.5M6.99995 10.5C5.61924 10.5 4.5 11.6193 4.5 13C4.5 14.3807 5.61929 15.5 7 15.5C8.38071 15.5 9.5 14.3807 9.5 13C9.5 11.6193 8.38066 10.5 6.99995 10.5ZM16.9999 21L17 14M7 18.5L6.99995 21" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
4
- </svg>
5
- )
6
-
7
- MixerVerticalIcon.displayName = 'MixerVerticalIcon'
@@ -1,9 +0,0 @@
1
- export const MoreMenuIcon = ({ 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="More Menu Icon">
3
- <path d="M17.4902 13.5054C16.6618 13.5054 15.9902 12.8338 15.9902 12.0054C15.9902 11.1769 16.6618 10.5054 17.4902 10.5054C18.3187 10.5054 18.9902 11.1769 18.9902 12.0054C18.9902 12.8338 18.3187 13.5054 17.4902 13.5054Z" fill="currentColor"/>
4
- <path d="M12.0054 13.5054C11.1769 13.5054 10.5054 12.8338 10.5054 12.0054C10.5054 11.1769 11.1769 10.5054 12.0054 10.5054C12.8338 10.5054 13.5054 11.1769 13.5054 12.0054C13.5054 12.8338 12.8338 13.5054 12.0054 13.5054Z" fill="currentColor"/>
5
- <path d="M6.50977 13.5054C5.68134 13.5054 5.00977 12.8338 5.00977 12.0054C5.00977 11.1769 5.68134 10.5054 6.50977 10.5054C7.33819 10.5054 8.00977 11.1769 8.00977 12.0054C8.00977 12.8338 7.33819 13.5054 6.50977 13.5054Z" fill="currentColor"/>
6
- </svg>
7
- )
8
-
9
- MoreMenuIcon.displayName = 'MoreMenuIcon'
@@ -1,8 +0,0 @@
1
- export const MusicBookIcon = ({ 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="Music Book Icon">
3
- <path d="M12 8.2C12 7.35131 11.6552 6.53737 11.0414 5.93726C10.4277 5.33714 9.59525 5 8.72727 5H3V17H12M12 8.2C12 7.35131 12.3448 6.53737 12.9586 5.93726C13.5723 5.33714 14.4047 5 15.2727 5H21M12 8.2V17M12 17V21M20.6789 15.2276V16.8728C20.6789 17.7561 20.0745 18.5302 19.2031 18.7632L18.459 18.9621C17.4726 19.2257 16.5 18.4998 16.5 17.5C16.5 16.8165 16.9678 16.2176 17.6422 16.0377L20.6789 15.2276ZM20.6789 15.2276V9.45199"
4
- stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
5
- </svg>
6
- )
7
-
8
- MusicBookIcon.displayName = 'MusicBookIcon'
@@ -1,7 +0,0 @@
1
- export const NowPlayingIcon = ({ 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="Now Playing Icon">
3
- <path d="M4 3L4 21M14.6668 8.25005V15.75M9.33333 5.625L9.33333 18.375M20 13.125V10.875" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
4
- </svg>
5
- )
6
-
7
- NowPlayingIcon.displayName = 'NowPlayingIcon'
@@ -1,7 +0,0 @@
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'