changes timing function for progress ring animation

brave · Oct 12, 2023 · d76302b · d76302b
1 parent f317cc6
commit d76302b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/progress/progressRing.stories.svelte b/src/components/progress/progressRing.stories.svelte
@@ -15,6 +15,10 @@
       type: 'string',
       description: 'The rate that the indeterminate spinner spins at'
     },
+    '--leo-progressring-easing': {
+      type: 'string',
+      description: 'The easing function that the indeterminate spinner uses'
+    },
     '--leo-progressring-color': {
       type: 'string',
       control: 'color',

diff --git a/src/components/progress/progressRing.svelte b/src/components/progress/progressRing.svelte
@@ -84,7 +84,7 @@
       animation-duration: var(--spin-rate);
       animation-name: spin;
       animation-iteration-count: infinite;
-      animation-timing-function: linear;
+      animation-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
     }
 
     circle {