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

/* ═══════════════════════════════════════════════════════════════
   FIELD — Family C Forms tokens compliant
   ═══════════════════════════════════════════════════════════════ */

[data-rs-field] {
  display: flex;
  flex-direction: column;
  gap: var(--field-orientation-gap-vertical);
}

[data-rs-field][data-rs-orientation="horizontal"] {
  flex-direction: row;
  align-items: center;
  gap: var(--field-orientation-gap-horizontal);
}

[data-rs-field][data-rs-orientation="vertical"] {
  flex-direction: column;
  gap: var(--field-orientation-gap-vertical);
}

[data-rs-field-label] {
  font-size: var(--field-label-font-size);
  font-weight: var(--field-label-font-weight);
  color: var(--field-label-fg);
}

[data-rs-field][data-rs-state~="disabled"] [data-rs-field-label] {
  color: var(--field-label-fg-disabled);
}

[data-rs-field-description] {
  font-size: var(--field-description-font-size);
  line-height: var(--field-description-line-height);
  color: var(--field-description-fg);
}

[data-rs-field-error] {
  font-size: var(--field-error-font-size);
  color: var(--field-error-fg);
}

[data-rs-field-error-list] {
  display: flex;
  flex-direction: column;
  gap: var(--field-error-list-gap);
}

[data-rs-field][data-rs-state~="disabled"] {
  opacity: var(--field-disabled-opacity);
  pointer-events: none;
}




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

[data-rs-field-separator-content] {
  padding-inline: var(--field-separator-label-padding-x);
  color: var(--field-separator-label-fg);
}

[data-rs-field][data-rs-state~="error"] [data-rs-field-label] {
  color: var(--field-validation-error-fg);
}