Export StyledVariants

[francescovenica]

Search keywords

variants

Latest version

• I have tested the latest version

Summary

Would be possible to export the StyledVariants?

Examples

export const SharedCss: StyledVariants<MyProps> = ({ theme }: ThemeArgs) => ({
  variants: [
    {
      props: { variant: "variant" },
      style: { color: "black" },
    },
  ],
});

export const StyledBtn = styled("button")<ButtonProps>()(SharedCss);
export const StyledLink = styled(Link)<ButtonProps>()(SharedCss);

Motivation

It would be good to be able to create a function like SharedCss and share a piece of css with the theme and the variants working in typescript, another reason would be to split the variants in smaller chunk:

const variantSizes = [...]
const variantType = [...]

export const StyledLink = styled(Link)<ButtonProps>()(() => ({
   variants: [...variantSizes, ...variantType]
}));