@moises.ai/design-system 3.11.8 → 3.11.10

package/src/icons/TrimIcon.jsx

@@ -8,7 +8,7 @@ export const TrimIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_19372_32377)">
+    <g>
       <path
         d="M13.3333 2.66667L5.41333 10.5867M9.64665 9.65332L13.3333 13.3333M5.41333 5.41333L8 8M6 4C6 5.10457 5.10457 6 4 6C2.89543 6 2 5.10457 2 4C2 2.89543 2.89543 2 4 2C5.10457 2 6 2.89543 6 4ZM6 12C6 13.1046 5.10457 14 4 14C2.89543 14 2 13.1046 2 12C2 10.8954 2.89543 10 4 10C5.10457 10 6 10.8954 6 12Z"
         stroke="currentColor"
@@ -16,12 +16,7 @@ export const TrimIcon = ({ width = 16, height = 16, className, ...props }) => (
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_19372_32377">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 TrimIcon.displayName = 'TrimIcon'

package/src/icons/UndoIcon.jsx

@@ -8,19 +8,14 @@ export const UndoIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_19372_32391)">
+    <g>
       <path
         d="M13.3327 10C12.6428 7.68681 10.4953 6 7.95304 6C5.51551 6 3.44093 7.83332 2.66602 10M2.66602 10H6.66602M2.66602 10V6"
         stroke="currentColor"
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_19372_32391">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 UndoIcon.displayName = 'UndoIcon'

package/src/icons/UnlockIcon.jsx

@@ -7,16 +7,11 @@ export const UnlockIcon = ({ width = 16, height = 16, className, ...props }) =>
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_35277_49197)">
+    <g>
       <path d="M4.66667 7.33398V4.66732C4.66667 3.78326 5.01786 2.93542 5.64298 2.3103C6.2681 1.68517 7.11595 1.33398 8 1.33398C8.88406 1.33398 9.7319 1.68517 10.357 2.3103C10.8226 2.77588 11.1362 3.36502 11.266 4.00065M3.33333 7.33398H12.6667C13.403 7.33398 14 7.93094 14 8.66732V13.334C14 14.0704 13.403 14.6673 12.6667 14.6673H3.33333C2.59695 14.6673 2 14.0704 2 13.334V8.66732C2 7.93094 2.59695 7.33398 3.33333 7.33398Z"
         stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
     </g>
-    <defs>
-      <clipPath id="clip0_35277_49197">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 UnlockIcon.displayName = 'UnlockIcon'

package/src/icons/UploadIcon.jsx

@@ -9,7 +9,7 @@ export const UploadIcon = ({ width, height, className, ...props }) => {
       className={className}
       {...props}
     >
-      <g clipPath="url(#clip0_4414_913)">
+      <g>
         <path
           d="M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667L2 10M11.3333 5.33333L8 2M8 2L4.66667 5.33333M8 2V10"
           stroke="currentColor"
@@ -17,12 +17,7 @@ export const UploadIcon = ({ width, height, className, ...props }) => {
           strokeLinejoin="round"
         />
       </g>
-      <defs>
-        <clipPath id="clip0_4414_913">
-          <rect width="16" height="16" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+</svg>
   )
 }
 

package/src/icons/UserIcon.jsx

@@ -8,7 +8,7 @@ export const UserIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_24125_23081)">
+    <g>
       <path
         d="M11.334 14.6663V13.4071C11.334 12.7391 11.0706 12.0985 10.6018 11.6262C10.1329 11.1539 9.49703 10.8886 8.83398 10.8886H3.83398C3.17094 10.8886 2.53506 11.1539 2.06622 11.6262C1.59738 12.0985 1.33398 12.7391 1.33398 13.4071V14.6663M13.1561 1.33301C14.1237 2.39398 14.6673 3.83279 14.6673 5.33301C14.6673 6.83323 14.1237 8.27203 13.1561 9.33301M11.334 3.33018C11.8178 3.86067 12.0896 4.58007 12.0896 5.33018C12.0896 6.08029 11.8178 6.79969 11.334 7.33018M8.83398 5.85153C8.83398 7.24247 7.7147 8.37004 6.33398 8.37004C4.95327 8.37004 3.83398 7.24247 3.83398 5.85153C3.83398 4.46059 4.95327 3.33301 6.33398 3.33301C7.7147 3.33301 8.83398 4.46059 8.83398 5.85153Z"
         stroke="currentColor"
@@ -16,12 +16,7 @@ export const UserIcon = ({ width = 16, height = 16, className, ...props }) => (
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_24125_23081">
-        <rect width={width} height={height} fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 UserIcon.displayName = 'UserIcon'

package/src/icons/VocalsBackgroundIcon.jsx

@@ -13,7 +13,7 @@ export const VocalsBackgroundIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_7704_228)">
+    <g>
       <path
         d="M8.375 23.5V19.625M14.75 13V13.125C14.75 16.6458 11.8958 19.5 8.375 19.5C4.85418 19.5 2 16.6458 2 13.125V13M15.375 23.5V19.625M21.75 13V13.125C21.75 16.6458 18.8958 19.5 15.375 19.5M14 1.33295C14.4119 1.12017 14.8794 1 15.375 1C17.0319 1 18.375 2.34315 18.375 4V13C18.375 13.896 17.9822 14.7003 17.3594 15.25M8.375 16C6.71815 16 5.375 14.6569 5.375 13V4C5.375 2.34315 6.71815 1 8.375 1C10.0319 1 11.375 2.34315 11.375 4V13C11.375 14.6569 10.0319 16 8.375 16Z"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const VocalsBackgroundIcon = ({
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_7704_228">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 VocalsBackgroundIcon.displayName = 'VocalsBackgroundIcon'

package/src/icons/VocalsIcon.jsx

@@ -8,18 +8,13 @@ export const VocalsIcon = ({ width, height, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_4905_2316)">
+    <g>
       <path
         d="M5.58301 15.667V13.0837M9.83301 8.66699V8.75033C9.83301 11.0975 7.93022 13.0003 5.58301 13.0003C3.2358 13.0003 1.33301 11.0975 1.33301 8.75033V8.66699M10.2497 15.667V13.0837M14.4997 8.66699V8.75033C14.4997 11.0975 12.5969 13.0003 10.2497 13.0003M9.33301 0.888962C9.60761 0.747104 9.91929 0.666992 10.2497 0.666992C11.3542 0.666992 12.2497 1.56242 12.2497 2.66699V8.66699C12.2497 9.26434 11.9878 9.80052 11.5726 10.167M5.58301 10.667C4.47844 10.667 3.58301 9.77156 3.58301 8.66699V2.66699C3.58301 1.56242 4.47844 0.666992 5.58301 0.666992C6.68758 0.666992 7.58301 1.56242 7.58301 2.66699V8.66699C7.58301 9.77156 6.68758 10.667 5.58301 10.667Z"
         stroke="currentColor"
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_4905_2316">
-        <rect width={width} height={height} fill="currentColor" />
-      </clipPath>
-    </defs>
   </svg>
 )
 

package/src/icons/ZoomCloseIcon.jsx

@@ -13,7 +13,7 @@ export const ZoomCloseIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_24739_59181)">
+    <g>
       <path
         d="M14 14L11.1 11.1M12.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"
         stroke="currentColor"
@@ -27,12 +27,7 @@ export const ZoomCloseIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_24739_59181">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 ZoomCloseIcon.displayName = 'ZoomCloseIcon'

package/src/icons/ZoomInIcon.jsx

@@ -13,7 +13,7 @@ export const ZoomInIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_25005_369)">
+    <g>
       <path
         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"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const ZoomInIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_25005_369">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 ZoomInIcon.displayName = 'ZoomInIcon'

package/src/icons.jsx

@@ -349,3 +349,5 @@ export { EyeOffIcon } from './icons/EyeOffIcon'
 export { Play1Icon } from './icons/Play1Icon'
 export { ChevronRightFilledIcon } from './icons/ChevronRightFilledIcon'
 export { ChevronDownFilledIcon } from './icons/ChevronDownFilledIcon'
+export { Share2Icon } from './icons/Share2Icon'
+export { TrackPreviousIcon } from './icons/TrackPreviousIcon'

package/src/index.jsx

@@ -111,6 +111,7 @@ export { MoreButton } from './components/MoreButton/MoreButton'
 export { MultiSelect } from './components/MultiSelect/MultiSelect'
 export { MultiSelectCards } from './components/MultiSelectCards/MultiSelectCards'
 export { PanControl } from './components/PanControl/PanControl'
+export { PeakLevel } from './components/PeakLevel/PeakLevel'
 export { ProductsBrandPattern } from './components/ProductsBrandPattern/ProductsBrandPattern'
 export { ProductsList } from './components/ProductsList/ProductsList'
 export { ProfileMenu } from './components/ProfileMenu/ProfileMenu'