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
marigold-ui · Oct 30, 2024 · 80a9f5b · 80a9f5b
1 parent 8892d06
commit 80a9f5b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/.changeset/dirty-flies-tan.md 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
@@ -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
@@ -74,7 +74,7 @@ const _Text = ({
   return (
     <Component
       {...props}
-      elementType={as}
+      elementType={props.slot ? as : undefined}
       className={cn(
         'text-[--color] outline-[--outline]',
         classNames,