fix: legg til manglende easing og timing i motion.ts

fremtind · Sep 7, 2022 · 3ba5ffd · 3ba5ffd
1 parent ff279a2
commit 3ba5ffd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/core/jkl/_motion.scss b/packages/core/jkl/_motion.scss
@@ -1,5 +1,6 @@
 @use "sass:map";
 
+// Oppdater verdier i motion.ts også
 $_easings: (
     "standard": ease,
     "entrance": ease-out,
@@ -21,6 +22,7 @@ $_easings: (
     }
 }
 
+// Oppdater verdier i motion.ts også
 $_timings: (
     "energetic": 75ms,
     "snappy": 100ms,

diff --git a/packages/core/src/utils/motion.ts b/packages/core/src/utils/motion.ts
@@ -5,12 +5,14 @@ export const easings = Object.freeze({
     entrance: "ease-out",
     exit: "ease-in",
     easeInBounceOut: "cubic-bezier(0, 0, 0.375, 1.17)",
+    focus: "cubic-bezier(0.6, 0.2, 0.35, 1)",
 });
 
 export type Timing = keyof typeof timings;
 
 export const timings = Object.freeze({
     energetic: "75ms",
+    snappy: "100ms",
     productive: "150ms",
     expressive: "250ms",
     lazy: "400ms",