synpad 0.1.0

A full-featured Matrix chat client built with Dioxus
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

/// Design tokens for spacing.
pub mod spacing {
    pub const XS: &str = "4px";
    pub const SM: &str = "8px";
    pub const MD: &str = "12px";
    pub const LG: &str = "16px";
    pub const XL: &str = "24px";
    pub const XXL: &str = "32px";
}

/// Design tokens for border radius.
pub mod radius {
    pub const SM: &str = "4px";
    pub const MD: &str = "8px";
    pub const LG: &str = "12px";
    pub const XL: &str = "16px";
    pub const PILL: &str = "999px";
    pub const CIRCLE: &str = "50%";
}

/// Design tokens for font sizes.
pub mod font_size {
    pub const XS: &str = "12px";
    pub const SM: &str = "13px";
    pub const MD: &str = "14px";
    pub const LG: &str = "16px";
    pub const XL: &str = "18px";
    pub const XXL: &str = "24px";
    pub const HEADING: &str = "32px";
}

/// Design tokens for font weights.
pub mod font_weight {
    pub const NORMAL: &str = "400";
    pub const MEDIUM: &str = "500";
    pub const SEMIBOLD: &str = "600";
    pub const BOLD: &str = "700";
}

/// Design tokens for shadows.
pub mod shadow {
    pub const SM: &str = "0 1px 2px rgba(0, 0, 0, 0.1)";
    pub const MD: &str = "0 2px 8px rgba(0, 0, 0, 0.15)";
    pub const LG: &str = "0 4px 16px rgba(0, 0, 0, 0.2)";
    pub const OVERLAY: &str = "0 8px 32px rgba(0, 0, 0, 0.3)";
}

/// Avatar size tokens.
pub mod avatar_size {
    pub const XS: u32 = 24;
    pub const SM: u32 = 32;
    pub const MD: u32 = 36;
    pub const LG: u32 = 48;
    pub const XL: u32 = 64;
    pub const XXL: u32 = 96;
}