renderreport 0.2.1

Data-driven report generation with Typst as embedded render engine — no CLI dependency
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

// Callout Component
// Highlighted information box (supports neutral type and inverted mode)

#let callout-style(callout-type) = {
  if callout-type == "warning" {
    (bg: color-warn-soft, border: color-warn, icon: "⚠")
  } else if callout-type == "error" {
    (bg: color-bad-soft, border: color-bad, icon: "✕")
  } else if callout-type == "success" {
    (bg: color-ok-soft, border: color-ok, icon: "✓")
  } else if callout-type == "tip" {
    (bg: color-accent-soft, border: color-primary, icon: "💡")
  } else if callout-type == "neutral" {
    (bg: color-surface-alt, border: color-text-muted, icon: "–")
  } else {
    // info (default)
    (bg: color-info-soft, border: color-info, icon: "ℹ")
  }
}

#let callout(data) = {
  let style = callout-style(data.callout_type)
  let is-inv = data.at("inverted", default: false)

  if is-inv {
    block(
      width: 100%,
      inset: spacing-4,
      radius: component-callout-radius,
      fill: style.border,
    )[
      #set text(fill: white)

      #if data.title != none [
        #text(weight: "bold")[#style.icon #data.title]
        #v(spacing-2)
      ]

      #par(justify: true)[#text(size: font-size-base)[#data.content]]
    ]
  } else {
    block(
      width: 100%,
      inset: spacing-4,
      radius: component-callout-radius,
      fill: style.bg,
      stroke: (left: (paint: style.border, thickness: 3pt)),
    )[
      #set text(fill: color-text)

      #if data.title != none [
        #text(weight: "bold")[#style.icon #data.title]
        #v(spacing-2)
      ]

      #par(justify: true)[#text(size: font-size-base)[#data.content]]
    ]
  }
}