[fix](@svelteui/core): broken Collapse animations with Svelte 4

svelteuidev · Aug 20, 2023 · abd1341 · abd1341
1 parent 5b0028c
commit abd1341
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/svelteui-core/src/components/Collapse/Collapse.svelte b/packages/svelteui-core/src/components/Collapse/Collapse.svelte
@@ -34,13 +34,13 @@ A section that collapses with animation, occupying no space on the page.
 <Box class={className} bind:element css={override} {use} {...$$restProps}>
 	{#if open}
 		{#if animateOpacity}
-			<div transition:fade={{ duration: transitionDuration }}>
-				<div transition:slide={slideTransitionOptions} use:forwardEvents>
+			<div transition:fade|global={{ duration: transitionDuration }}>
+				<div transition:slide|global={slideTransitionOptions} use:forwardEvents>
 					<slot />
 				</div>
 			</div>
 		{:else}
-			<div transition:slide={slideTransitionOptions} use:forwardEvents>
+			<div transition:slide|global={slideTransitionOptions} use:forwardEvents>
 				<slot />
 			</div>
 		{/if}

diff --git a/packages/svelteui-core/src/components/Progress/Progress.stories.svelte b/packages/svelteui-core/src/components/Progress/Progress.stories.svelte
@@ -11,6 +11,8 @@
 
 <Story name="Menu" id="progressStory" args={{ value: 40 }} />
 
+<Story name="With label" id="progressLabelStory" args={{ size: 'xl', value: 25, label: '25%' }} />
+
 <Story name="Sections" id="progressSectionsStory">
 	<Progress
 		size="xl"