Link: do not render <p>

[theetrain]

Original report: #1908 (comment)

Issue

Svelte 5 yields a compiler error for <Link> because <div> is an invalid descendent of <p>, which is correct as per W3 spec.

I recommend we align behaviour with Carbon React:

• When disabled, render an <a aria-disabled="true"> (⚠️ breaking change since <p> has different layout behaviour)

Reference:

carbon-components-svelte/src/Link/Link.svelte

Lines 37 to 60 in 96aef17

	{#if disabled}
	<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
	<p
	bind:this="{ref}"
	class:bx--link="{true}"
	class:bx--link--disabled="{disabled}"
	class:bx--link--inline="{inline}"
	class:bx--link--visited="{visited}"
	{...$$restProps}
	on:click
	on:mouseover
	on:mouseenter
	on:mouseleave
	>
	<slot />
	{#if !inline && ($$slots.icon || icon)}
	<div class:bx--link__icon="{true}">
	<slot name="icon">
	<svelte:component this="{icon}" />
	</slot>
	</div>
	{/if}
	</p>
	{:else}

Reproduction

Demo: https://stackblitz.com/edit/sveltejs-kit-template-default-mxnwjf?file=src%2Froutes%2F%2Bpage.svelte

Screenshot:

[metonym]

Yes, I think it makes sense to fix this for <v1 if it's blocking Svelte 5 usage.

[theetrain]

Fix was released in v0.83.0.