canonrs-server 0.1.0

CanonRS server-side rendering support
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

/* ═══════════════════════════════════════════════════════════════
   COMMAND — Family B Selection tokens compliant
   ═══════════════════════════════════════════════════════════════ */

[data-rs-command] {
  background: var(--command-bg);
  color: var(--command-fg);
  border: var(--command-border-width) solid var(--command-border-color);
  border-radius: var(--command-radius);
  box-shadow: var(--command-shadow);
  padding: var(--command-padding);
  display: flex;
  flex-direction: column;
  gap: var(--command-gap);
}

[data-rs-command-input] {
  height: var(--command-input-height);
  padding: var(--command-input-padding);
  font-size: var(--command-input-font-size);
  border: none;
  border-bottom: var(--command-input-border-bottom);
  background: transparent;
  outline: none;
}

[data-rs-command-list] {
  padding: var(--command-list-padding);
  max-height: var(--command-list-max-height);
  overflow-y: auto;
}

[data-rs-sidebar-search] [data-rs-command-input]:placeholder-shown ~ [data-rs-command-list],
[data-rs-sidebar-search] [data-rs-command] [data-rs-command-input]:placeholder-shown ~ [data-rs-command-list] {
  display: none;
}

[data-rs-command-item] {
  display: flex;
  align-items: center;
  height: var(--command-item-height);
  padding: var(--command-item-padding);
  border-radius: var(--command-item-radius);
  cursor: pointer;
}

[data-rs-command-item][data-rs-state~="hover"]:not([data-rs-state~="active"]) {
  background: var(--command-item-hover-bg);
}

[data-rs-command-item][data-rs-state~="active"] {
  background: var(--command-item-active-bg);
  color: var(--command-item-active-fg);
}

[data-rs-command-item][data-rs-state~="hidden"] {
  display: none;
}

[data-rs-command-group-heading] {
  color: var(--command-group-heading-fg);
  font-size: var(--command-group-heading-font-size);
  padding: var(--command-group-heading-padding);
  font-weight: var(--font-weight-semibold);
}

[data-rs-command-separator] {
  height: var(--border-thin);
  background: var(--command-separator-color);
  margin: var(--command-separator-margin-y) 0;
}

[data-rs-command-empty] {
  color: var(--command-empty-fg);
  padding: var(--command-empty-padding);
  text-align: center;
}

[data-rs-command][data-rs-state~="closed"] { display: none; }
[data-rs-command][data-rs-state~="open"] { display: flex; }