@moises.ai/design-system 3.5.2 → 3.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "3.5.2",
+  "version": "3.5.3",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",

package/src/components/ProjectsList/ProjectsList.jsx

@@ -1,8 +1,9 @@
-import { Flex, Text, Separator, Button } from '@radix-ui/themes'
+import { Flex, Text, Separator } from '@radix-ui/themes'
 import styles from './ProjectsList.module.css'
 import { useState } from 'react'
 import { ArrowLeftIcon, NoMusicIcon, ChevronDownIcon, ChevronUpIcon } from '../../icons'
 import { getIconFromTrackId } from './utils'
+import { Button } from '../Button/Button'
 
 export const ProjectsList = ({
   projects = [],
@@ -100,7 +101,7 @@ export const ProjectsList = ({
                   ))}
 
                   <Flex direction="row" gap="3" p="2" align="center" justify="center">
-                    <Button variant="ghost" color="gray" style={{ flex: '1' }}
+                    <Button variant="ghost" color="neutral" style={{ flex: '1' }}
                       onClick={(e) => {
                         e.stopPropagation()
                         onInsertAllTracks?.(project.tracks)

package/src/components/ProjectsList/utils.jsx

@@ -23,48 +23,48 @@ import {
 export const getIconFromTrackId = (trackId) => {
     switch (trackId) {
         case 'original':
-            return <SpliterIcon />
+            return <SpliterIcon width={16} height={16} />
         case 'vocals':
-            return <VocalIcon />
+            return <VocalIcon width={16} height={16} />
         case 'backing_vocals':
-            return <VocalsBackgroundIcon />
+            return <VocalsBackgroundIcon width={16} height={16} />
         case 'drums':
-            return <DrumsIcon />
+            return <DrumsIcon width={16} height={16} />
         case 'bass':
-            return <BassIcon />
+            return <BassIcon width={16} height={16} />
         case 'guitars':
-            return <ElectricGuitarIcon />
+            return <ElectricGuitarIcon width={16} height={16} />
         case 'other_kit':
-            return <IsolateDrumsIcon />
+            return <IsolateDrumsIcon width={16} height={16} />
         case "piano":
-            return <PianoIcon />
+            return <PianoIcon width={16} height={16} />
         case "wind":
-            return <WindIcon />
+            return <WindIcon width={16} height={16} />
         case "strings":
-            return <StringsIcon />
+            return <StringsIcon width={16} height={16} />
         case "keys":
-            return <KeysIcon />
+            return <KeysIcon width={16} height={16} />
         case "kick":
-            return <KickdrumIcon />
+            return <KickdrumIcon width={16} height={16} />
         case "snare":
-            return <SnareIcon />
+            return <SnareIcon width={16} height={16} />
         case "toms":
-            return <TomsIcon />
+            return <TomsIcon width={16} height={16} />
         case "hat":
-            return <HiHatIcon />
+            return <HiHatIcon width={16} height={16} />
         case "cymbals":
-            return <CymbalsIcon />
+            return <CymbalsIcon width={16} height={16} />
         case "rhythm":
-            return <ElectricGuitarIcon />
+            return <ElectricGuitarIcon width={16} height={16} />
         case "lead":
-            return <ElectricGuitarIcon />
+            return <ElectricGuitarIcon width={16} height={16} />
         case "electric":
-            return <AcousticGuitarIcon />
+            return <AcousticGuitarIcon width={16} height={16} />
         case "acoustic":
-            return <AcousticGuitarIcon />
+            return <AcousticGuitarIcon width={16} height={16} />
         case 'other':
-            return <MusicIcon />
+            return <MusicIcon width={16} height={16} />
         default:
-            return <SparkBarsIcon />
+            return <SparkBarsIcon width={16} height={16} />
     }
 }