feat(mdx): remove Themed component

Author: Piotr

MIGRATING.md

@@ -54,6 +54,13 @@ If you are using MDX, this change enables you to use Theme UI together with
   +  import { Themed } from '@theme-ui/mdx'
   ```
 
+**`Themed` object is no longer a component**
+
+_Previously, it was an alias for `Themed.div`._
+
+- **Migration:** Whenever you're using `<Themed />`, use `<Themed.div />`
+  instead.
+
 ## v0.14
 
 - `theme-ui`, `@theme-ui/components` and `@theme-ui/mdx` packages no longer

packages/mdx/src/Themed.tsx

@@ -134,18 +134,8 @@ const createThemedComponent = <Name extends string>(
   return component
 }
 
-interface ThemedDivProps
-  extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {}
-
-interface ThemedDiv {
-  (props: ThemedDivProps): JSX.Element
-}
-
-const _Themed: ThemedDiv = createThemedComponent('div', 'div')
-
 export const defaultMdxComponents = {} as ThemedComponentsDict
-
-export const Themed = _Themed as ThemedDiv & ThemedComponentsDict
+export const Themed: ThemedComponentsDict = {} as ThemedComponentsDict
 
 tags.forEach((tag) => {
   const component = createThemedComponent(alias(tag), tag)