@moises.ai/design-system 3.6.21 → 3.6.22

package/dist/index.js

@@ -7011,10 +7011,12 @@ const In = (n) => {
             align: "center",
             gap: "2",
             justify: "center",
-            p: "3",
+            px: "3",
             style: {
               borderRadius: "var(--radius-4)",
-              border: "1px dashed var(--neutral-alpha-6)"
+              border: "1px solid var(--neutral-alpha-4)",
+              paddingTop: 10,
+              paddingBottom: 10
             },
             children: [
               /* @__PURE__ */ r(Nc, { width: 16, height: 16 }),
@@ -7027,35 +7029,37 @@ const In = (n) => {
               /* @__PURE__ */ r(Ee, { variant: "soft", onClick: S, children: /* @__PURE__ */ r(xc, { width: 16, height: 16 }) })
             ]
           }
-        ) : /* @__PURE__ */ r(
-          Gt,
+        ) : /* @__PURE__ */ g(
+          y,
           {
-            content: t._(
-              "Best results: use isolated target instrument. Mixed instruments make conditioning less effective."
-            ),
-            children: /* @__PURE__ */ g(
-              y,
-              {
-                align: "center",
-                justify: "center",
-                gap: "2",
-                p: "3",
-                onClick: s,
-                style: {
-                  borderRadius: "var(--radius-4)",
-                  border: "1px dashed var(--neutral-alpha-6)",
-                  cursor: "pointer"
-                },
-                children: [
-                  /* @__PURE__ */ r(Qc, { width: 16, height: 16, style: { color: "#B0B4BA" } }),
-                  /* @__PURE__ */ g(j, { size: "1", style: { color: "#EDEEF0" }, children: [
+            align: "center",
+            justify: "center",
+            gap: "2",
+            px: "3",
+            onClick: s,
+            style: {
+              borderRadius: "var(--radius-4)",
+              border: "1px solid #202224",
+              cursor: "pointer",
+              paddingTop: 10,
+              paddingBottom: 10
+            },
+            children: [
+              /* @__PURE__ */ r(Qc, { width: 16, height: 16, style: { color: "#B0B4BA" } }),
+              /* @__PURE__ */ r(
+                Gt,
+                {
+                  content: t._(
+                    "Best results: use isolated target instrument."
+                  ),
+                  children: /* @__PURE__ */ g(j, { size: "1", style: { color: "#EDEEF0" }, children: [
                     t._("Add Reference Track"),
                     " ",
                     /* @__PURE__ */ r(j, { size: "1", as: "span", style: { color: "var(--neutral-alpha-8)" }, children: t._("(optional)") })
                   ] })
-                ]
-              }
-            )
+                }
+              )
+            ]
           }
         )
       ]

package/package.json

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

package/src/components/StemGenerationForm/CreateNew/CreateNew.jsx

@@ -220,10 +220,12 @@ export const CreateNew = ({
           align="center"
           gap="2"
           justify="center"
-          p="3"
+          px="3"
           style={{
             borderRadius: 'var(--radius-4)',
-            border: '1px dashed var(--neutral-alpha-6)',
+            border: '1px solid var(--neutral-alpha-4)',
+            paddingTop: 10,
+            paddingBottom: 10,
           }}
         >
           <FileIcon width={16} height={16} />
@@ -235,31 +237,33 @@ export const CreateNew = ({
           </IconButton>
         </Flex>
       ) : (
-        <Tooltip
-          content={i18n._(
-            'Best results: use isolated target instrument. Mixed instruments make conditioning less effective.',
-          )}
+        <Flex
+          align="center"
+          justify="center"
+          gap="2"
+          px="3"
+          onClick={onAddConditioningAudio}
+          style={{
+            borderRadius: 'var(--radius-4)',
+            border: '1px solid #202224',
+            cursor: 'pointer',
+            paddingTop: 10,
+            paddingBottom: 10,
+          }}
         >
-          <Flex
-            align="center"
-            justify="center"
-            gap="2"
-            p="3"
-            onClick={onAddConditioningAudio}
-            style={{
-              borderRadius: 'var(--radius-4)',
-              border: '1px dashed var(--neutral-alpha-6)',
-              cursor: 'pointer',
-            }}
+          <AttachmentIcon width={16} height={16} style={{ color: '#B0B4BA' }} />
+          <Tooltip
+            content={i18n._(
+              'Best results: use isolated target instrument.',
+            )}
           >
-            <AttachmentIcon width={16} height={16} style={{ color: '#B0B4BA' }} />
             <Text size="1" style={{ color: '#EDEEF0' }}>
               {i18n._('Add Reference Track')}
               {' '}
               <Text size="1" as="span" style={{ color: 'var(--neutral-alpha-8)' }}>{i18n._('(optional)')}</Text>
             </Text>
-          </Flex>
-        </Tooltip>
+          </Tooltip>
+        </Flex>
       )}
     </Flex>
   )