gpui-component 0.6.0

GPUI Component: the styled component library of GPUI Kit, with 60+ desktop UI components for GPUI.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

use std::time::Duration;

use gpui::{Rems, rems};
use gpui_base::{Easing, Spring};

/// Semantic motion policy shared by styled components.
#[derive(Clone, Debug)]
pub struct MotionTokens {
    pub duration_instant: Duration,
    pub duration_fast: Duration,
    pub duration_normal: Duration,
    pub duration_slow: Duration,
    pub easing_enter: Easing,
    pub easing_exit: Easing,
    pub easing_move: Easing,
    pub spring_control: Spring,
    pub spring_move: Spring,
    pub distance_short: Rems,
    pub distance_medium: Rems,
}

impl Default for MotionTokens {
    fn default() -> Self {
        Self {
            duration_instant: Duration::ZERO,
            duration_fast: Duration::from_millis(120),
            duration_normal: Duration::from_millis(180),
            duration_slow: Duration::from_millis(280),
            easing_enter: Easing::cubic_bezier(0.16, 1.0, 0.3, 1.0)
                .expect("static enter curve is valid"),
            easing_exit: Easing::cubic_bezier(0.4, 0.0, 1.0, 1.0)
                .expect("static exit curve is valid"),
            easing_move: Easing::cubic_bezier(0.2, 0.0, 0.0, 1.0)
                .expect("static move curve is valid"),
            spring_control: Spring::new(Duration::from_millis(180)),
            spring_move: Spring::new(Duration::from_millis(280))
                .with_damping(0.85)
                .with_epsilon(0.1),
            distance_short: rems(0.25),
            distance_medium: rems(0.5),
        }
    }
}

#[cfg(test)]
mod tests {
    use super::*;

    #[test]
    fn normalized_and_pixel_springs_use_unit_appropriate_tolerances() {
        let motion = MotionTokens::default();

        assert!(motion.spring_control.epsilon() < 0.01);
        assert_eq!(motion.spring_move.epsilon(), 0.1);
    }
}