feat(motion): add interactive micro-feedback

This commit is contained in:
2026-03-20 17:44:20 +08:00
parent 142f4a399a
commit 36822f05e0
17 changed files with 144 additions and 62 deletions
+8 -8
View File
@@ -18,19 +18,19 @@ export const themeDetails = {
}
} as const satisfies Record<ThemeName, { label: string; note: string }>;
export const motionModeNames = ["default", "reduced"] as const;
export const motionModeNames = ["interactive", "static"] as const;
export type MotionModeName = (typeof motionModeNames)[number];
export const defaultMotionMode: MotionModeName = "default";
export const defaultMotionMode: MotionModeName = "interactive";
export const motionModeDetails = {
default: {
label: "Default",
note: "Standard Cadence UI motion for hover, press, overlays, and hierarchy"
interactive: {
label: "Interactive",
note: "Micro-interactions with hover lift, press feedback, focus transitions, and animated state changes"
},
reduced: {
label: "Reduced",
note: "Collapse durations, distances, and animated feedback"
static: {
label: "Static",
note: "Keep visual states readable while removing motion-heavy feedback and animation"
}
} as const satisfies Record<MotionModeName, { label: string; note: string }>;