{module @version="1.0.0" |
{import @as=docs @src="./cem-token-docs.cemt"}
{body |
{call @from=docs @template=width-token-table
@with:rows={datadom.slices.minimums} @with:id=cem-coupling-minimums
@with:href="../tokens/cem-coupling.xhtml#4-1-hard-safety-minimums-policy-anchors"
@with:link_label=cem-coupling-minimums
@with:caption=" — hard safety minimums (mode-invariant)"}
{hr | }
{table @id=cem-coupling-halo-overrides |
{caption | {a @href="../tokens/cem-coupling.xhtml#5-2-mode-switch-halo-policy" | cem-coupling-halo-overrides} — coupling mode halo overrides (visuals owned by D2c Controls)}
{thead | {tr | {th | Token}{th | forgiving}{th | compact}}}
{tbody | {cem:for-each @select="$datadom.slices.overrides" @as="row" |
{tr |
{th | {code | {$row.token}}}
{td | {code | {$row.forgiving}}}
{td | {code | {$row.compact}}}
}}}
}
{hr | }
{pre @class=language-css | {code @class=language-css @data-generated-css |```:root {
/* region coupling minimums — mode-invariant safety anchors */```{call @from=docs @template=css-properties @with:rows={datadom.slices.minimums} @with:indent=" "}```
/* endregion coupling minimums */
}
/* region coupling mode: forgiving — halo policy only (visuals owned by D2c Controls) */
:root[data-cem-coupling="forgiving"] {```{cem:for-each @select="$datadom.slices.overrides" @as="row" |```
```{$row.token}: {$row.forgiving};}```
}
/* endregion coupling mode: forgiving */
/* region coupling mode: compact — halo policy only (visuals owned by D2c Controls) */
:root[data-cem-coupling="compact"] {```{cem:for-each @select="$datadom.slices.overrides" @as="row" |```
```{$row.token}: {$row.compact};}```
}
/* endregion coupling mode: compact */
```}}
}
}