Can not define more than one rules for dynamically emotion css

[nightire]

Consider this snippet:

import { computed } from 'ember-emotion';
import { isNone } from '@ember/utils';
import { alpha } from 'os-client/helpers/alpha';

const computeMaxWidth = context => {
  if (isNone(context.survey.theme)) return 'none';
  return context.survey.theme.container_width;
};

const computeBackground = context => {
  if (isNone(context.survey.theme)) return 'none';
  const { primary } = context.survey.theme;
  return `linear-gradient(to top, ${alpha([primary, 0.1])}, ${alpha([primary, 0.3])})`;
};

export const test = computed('survey.theme') `
  max-width: ${computeMaxWidth};
  background: ${computeBackground};
`;

I do not see any problems (or am I too dumb?) here, but the result is empty. However, if I remove max-width or background rule, the other one can be generated correctly. I am so confusing, where did I go wrong?

[alexlafroscia]

Hey -- sorry I never responded to this, I thought I had. I'm going to look into fixing this. Thanks for reporting!

[alexlafroscia]

🎉 This issue has been resolved in version 4.0.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀