mirror of
https://github.com/openswarm-ai/openswarm.git
synced 2026-09-10 11:47:43 +02:00
defluff (frontend + backend): strip em-dashes + shorten docstrings + drop dead UI files (cosmetic only, no schedule code)
This commit is contained in:
@@ -1,35 +1,30 @@
|
||||
// Single source of truth for animation timing + easing across the app.
|
||||
// Mixing one-off durations / curves makes the chrome feel like several
|
||||
// different products glued together; tokenizing makes everything land
|
||||
// the same way.
|
||||
//
|
||||
// Pair with `useReducedMotion()` to respect OS-level "Reduce motion".
|
||||
// Animation timing/easing tokens. Pair with useReducedMotion() for OS "Reduce motion".
|
||||
|
||||
export const DURATION_MS = {
|
||||
/** 60ms — hover state changes, subtle press feedback */
|
||||
/** 60ms: hover, subtle press feedback. */
|
||||
instant: 60,
|
||||
/** 140ms — rows fading in, popovers, tooltip open, status pill swaps */
|
||||
/** 140ms: row fade, popover/tooltip open, status pill swap. */
|
||||
quick: 140,
|
||||
/** 220ms — modal open, page transitions, banners */
|
||||
/** 220ms: modal open, page transitions, banners. */
|
||||
standard: 220,
|
||||
/** 400ms — drawer slide, big layout shifts */
|
||||
/** 400ms: drawer slide, big layout shifts. */
|
||||
slow: 400,
|
||||
/** 1500ms — skeleton pulse + ambient breathing indicators */
|
||||
/** 1500ms: skeleton pulse + ambient breathing. */
|
||||
ambient: 1500,
|
||||
} as const;
|
||||
|
||||
export const EASE = {
|
||||
/** Linear's signature curve. Snappy out, gentle settle. Good default for "thing appears". */
|
||||
/** Linear-style snappy out, gentle settle; good default for things appearing. */
|
||||
out: 'cubic-bezier(0.16, 1, 0.3, 1)',
|
||||
/** MUI / Material default. Symmetric — for things that move both directions. */
|
||||
/** Material symmetric; for two-way motion. */
|
||||
inOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
|
||||
/** Subtle bounce at the end. Use sparingly for delight moments. */
|
||||
/** Subtle bounce; use sparingly. */
|
||||
spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
|
||||
/** Gentle breathing curve for ambient pulses. */
|
||||
/** Gentle breathing curve. */
|
||||
pulse: 'cubic-bezier(0.4, 0, 0.6, 1)',
|
||||
} as const;
|
||||
|
||||
/** Framer-motion uses array-form easing. Same curves as EASE above. */
|
||||
/** Array-form easing for framer-motion; same curves as EASE. */
|
||||
export const FRAMER_EASE = {
|
||||
out: [0.16, 1, 0.3, 1] as [number, number, number, number],
|
||||
inOut: [0.4, 0, 0.2, 1] as [number, number, number, number],
|
||||
@@ -37,7 +32,7 @@ export const FRAMER_EASE = {
|
||||
pulse: [0.4, 0, 0.6, 1] as [number, number, number, number],
|
||||
};
|
||||
|
||||
/** Module-scoped fadeIn keyframe. Imported once instead of redefined inline at each callsite. */
|
||||
/** Shared fadeIn keyframe; import once. */
|
||||
export const fadeInKeyframes = {
|
||||
'@keyframes openswarmFadeIn': {
|
||||
from: { opacity: 0 },
|
||||
@@ -45,7 +40,7 @@ export const fadeInKeyframes = {
|
||||
},
|
||||
};
|
||||
|
||||
/** Skeleton + indicator pulse keyframe. Imported once. */
|
||||
/** Shared skeleton/indicator pulse keyframe. */
|
||||
export const pulseKeyframes = {
|
||||
'@keyframes openswarmPulse': {
|
||||
'0%, 100%': { opacity: 0.5 },
|
||||
|
||||
Reference in New Issue
Block a user