Icon Typing is not Compatible with Svelte 5

[BOJIT]

Hi,

With the update to Svelte 5, the type signature for base Svelte components is a function rather than a class. See this paragraph for details.

This means that when trying to pass Carbon Icons as a prop/field in an object, they cannot be typed correctly, as the Carbon icons extend from CarbonIcon which descends from the deprecated SvelteComponentTyped.

The suggested approach is to change the typing of each generated icon from:

export declare class ExampleIcon extends CarbonIcon {}

to

export declare const ExampleIcon: Component<CarbonIconProps>

This ensures that the correct typings are inferred.

Not sure the best way of including this sort of typing. I've generally only used Svelte's automatic typing in the past.

Kind regards,
James

[metonym]

Hello, thank you for reporting this, with a detailed repro and docs source.

I think it makes sense to move away from SvelteComponentTyped. I'll triage this and see if the const Component approach is backwards-compatible (it should be).