Variant for slot doesn't work

[twawszczak]

Search keywords

variants, slots, props, evaluation

Latest version

• I have tested the latest version

Steps to reproduce

Link to live example: https://stackblitz.com/edit/github-nynfvf?file=src%2Fthene.ts

Steps:

1. Customize theme with components => MuiSelect => styleOverrides
2. Define a variant for root and icon slots, both with props: props: { size: 'small' }

Current behavior

Variant for root is recognized and applied, for icon - it's not

Expected behavior

As far as I understand, also a variant for a slot should work.

Context

I tried for the icon a hardcoded props evaluation:

props: () => true

and it works. I also debugged size prop evaluation with:

props: ({ size }) => console.log(size)

and initially it has correct value small but immediately during next evaluation it's undefined What's surprising for me, it behaves exactly the same for root, but doesn't break variant's styling for root 🤔

Your environment

No response