From 3eee04b252a763e79795198aafe5df1b71b807eb Mon Sep 17 00:00:00 2001
From: natew <natewienert@gmail.com>
Date: Sun, 4 Dec 2022 16:25:27 -1000
Subject: [PATCH] fix(core): Fix name + componentName themes not searching
 upwards

---
 apps/site/components/HeroExampleCode.tsx        |  4 ++--
 packages/core/src/helpers/ThemeManager.test.tsx | 17 +++++++++++++++++
 packages/core/src/helpers/ThemeManager.tsx      |  7 ++++---
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/apps/site/components/HeroExampleCode.tsx b/apps/site/components/HeroExampleCode.tsx
index 13822c4a813..5a079145e51 100644
--- a/apps/site/components/HeroExampleCode.tsx
+++ b/apps/site/components/HeroExampleCode.tsx
@@ -151,9 +151,9 @@ const CodeExamples = memo(({ examples }: any) => {
       <XStack maxWidth="100%" f={1}>
         <YStack f={1} maxWidth="100%" opacity={0.9} hoverStyle={{ opacity: 1 }}>
           <CodeDemoPreParsed
-            height={300}
+            height={325}
             theme="Card"
-            maxHeight={300}
+            maxHeight={325}
             f={1}
             language={example.language}
             source={example.code}
diff --git a/packages/core/src/helpers/ThemeManager.test.tsx b/packages/core/src/helpers/ThemeManager.test.tsx
index 45c701de964..e756005c24c 100644
--- a/packages/core/src/helpers/ThemeManager.test.tsx
+++ b/packages/core/src/helpers/ThemeManager.test.tsx
@@ -477,4 +477,21 @@ describe('ThemeManager', () => {
     )
     expect(child.state.name).toBe('dark_yellow_Button')
   })
+
+  test(`Component name + name finds one up when component name missing`, () => {
+    const parent = new ThemeManager(
+      {
+        name: 'dark_red_alt1',
+      },
+      'root'
+    )
+    const child = new ThemeManager(
+      {
+        name: 'alt2',
+        componentName: 'Missing',
+      },
+      parent
+    )
+    expect(child.state.name).toBe('dark_red_alt2')
+  })
 })
diff --git a/packages/core/src/helpers/ThemeManager.tsx b/packages/core/src/helpers/ThemeManager.tsx
index df58607f57f..351177a778f 100644
--- a/packages/core/src/helpers/ThemeManager.tsx
+++ b/packages/core/src/helpers/ThemeManager.tsx
@@ -176,9 +176,10 @@ function getState(
     ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR)
     : parentName
   const max = base.length
-  const min = componentName
-    ? max // component themes don't search upwards
-    : 0
+  const min =
+    componentName && !nextName
+      ? max // component name only don't search upwards
+      : 0
 
   // prettier-ignore
   // eslint-disable-next-line no-console