feat(motion): add interactive micro-feedback
This commit is contained in:
@@ -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 }>;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user