D024

Styles that fight with no order: two group roots spread on one element; two compounds that can match at once and set one property differently, or an accent that sets what the site's own axis value sets (weft check).

Fix: One group per element (nest an element, or make it an axis); exclusive compound whens; drop the accent or make it an axis value.

Status in weft@0.1.0: reported.

Triggers it:

import { group } from '@weft-js/core/style'const a = group('a', { base: { pad: 'group' } })const b = group('b', { base: { gap: 'related' } })export function X() { return <li {...a()} {...b()} /> }