@moises.ai/design-system 4.16.6 → 4.16.7

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 (26) hide show
  1. package/dist/{ForwardBarFillIcon-CUEgLgyx.js → ChordDiagramGridIcon-CxpGQmg4.js} +1029 -976
  2. package/dist/colors/custom-styles.css +1 -0
  3. package/dist/icons.js +604 -602
  4. package/dist/{index-f-eJMg6F.js → index-Dwaw5zqT.js} +151 -151
  5. package/dist/index.js +253 -253
  6. package/dist/primitives.js +147 -147
  7. package/package.json +1 -1
  8. package/src/colors/custom-styles.css +1 -0
  9. package/src/components/PlayerBar/PlayerBar.jsx +12 -11
  10. package/src/components/PlayerBar/PlayerBar.stories.jsx +193 -8
  11. package/src/components/PlayerMasterVolume/PlayerMasterVolume.jsx +54 -0
  12. package/src/components/PlayerMasterVolume/PlayerMasterVolume.module.css +31 -0
  13. package/src/components/PlayerMasterVolume/PlayerMasterVolume.stories.jsx +182 -0
  14. package/src/components/PlayerSmartMetronome/PlayerSmartMetronome.jsx +79 -0
  15. package/src/components/PlayerSmartMetronome/PlayerSmartMetronome.module.css +23 -0
  16. package/src/components/PlayerSmartMetronome/PlayerSmartMetronome.stories.jsx +225 -0
  17. package/src/components/PlayerSmartMetronome/SegmentedField.jsx +19 -0
  18. package/src/components/PlayerTempoPitch/PlayerTempoPitch.jsx +123 -0
  19. package/src/components/PlayerTempoPitch/PlayerTempoPitch.module.css +25 -0
  20. package/src/components/PlayerTempoPitch/PlayerTempoPitch.stories.jsx +215 -0
  21. package/src/components/PlayerTempoPitch/StepperField.jsx +57 -0
  22. package/src/components/PlayerTempoPitch/constants.js +40 -0
  23. package/src/icons/ChordDiagramGridIcon.jsx +22 -0
  24. package/src/icons/ChordGrid3Icon.jsx +20 -0
  25. package/src/icons.jsx +2 -0
  26. package/src/index.jsx +1 -1
package/src/icons/ChordDiagramGridIcon.jsx ADDED
@@ -0,0 +1,22 @@
1
+ export const ChordDiagramGridIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg
3
+ xmlns="http://www.w3.org/2000/svg"
4
+ width={width}
5
+ height={height}
6
+ viewBox="0 0 16 16"
7
+ fill="none"
8
+ className={className}
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M5.33325 14.6663C5.33325 14.9425 5.55711 15.1663 5.83325 15.1663C6.10939 15.1663 6.33325 14.9425 6.33325 14.6663H5.83325H5.33325ZM9.66658 14.6663C9.66658 14.9425 9.89044 15.1663 10.1666 15.1663C10.4427 15.1663 10.6666 14.9425 10.6666 14.6663H10.1666H9.66658ZM2.66659 10.6663V11.1663H13.3333V10.6663V10.1663H2.66659V10.6663ZM2.66659 14.6663V15.1663H13.3333V14.6663V14.1663H2.66659V14.6663ZM5.83325 14.6663H6.33325V10.6663H5.83325H5.33325V14.6663H5.83325ZM10.1666 14.6663H10.6666V10.6663H10.1666H9.66658V14.6663H10.1666ZM1.33325 13.333H1.83325V11.9997H1.33325H0.833252V13.333H1.33325ZM14.6666 13.333H15.1666V11.9997H14.6666H14.1666V13.333H14.6666ZM13.3333 10.6663V11.1663C13.7935 11.1663 14.1666 11.5394 14.1666 11.9997H14.6666H15.1666C15.1666 10.9872 14.3458 10.1663 13.3333 10.1663V10.6663ZM13.3333 14.6663V15.1663C14.3458 15.1663 15.1666 14.3455 15.1666 13.333H14.6666H14.1666C14.1666 13.7932 13.7935 14.1663 13.3333 14.1663V14.6663ZM2.66659 10.6663V10.1663C1.65406 10.1663 0.833252 10.9872 0.833252 11.9997H1.33325H1.83325C1.83325 11.5394 2.20635 11.1663 2.66659 11.1663V10.6663ZM2.66659 14.6663V14.1663C2.20635 14.1663 1.83325 13.7932 1.83325 13.333H1.33325H0.833252C0.833252 14.3455 1.65406 15.1663 2.66659 15.1663V14.6663ZM3.83325 1.33301V1.83301H6.16659V1.33301V0.833008H3.83325V1.33301ZM6.16659 1.33301V1.83301H9.83325V1.33301V0.833008H6.16659V1.33301ZM9.83325 1.33301V1.83301H12.1666V1.33301V0.833008H9.83325V1.33301ZM13.4999 2.66634H12.9999V7.99967H13.4999H13.9999V2.66634H13.4999ZM2.49992 7.99967H2.99992V2.66634H2.49992H1.99992V7.99967H2.49992ZM12.1666 1.33301V1.83301C12.6268 1.83301 12.9999 2.2061 12.9999 2.66634H13.4999H13.9999C13.9999 1.65382 13.1791 0.833008 12.1666 0.833008V1.33301ZM3.83325 1.33301V0.833008C2.82073 0.833008 1.99992 1.65382 1.99992 2.66634H2.49992H2.99992C2.99992 2.2061 3.37301 1.83301 3.83325 1.83301V1.33301ZM6.16659 7.99967H6.66659V1.33301H6.16659H5.66659V7.99967H6.16659ZM9.83325 7.99967H10.3333V1.33301H9.83325H9.33325V7.99967H9.83325Z"
13
+ fill='currentColor'
14
+ />
15
+ <path
16
+ d="M11.1667 4.66634C11.1667 5.40272 10.5697 5.99967 9.83333 5.99967C9.09695 5.99967 8.5 5.40272 8.5 4.66634C8.5 3.92996 9.09695 3.33301 9.83333 3.33301C10.5697 3.33301 11.1667 3.92996 11.1667 4.66634Z"
17
+ fill='currentColor'
18
+ />
19
+ </svg>
20
+ )
21
+
22
+ ChordDiagramGridIcon.displayName = 'ChordDiagramGridIcon'
package/src/icons/ChordGrid3Icon.jsx ADDED
@@ -0,0 +1,20 @@
1
+ export const ChordGrid3Icon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg
3
+ xmlns="http://www.w3.org/2000/svg"
4
+ width={width}
5
+ height={height}
6
+ viewBox="0 0 15 8"
7
+ fill="none"
8
+ className={className}
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M5 7.5V0.5M9.33333 7.5V0.5M12.5 0.5H1.83333C1.09695 0.5 0.5 1.39543 0.5 2.5V5.5C0.5 6.60457 1.09695 7.5 1.83333 7.5H12.5C13.2364 7.5 13.8333 6.60457 13.8333 5.5V2.5C13.8333 1.39543 13.2364 0.5 12.5 0.5Z"
13
+ stroke="currentColor"
14
+ strokeMiterlimit="10"
15
+ strokeLinecap="round"
16
+ />
17
+ </svg>
18
+ )
19
+
20
+ ChordGrid3Icon.displayName = 'ChordGrid3Icon'
package/src/icons.jsx CHANGED
@@ -435,3 +435,5 @@ export { ThumbsDownIcon } from './icons/ThumbsDownIcon'
435
435
  export { LightBulbIcon } from './icons/LightBulbIcon'
436
436
  export { RewindBarFillIcon } from './icons/RewindBarFillIcon'
437
437
  export { ForwardBarFillIcon } from './icons/ForwardBarFillIcon'
438
+ export { ChordGrid3Icon } from './icons/ChordGrid3Icon'
439
+ export { ChordDiagramGridIcon } from './icons/ChordDiagramGridIcon'
package/src/index.jsx CHANGED
@@ -122,4 +122,4 @@ export { TrackHeader } from './components/TrackHeader/TrackHeader'
122
122
  export { useForm } from './components/useForm/useForm'
123
123
  export { VerticalSegmentControl } from './components/VerticalSegmentControl/VerticalSegmentControl'
124
124
  export { VoiceConversionForm } from './components/VoiceConversionForm/VoiceConversionForm'
125
- export { Waveform } from './components/VoiceConversionForm/Waveform/Waveform'
125
+ export { Waveform } from './components/VoiceConversionForm/Waveform/Waveform'