guise-ui 1.5.3

A component library for gpui, Zed's GPU-accelerated UI framework: a themed palette, sizing tokens, 130+ composable components, a reactive state layer, and an in-app Safari-style inspector.
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

//! `Paper` — a raised surface: themed background, radius, padding, optional
//! border and shadow. The base container most other surfaces build on.

use gpui::prelude::*;
use gpui::{div, px, AnyElement, App, Div, IntoElement, Window};

use crate::devtools::Probed;
use crate::theme::{theme, Size};

/// A surface container.
#[derive(IntoElement)]
pub struct Paper {
  children: Vec<AnyElement>,
  padding: Size,
  radius: Option<Size>,
  with_border: bool,
  shadow: Option<Size>,
}

impl Paper {
  pub fn new() -> Self {
    Paper {
      children: Vec::new(),
      padding: Size::Md,
      radius: None,
      with_border: false,
      shadow: None,
    }
  }

  pub fn padding(mut self, padding: Size) -> Self {
    self.padding = padding;
    self
  }

  pub fn radius(mut self, radius: Size) -> Self {
    self.radius = Some(radius);
    self
  }

  pub fn with_border(mut self, with_border: bool) -> Self {
    self.with_border = with_border;
    self
  }

  pub fn shadow(mut self, shadow: Size) -> Self {
    self.shadow = Some(shadow);
    self
  }
}

impl Default for Paper {
  fn default() -> Self {
    Paper::new()
  }
}

impl ParentElement for Paper {
  fn extend(&mut self, elements: impl IntoIterator<Item = AnyElement>) {
    self.children.extend(elements);
  }
}

impl RenderOnce for Paper {
  fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
    let t = theme(cx);
    let radius = t.radius(self.radius.unwrap_or(t.default_radius));
    let mut el = div()
      .bg(t.surface().hsla())
      .rounded(px(radius))
      .p(px(t.spacing(self.padding)));
    if self.with_border {
      el = el.border_1().border_color(t.border().hsla());
    }
    el = apply_shadow(el, self.shadow);
    el.children(self.children).probe("Paper")
  }
}

pub(crate) fn apply_shadow(el: Div, shadow: Option<Size>) -> Div {
  match shadow {
    Some(Size::Xs) => el.shadow_xs(),
    Some(Size::Sm) => el.shadow_sm(),
    Some(Size::Md) => el.shadow_md(),
    Some(Size::Lg) => el.shadow_lg(),
    Some(Size::Xl) => el.shadow_xl(),
    None => el,
  }
}