orbital-base-components 0.1.1

Headless base primitives for Orbital — structure, semantics, and accessibility
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

use super::{SpacingHorizontal, SpacingVertical};

/// Theme-aware padding or margin on all sides using Orbital spacing tokens.
#[derive(Clone, Copy, Debug, PartialEq, Eq)]
pub enum SpacingInset {
    /// Same horizontal and vertical theme token (e.g. card body padding).
    Symmetric {
        horizontal: SpacingHorizontal,
        vertical: SpacingVertical,
    },
    /// Fixed pixel inset on all sides (escape hatch; prefer theme tokens).
    UniformPx(u16),
}

impl SpacingInset {
    pub fn symmetric(horizontal: SpacingHorizontal, vertical: SpacingVertical) -> Self {
        Self::Symmetric {
            horizontal,
            vertical,
        }
    }

    pub fn all_m() -> Self {
        Self::Symmetric {
            horizontal: SpacingHorizontal::M,
            vertical: SpacingVertical::M,
        }
    }

    pub fn all_l() -> Self {
        Self::Symmetric {
            horizontal: SpacingHorizontal::L,
            vertical: SpacingVertical::L,
        }
    }

    pub fn uniform_px(px: u16) -> Self {
        Self::UniformPx(px)
    }

    pub fn padding_css(self) -> String {
        self.box_css("padding")
    }

    pub fn margin_css(self) -> String {
        self.box_css("margin")
    }

    fn box_css(self, property: &str) -> String {
        match self {
            Self::Symmetric {
                horizontal,
                vertical,
            } => format!(
                "{property}: {} {};",
                vertical.css_var(),
                horizontal.css_var()
            ),
            Self::UniformPx(px) => format!("{property}: {px}px;"),
        }
    }
}