From f9968166530bdd7f43da3a40840ab3077b67753a Mon Sep 17 00:00:00 2001
From: Luca Schneider <luca.schneider@gmx.ch>
Date: Thu, 19 Dec 2024 15:35:01 +0100
Subject: [PATCH] Rename dynamic to conditional

---
 .changeset/red-rats-double.md                 |  2 +-
 packages/example/app/page.tsx                 |  2 +-
 .../runtime/__tests__/cssPropTest.tsx         | 32 +++++++++----------
 .../input.tsx                                 |  0
 .../output.dev.tsx                            |  0
 .../output.prod.tsx                           |  0
 6 files changed, 18 insertions(+), 18 deletions(-)
 rename packages/yak-swc/yak_swc/tests/fixture/{css-prop-dynamic => css-prop-conditional}/input.tsx (100%)
 rename packages/yak-swc/yak_swc/tests/fixture/{css-prop-dynamic => css-prop-conditional}/output.dev.tsx (100%)
 rename packages/yak-swc/yak_swc/tests/fixture/{css-prop-dynamic => css-prop-conditional}/output.prod.tsx (100%)

diff --git a/.changeset/red-rats-double.md b/.changeset/red-rats-double.md
index 206f4bda..e1dafcc4 100644
--- a/.changeset/red-rats-double.md
+++ b/.changeset/red-rats-double.md
@@ -3,4 +3,4 @@
 "yak-swc": patch
 ---
 
-Allow dynamic props in css prop
+Enable conditional styling for the css prop
diff --git a/packages/example/app/page.tsx b/packages/example/app/page.tsx
index 5e67beda..ba6d54f0 100644
--- a/packages/example/app/page.tsx
+++ b/packages/example/app/page.tsx
@@ -152,7 +152,7 @@ export default function Home() {
               `}
           `}
         >
-          Dynamic CSS Prop works if this is green
+          Conditional CSS Prop works if this is green
         </p>
         <Inputs />
       </main>
diff --git a/packages/next-yak/runtime/__tests__/cssPropTest.tsx b/packages/next-yak/runtime/__tests__/cssPropTest.tsx
index ade884a4..8b6850fc 100644
--- a/packages/next-yak/runtime/__tests__/cssPropTest.tsx
+++ b/packages/next-yak/runtime/__tests__/cssPropTest.tsx
@@ -111,6 +111,7 @@ const ComponentWithInterpolatedCSS = () => {
   );
 };
 
+<<<<<<< HEAD
 const Text = styled.p`
   font-size: 20px;
   font-weight: bold;
@@ -129,7 +130,7 @@ const StyledComponentWithCSSProp = () => {
   </div>;
 };
 
-const ComponentWithDynamicCSSButWithoutOwnProps = () => {
+const ComponentWithConditionalCSSButWithoutOwnProps = () => {
   const x = Math.random() > 0.5;
   return (
     <div
@@ -144,7 +145,7 @@ const ComponentWithDynamicCSSButWithoutOwnProps = () => {
   );
 };
 
-const ComponentWithDynamicCSSVarsButWithoutOwnProps = () => {
+const ComponentWithConditionalCSSVarsButWithoutOwnProps = () => {
   const x = Math.random() > 0.5;
   return (
     <div
@@ -155,7 +156,7 @@ const ComponentWithDynamicCSSVarsButWithoutOwnProps = () => {
   );
 };
 
-const ComponentWithDynamicCSSWithOwnPropsShouldGenerateTypeError = () => {
+const ComponentWithDynamicCSSShouldGenerateTypeError = () => {
   return (
     <div
       // @ts-expect-error - properties not supported
@@ -174,16 +175,15 @@ const dynamicMixin = css<{ $primary: boolean }>`
     `}
 `;
 
-const ComponentWithCSSThatUsesDynamicMixinWithOwnPropsShouldGenerateTypeError =
-  () => {
-    return (
-      <div
-        css={css`
-          ${
-            // @ts-expect-error - properties not supported
-            dynamicMixin
-          }
-        `}
-      />
-    );
-  };
+const ComponentWithCSSThatUsesDynamicMixinShouldGenerateTypeError = () => {
+  return (
+    <div
+      css={css`
+        ${
+          // @ts-expect-error - properties not supported
+          dynamicMixin
+        }
+      `}
+    />
+  );
+};
diff --git a/packages/yak-swc/yak_swc/tests/fixture/css-prop-dynamic/input.tsx b/packages/yak-swc/yak_swc/tests/fixture/css-prop-conditional/input.tsx
similarity index 100%
rename from packages/yak-swc/yak_swc/tests/fixture/css-prop-dynamic/input.tsx
rename to packages/yak-swc/yak_swc/tests/fixture/css-prop-conditional/input.tsx
diff --git a/packages/yak-swc/yak_swc/tests/fixture/css-prop-dynamic/output.dev.tsx b/packages/yak-swc/yak_swc/tests/fixture/css-prop-conditional/output.dev.tsx
similarity index 100%
rename from packages/yak-swc/yak_swc/tests/fixture/css-prop-dynamic/output.dev.tsx
rename to packages/yak-swc/yak_swc/tests/fixture/css-prop-conditional/output.dev.tsx
diff --git a/packages/yak-swc/yak_swc/tests/fixture/css-prop-dynamic/output.prod.tsx b/packages/yak-swc/yak_swc/tests/fixture/css-prop-conditional/output.prod.tsx
similarity index 100%
rename from packages/yak-swc/yak_swc/tests/fixture/css-prop-dynamic/output.prod.tsx
rename to packages/yak-swc/yak_swc/tests/fixture/css-prop-conditional/output.prod.tsx