From 80a9f5b4d77aab6c706aa0a3caec0906b053a715 Mon Sep 17 00:00:00 2001
From: Sebastian Sebald <sebastian.sebald@reservix.de>
Date: Wed, 30 Oct 2024 08:31:35 +0100
Subject: [PATCH] fix(Text): Only apply `elementType` when RAC Text component
 is used. (#4270)

* fix(Text): Only apply `elementType` when RAC Text component is used.

* update snapshots

* Create dirty-flies-tan.md
---
 .changeset/dirty-flies-tan.md              | 5 +++++
 packages/components/src/Text/Text.test.tsx | 1 -
 packages/components/src/Text/Text.tsx      | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/dirty-flies-tan.md

diff --git a/.changeset/dirty-flies-tan.md b/.changeset/dirty-flies-tan.md
new file mode 100644
index 0000000000..bf85a5d264
--- /dev/null
+++ b/.changeset/dirty-flies-tan.md
@@ -0,0 +1,5 @@
+---
+"@marigold/components": patch
+---
+
+fix(Text): Only apply `elementType` when RAC Text component is used.
diff --git a/packages/components/src/Text/Text.test.tsx b/packages/components/src/Text/Text.test.tsx
index ef4dc027a0..72a0a2b8b5 100644
--- a/packages/components/src/Text/Text.test.tsx
+++ b/packages/components/src/Text/Text.test.tsx
@@ -94,7 +94,6 @@ test('get theme color', () => {
 <div
   class="text-[--color] outline-[--outline] font-["Oswald_Regular"]"
   data-testid="text"
-  elementtype="div"
   style="--color: rgb(5 150 105);"
 />
 `);
diff --git a/packages/components/src/Text/Text.tsx b/packages/components/src/Text/Text.tsx
index 9f07e28f29..a8c4909eac 100644
--- a/packages/components/src/Text/Text.tsx
+++ b/packages/components/src/Text/Text.tsx
@@ -74,7 +74,7 @@ const _Text = ({
   return (
     <Component
       {...props}
-      elementType={as}
+      elementType={props.slot ? as : undefined}
       className={cn(
         'text-[--color] outline-[--outline]',
         classNames,