From dfb0c05ab33cb20537002eaeb896e6b2ab35af25 Mon Sep 17 00:00:00 2001 From: nexxeln <95541290+nexxeln@users.noreply.github.com> Date: Tue, 2 Dec 2025 18:37:24 +0000 Subject: add spaces selector with search (#600) relevant files to review: \- memory-graph.tsx \- spaces-dropdown.tsx \- spaces-dropdown.css.ts --- packages/memory-graph/src/styles/animations.css.ts | 26 +++++++++++----------- 1 file changed, 13 insertions(+), 13 deletions(-) (limited to 'packages/memory-graph/src/styles/animations.css.ts') diff --git a/packages/memory-graph/src/styles/animations.css.ts b/packages/memory-graph/src/styles/animations.css.ts index d9430ec4..53444052 100644 --- a/packages/memory-graph/src/styles/animations.css.ts +++ b/packages/memory-graph/src/styles/animations.css.ts @@ -1,4 +1,4 @@ -import { keyframes } from "@vanilla-extract/css"; +import { keyframes } from "@vanilla-extract/css" /** * Animation keyframes @@ -8,12 +8,12 @@ import { keyframes } from "@vanilla-extract/css"; export const fadeIn = keyframes({ from: { opacity: 0 }, to: { opacity: 1 }, -}); +}) export const fadeOut = keyframes({ from: { opacity: 1 }, to: { opacity: 0 }, -}); +}) export const slideInFromRight = keyframes({ from: { @@ -24,7 +24,7 @@ export const slideInFromRight = keyframes({ transform: "translateX(0)", opacity: 1, }, -}); +}) export const slideInFromLeft = keyframes({ from: { @@ -35,7 +35,7 @@ export const slideInFromLeft = keyframes({ transform: "translateX(0)", opacity: 1, }, -}); +}) export const slideInFromTop = keyframes({ from: { @@ -46,7 +46,7 @@ export const slideInFromTop = keyframes({ transform: "translateY(0)", opacity: 1, }, -}); +}) export const slideInFromBottom = keyframes({ from: { @@ -57,12 +57,12 @@ export const slideInFromBottom = keyframes({ transform: "translateY(0)", opacity: 1, }, -}); +}) export const spin = keyframes({ from: { transform: "rotate(0deg)" }, to: { transform: "rotate(360deg)" }, -}); +}) export const pulse = keyframes({ "0%, 100%": { @@ -71,7 +71,7 @@ export const pulse = keyframes({ "50%": { opacity: 0.5, }, -}); +}) export const bounce = keyframes({ "0%, 100%": { @@ -82,7 +82,7 @@ export const bounce = keyframes({ transform: "translateY(0)", animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)", }, -}); +}) export const scaleIn = keyframes({ from: { @@ -93,7 +93,7 @@ export const scaleIn = keyframes({ transform: "scale(1)", opacity: 1, }, -}); +}) export const scaleOut = keyframes({ from: { @@ -104,7 +104,7 @@ export const scaleOut = keyframes({ transform: "scale(0.95)", opacity: 0, }, -}); +}) export const shimmer = keyframes({ "0%": { @@ -113,4 +113,4 @@ export const shimmer = keyframes({ "100%": { backgroundPosition: "1000px 0", }, -}); +}) -- cgit v1.2.3