orbital-shell 0.1.1

Extractable Orbital application shell: layouts, navigation, and composition helpers
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116

//! Motion duration, easing, and named presets.

/// Durations aligned with the Orbital motion scale.
#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash)]
pub enum MotionDuration {
    Ultrafast,
    Faster,
    Fast,
    Normal,
    Slow,
    Slower,
}

impl MotionDuration {
    pub const fn as_class(self) -> &'static str {
        match self {
            Self::Ultrafast => "orbital-token-motion-ultrafast",
            Self::Faster => "orbital-token-motion-faster",
            Self::Fast => "orbital-token-motion-fast",
            Self::Normal => "orbital-token-motion-normal",
            Self::Slow => "orbital-token-motion-slow",
            Self::Slower => "orbital-token-motion-slower",
        }
    }

    pub const fn as_token(self) -> &'static str {
        match self {
            Self::Ultrafast => "50ms",
            Self::Faster => "100ms",
            Self::Fast => "200ms",
            Self::Normal => "250ms",
            Self::Slow => "400ms",
            Self::Slower => "600ms",
        }
    }
}

/// Easing curves.
#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash)]
pub enum MotionEasing {
    Linear,
    EaseIn,
    EaseOut,
    EaseInOut,
    Decelerate,
    Accelerate,
}

impl MotionEasing {
    pub const fn as_class(self) -> &'static str {
        match self {
            Self::Linear => "orbital-token-ease-linear",
            Self::EaseIn => "orbital-token-ease-in",
            Self::EaseOut => "orbital-token-ease-out",
            Self::EaseInOut => "orbital-token-ease-in-out",
            Self::Decelerate => "orbital-token-ease-decelerate",
            Self::Accelerate => "orbital-token-ease-accelerate",
        }
    }

    pub const fn as_token(self) -> &'static str {
        match self {
            Self::Linear => "linear",
            Self::EaseIn => "ease-in",
            Self::EaseOut => "ease-out",
            Self::EaseInOut => "ease-in-out",
            Self::Decelerate => "cubic-bezier(0, 0, 0, 1)",
            Self::Accelerate => "cubic-bezier(1, 0, 1, 1)",
        }
    }
}

/// Named motion recipes (duration + easing) for marketing surfaces.
#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash)]
pub enum MotionPreset {
    /// Coachmarks, info-label popovers.
    EnterPopover,
    ExitPopover,
    /// Family card on intersection enter.
    RevealCard,
    /// Card hover lift (`translateY(-1px)`).
    HoverLift,
    /// Route transitions between marketing pages.
    TopLevelPageFade,
    /// Capability tab underline slide.
    TabIndicatorSlide,
    /// Sponsor progress bar fill on mount.
    ProgressFill,
}

impl MotionPreset {
    pub const fn as_class(self) -> &'static str {
        match self {
            Self::EnterPopover => "orbital-token-motion-enter-popover",
            Self::ExitPopover => "orbital-token-motion-exit-popover",
            Self::RevealCard => "orbital-token-motion-reveal-card",
            Self::HoverLift => "orbital-token-motion-hover-lift",
            Self::TopLevelPageFade => "orbital-token-motion-page-fade",
            Self::TabIndicatorSlide => "orbital-token-motion-tab-slide",
            Self::ProgressFill => "orbital-token-motion-progress-fill",
        }
    }

    /// CSS `transition` shorthand fragment (property left to caller).
    pub const fn transition_timing(self) -> &'static str {
        match self {
            Self::EnterPopover => "100ms ease-out",
            Self::ExitPopover => "100ms ease-in",
            Self::RevealCard => "250ms ease-out",
            Self::HoverLift => "50ms ease-out",
            Self::TopLevelPageFade => "200ms ease-in-out",
            Self::TabIndicatorSlide => "200ms ease-in-out",
            Self::ProgressFill => "400ms ease-in-out",
        }
    }
}