Update all snapshots

DigitecGalaxus · Dec 2, 2024 · 5944fd1 · 5944fd1
1 parent f18289d
commit 5944fd1
Show file tree

Hide file tree

Showing 12 changed files with 24 additions and 24 deletions.
diff --git a/packages/yak-swc/yak_swc/tests/fixture/complex-nested-structure/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/complex-nested-structure/output.tsx
@@ -1,4 +1,4 @@
-import { styled } from "next-yak/internal";
+import { __yak_article } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const ArticleCard = /*YAK Extracted CSS:
 .ArticleCard {
@@ -52,4 +52,4 @@ export const ArticleCard = /*YAK Extracted CSS:
     }
   }
 }
-*/ /*#__PURE__*/ styled.article(__styleYak.ArticleCard);
+*/ /*#__PURE__*/ __yak_article(__styleYak.ArticleCard);
diff --git a/packages/yak-swc/yak_swc/tests/fixture/css-grid-layout/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/css-grid-layout/output.tsx
@@ -1,4 +1,4 @@
-import { styled } from "next-yak/internal";
+import { __yak_div } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const GridLayout = /*YAK Extracted CSS:
 .GridLayout {
@@ -56,4 +56,4 @@ export const GridLayout = /*YAK Extracted CSS:
     text-align: center;
   }
 }
-*/ /*#__PURE__*/ styled.div(__styleYak.GridLayout);
+*/ /*#__PURE__*/ __yak_div(__styleYak.GridLayout);
diff --git a/packages/yak-swc/yak_swc/tests/fixture/css-variables/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/css-variables/output.tsx
@@ -1,4 +1,4 @@
-import { __yak_button } from "next-yak/internal";
+import { __yak_button, __yak_div } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const ThemedButton = /*YAK Extracted CSS:
 .ThemedButton {
@@ -20,4 +20,4 @@ export const ThemeProvider = /*YAK Extracted CSS:
   --secondary-color: #6c757d;
   --font-size-base: 16px;
 }
-*/ /*#__PURE__*/ styled.div(__styleYak.ThemeProvider);
+*/ /*#__PURE__*/ __yak_div(__styleYak.ThemeProvider);
diff --git a/packages/yak-swc/yak_swc/tests/fixture/dynamic-prop-error/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/dynamic-prop-error/output.tsx
@@ -1,12 +1,12 @@
-import { styled, __yak_unitPostFix } from "next-yak/internal";
+import { __yak_div, __yak_unitPostFix } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const FlexContainer = /*YAK Extracted CSS:
 .FlexContainer {
   display: flex;
   z-index: var(--FlexContainer__z-index_m7uBBu);
   margin-bottom: var(--FlexContainer__margin-bottom_m7uBBu);
 }
-*/ /*#__PURE__*/ styled.div(__styleYak.FlexContainer, {
+*/ /*#__PURE__*/ __yak_div(__styleYak.FlexContainer, {
     "style": {
         "--FlexContainer__margin-bottom_m7uBBu": __yak_unitPostFix(spacing[40].toString(), "px"),
         "--FlexContainer__z-index_m7uBBu": getZIndex()

diff --git a/packages/yak-swc/yak_swc/tests/fixture/keyframe-animations-function/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/keyframe-animations-function/output.tsx
@@ -1,4 +1,4 @@
-import { styled, css, keyframes } from "next-yak/internal";
+import { css, keyframes, __yak_p } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const FadeInText = /*YAK Extracted CSS:
 .FadeInText__$reverse {
@@ -11,7 +11,7 @@ export const FadeInText = /*YAK Extracted CSS:
   font-size: 18px;
   color: #333;
 }
-*/ /*#__PURE__*/ styled.p(__styleYak.FadeInText, ({ $reverse })=>$reverse ? /*#__PURE__*/ css(__styleYak.FadeInText__$reverse) : /*#__PURE__*/ css(__styleYak.FadeInText__not_$reverse));
+*/ /*#__PURE__*/ __yak_p(__styleYak.FadeInText, ({ $reverse })=>$reverse ? /*#__PURE__*/ css(__styleYak.FadeInText__$reverse) : /*#__PURE__*/ css(__styleYak.FadeInText__not_$reverse));
 const fadeIn = /*YAK Extracted CSS:
 @keyframes fadeIn {
   from {

diff --git a/packages/yak-swc/yak_swc/tests/fixture/keyframe-animations-object/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/keyframe-animations-object/output.tsx
@@ -1,4 +1,4 @@
-import { css, keyframes, __yak_button } from "next-yak/internal";
+import { css, keyframes, __yak_button, __yak_p } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const FadeInText = /*YAK Extracted CSS:
 .FadeInText__$reverse {
@@ -11,7 +11,7 @@ export const FadeInText = /*YAK Extracted CSS:
   font-size: 18px;
   color: #333;
 }
-*/ /*#__PURE__*/ styled.p(__styleYak.FadeInText, ({ $reverse })=>$reverse ? /*#__PURE__*/ css(__styleYak.FadeInText__$reverse) : /*#__PURE__*/ css(__styleYak.FadeInText__not_$reverse));
+*/ /*#__PURE__*/ __yak_p(__styleYak.FadeInText, ({ $reverse })=>$reverse ? /*#__PURE__*/ css(__styleYak.FadeInText__$reverse) : /*#__PURE__*/ css(__styleYak.FadeInText__not_$reverse));
 const animations = {
     fadeIn: /*YAK Extracted CSS:
 @keyframes animations_fadeIn {

diff --git a/packages/yak-swc/yak_swc/tests/fixture/keyframe-animations/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/keyframe-animations/output.tsx
@@ -1,4 +1,4 @@
-import { styled, keyframes } from "next-yak/internal";
+import { keyframes, __yak_p } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 const fadeIn = /*YAK Extracted CSS:
 @keyframes fadeIn {
@@ -16,4 +16,4 @@ export const FadeInText = /*YAK Extracted CSS:
   font-size: 18px;
   color: #333;
 }
-*/ /*#__PURE__*/ styled.p(__styleYak.FadeInText);
+*/ /*#__PURE__*/ __yak_p(__styleYak.FadeInText);
diff --git a/packages/yak-swc/yak_swc/tests/fixture/media-queries/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/media-queries/output.tsx
@@ -1,4 +1,4 @@
-import { styled } from "next-yak/internal";
+import { __yak_div } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const ResponsiveGrid = /*YAK Extracted CSS:
 .ResponsiveGrid {
@@ -13,4 +13,4 @@ export const ResponsiveGrid = /*YAK Extracted CSS:
     grid-template-columns: repeat(3, 1fr);
   }
 }
-*/ /*#__PURE__*/ styled.div(__styleYak.ResponsiveGrid);
+*/ /*#__PURE__*/ __yak_div(__styleYak.ResponsiveGrid);
diff --git a/packages/yak-swc/yak_swc/tests/fixture/nested-dynamic-mixin/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/nested-dynamic-mixin/output.tsx
@@ -1,4 +1,4 @@
-import { styled, css, __yak_unitPostFix } from "next-yak/internal";
+import { css, __yak_div, __yak_unitPostFix } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 // example taken from https://github.com/jantimon/next-yak/issues/208 
 const spacing = "20px";
@@ -18,7 +18,7 @@ const ContainerFluid = /*YAK Extracted CSS:
 .ContainerFluid {
   margin-top: var(--ContainerFluid__margin-top_m7uBBu);
 }
-*/ /*#__PURE__*/ styled.div(__styleYak.ContainerFluid, ({ $isApp, $pageHeaderHeight })=>$isApp ? /*#__PURE__*/ css(__styleYak.ContainerFluid__$isApp) : /*#__PURE__*/ css(__styleYak.ContainerFluid__not_$isApp), {
+*/ /*#__PURE__*/ __yak_div(__styleYak.ContainerFluid, ({ $isApp, $pageHeaderHeight })=>$isApp ? /*#__PURE__*/ css(__styleYak.ContainerFluid__$isApp) : /*#__PURE__*/ css(__styleYak.ContainerFluid__not_$isApp), {
     "style": {
         "--ContainerFluid__margin-top_m7uBBu": __yak_unitPostFix(({ $pageHeaderHeight })=>$pageHeaderHeight, "px")
     }

diff --git a/packages/yak-swc/yak_swc/tests/fixture/nested-selectors/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/nested-selectors/output.tsx
@@ -1,4 +1,4 @@
-import { styled } from "next-yak/internal";
+import { __yak_div } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const Card = /*YAK Extracted CSS:
 .Card {
@@ -29,4 +29,4 @@ export const Card = /*YAK Extracted CSS:
     }
   }
 }
-*/ /*#__PURE__*/ styled.div(__styleYak.Card);
+*/ /*#__PURE__*/ __yak_div(__styleYak.Card);
diff --git a/packages/yak-swc/yak_swc/tests/fixture/props-and-dynamic-styles/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/props-and-dynamic-styles/output.tsx
@@ -1,4 +1,4 @@
-import { styled, css, __yak_unitPostFix } from "next-yak/internal";
+import { css, __yak_div, __yak_unitPostFix } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 export const FlexContainer = /*YAK Extracted CSS:
 .FlexContainer {
@@ -14,7 +14,7 @@ export const FlexContainer = /*YAK Extracted CSS:
 .FlexContainer__ {
   bottom: var(--FlexContainer__bottom_m7uBBu);
 }
-*/ /*#__PURE__*/ styled.div(__styleYak.FlexContainer, ({ $bottom })=>/*#__PURE__*/ css(__styleYak.FlexContainer__, {
+*/ /*#__PURE__*/ __yak_div(__styleYak.FlexContainer, ({ $bottom })=>/*#__PURE__*/ css(__styleYak.FlexContainer__, {
         "style": {
             "--FlexContainer__bottom_m7uBBu": __yak_unitPostFix($bottom * 20, "%")
         }

diff --git a/packages/yak-swc/yak_swc/tests/fixture/theming-with-context/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/theming-with-context/output.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { styled } from "next-yak/internal";
+import { __yak_div } from "next-yak/internal";
 import __styleYak from "./input.yak.module.css!=!./input?./input.yak.module.css";
 const ThemedComponent = /*YAK Extracted CSS:
 .ThemedComponent {
@@ -8,7 +8,7 @@ const ThemedComponent = /*YAK Extracted CSS:
   padding: 20px;
   border-radius: 8px;
 }
-*/ /*#__PURE__*/ styled.div(__styleYak.ThemedComponent, {
+*/ /*#__PURE__*/ __yak_div(__styleYak.ThemedComponent, {
     "style": {
         "--ThemedComponent__background-color_m7uBBu": (props)=>props.theme.background,
         "--ThemedComponent__color_m7uBBu": (props)=>props.theme.text