uzor 1.0.20

Core UI engine — geometry, interaction, input state
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

//! macOS typography scale (SF Pro font family)
//!
//! 12-level hierarchy from Large Title (34px) to Caption 2 (11px)

/// Font weight
#[derive(Clone, Copy, Debug, PartialEq, Eq)]
pub enum FontWeight {
    Regular,
    Medium,
    Semibold,
    Bold,
}

/// Typography level in the macOS hierarchy
#[derive(Clone, Copy, Debug, PartialEq, Eq)]
pub enum TypographyLevel {
    LargeTitle,
    Title1,
    Title2,
    Title3,
    Headline,
    Body,
    Callout,
    Subheadline,
    Footnote,
    Caption1,
    Caption2,
    Monospaced,
}

/// Get font size in pixels for a typography level
pub fn font_size(level: TypographyLevel) -> f64 {
    match level {
        TypographyLevel::LargeTitle => 34.0,
        TypographyLevel::Title1 => 28.0,
        TypographyLevel::Title2 => 22.0,
        TypographyLevel::Title3 => 20.0,
        TypographyLevel::Headline => 17.0,
        TypographyLevel::Body => 13.0,
        TypographyLevel::Callout => 13.0,
        TypographyLevel::Subheadline => 12.0,
        TypographyLevel::Footnote => 11.0,
        TypographyLevel::Caption1 => 11.0,
        TypographyLevel::Caption2 => 11.0,
        TypographyLevel::Monospaced => 13.0,
    }
}

/// Get font weight for a typography level
pub fn font_weight(level: TypographyLevel) -> FontWeight {
    match level {
        TypographyLevel::LargeTitle => FontWeight::Regular,
        TypographyLevel::Title1 => FontWeight::Regular,
        TypographyLevel::Title2 => FontWeight::Regular,
        TypographyLevel::Title3 => FontWeight::Regular,
        TypographyLevel::Headline => FontWeight::Bold,
        TypographyLevel::Body => FontWeight::Regular,
        TypographyLevel::Callout => FontWeight::Regular,
        TypographyLevel::Subheadline => FontWeight::Regular,
        TypographyLevel::Footnote => FontWeight::Regular,
        TypographyLevel::Caption1 => FontWeight::Medium,
        TypographyLevel::Caption2 => FontWeight::Regular,
        TypographyLevel::Monospaced => FontWeight::Regular,
    }
}

/// Generate a CSS-style font string for use with RenderContext::set_font
pub fn font_string(level: TypographyLevel) -> String {
    let size = font_size(level);
    let weight = font_weight(level);
    let weight_str = match weight {
        FontWeight::Regular => "",
        FontWeight::Medium => "500 ",
        FontWeight::Semibold => "600 ",
        FontWeight::Bold => "bold ",
    };
    let family = if matches!(level, TypographyLevel::Monospaced) {
        "monospace"
    } else {
        "sans-serif"
    };
    format!("{weight_str}{size}px {family}")
}

/// Line height multiplier for a typography level
pub fn line_height(level: TypographyLevel) -> f64 {
    match level {
        TypographyLevel::LargeTitle => 41.0,
        TypographyLevel::Title1 => 34.0,
        TypographyLevel::Title2 => 28.0,
        TypographyLevel::Title3 => 25.0,
        TypographyLevel::Headline => 22.0,
        TypographyLevel::Body => 16.0,
        TypographyLevel::Callout => 16.0,
        TypographyLevel::Subheadline => 16.0,
        TypographyLevel::Footnote => 14.0,
        TypographyLevel::Caption1 => 14.0,
        TypographyLevel::Caption2 => 13.0,
        TypographyLevel::Monospaced => 16.0,
    }
}