Svelte is not detecting used classes.

[ievgennaida]

Describe the bug

I have a button from one of the svelte frameworks that has class.
Svelte is not detecting properly that style is used.
-> Unused CSS selector ".upload-button"svelte(css-unused-selector)

Using class on a div will resolve an issue! Only custom properties are failing!

"svelte": "4.2.10",
"svelte-check": "3.6.3",

Reproduction

<style> .upload-button { width: 130px; display: inline-block; } </style>

Logs

Unused CSS selector ".upload-button"svelte(css-unused-selector)

System Info

  Windows
    "svelte": "4.2.10",
    "svelte-check": "3.6.3",

Severity

blocking all usage of svelte

[Prinzhorn]

Can you please provide actual steps to reproduce? Preferably as REPL. My guess is that you are using a component that has a class prop, which would be a duplicate of:

https://github.com/search?q=repo%3Asveltejs%2Fsvelte+class+prop+css-unused-selector&type=issues

#7763
#2870
#8345

[ievgennaida]

Can you please provide actual steps to reproduce? Preferably as REPL. My guess is that you are using a component that has a class prop, which would be a duplicate of:

https://github.com/search?q=repo%3Asveltejs%2Fsvelte+class+prop+css-unused-selector&type=issues

#7763
#2870
#8345

In one of the answers an awful solution is mentioned with some hacky language and extra wrappings to accomplish basic things. Any reason why this check cannot work or be a flag for the compiler to understand components props?

[Rich-Harris]

no repro = close issue