diff --git a/packages/next-yak/runtime/__tests__/cssPropTest.tsx b/packages/next-yak/runtime/__tests__/cssPropTest.tsx index 886dbcd2..3d0e8dd0 100644 --- a/packages/next-yak/runtime/__tests__/cssPropTest.tsx +++ b/packages/next-yak/runtime/__tests__/cssPropTest.tsx @@ -136,3 +136,36 @@ const ComponentWithDynamicCSSVarsButWithoutOwnProps = () => { /> ); }; + +const ComponentWithDynamicCSSWithOwnPropsShouldGenerateTypeError = () => { + return ( +
` + padding: ${({ $primary }) => $primary && "20px"}; + `} + /> + ); +}; + +const dynamicMixin = css<{ $primary: boolean }>` + ${({ $primary }) => + $primary && + css` + font-size: 1.7rem; + `} +`; + +const ComponentWithCSSThatUsesDynamicMixinWithOwnPropsShouldGenerateTypeError = + () => { + return ( +
+ ); + };