From 7f558c65138bf44e4e6391f5b8fdd025bd5cef73 Mon Sep 17 00:00:00 2001
From: Sam Holmes <sam@edge.app>
Date: Tue, 30 Sep 2025 12:54:53 -0700
Subject: [PATCH] Make major upgrade to styled HOC

---
 src/components/hoc/styled.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/hoc/styled.tsx b/src/components/hoc/styled.tsx
index efa641e7780..24772d6177a 100644
--- a/src/components/hoc/styled.tsx
+++ b/src/components/hoc/styled.tsx
@@ -40,6 +40,10 @@ type Styler<Props> =
  * const Dynamic = styled(Text)(theme => props => ({ color: props.color ?? theme.color }))
  * const DynamicSansTheme = styled(Text)(_theme => props => ({ color: props.color }))
  * ```
+ *
+ * @deprecated Use `cacheStyles` for styles, or if there really is a needed
+ * abstraction, create a new full component (but think about it atleast three
+ * times before you do).
  */
 export function styled<BaseProps extends StyleProps>(
   Component: React.ComponentType<BaseProps>