Rule Reference
Rules enforce your design system. This reference targets developers configuring rule behaviour or writing custom rules.
Table of contents
Token Validation
Validate usage of design tokens in code and style sheets.
- design-token/animation
- design-token/blur
- design-token/border-color
- design-token/border-radius
- design-token/border-width
- design-token/box-shadow
- design-token/colors
- design-token/composite-equivalence
- design-token/css-var-provenance
- design-token/duration
- design-token/easing
- design-token/font-family
- design-token/font-size
- design-token/font-weight
- design-token/letter-spacing
- design-token/line-height
- design-token/opacity
- design-token/outline
- design-token/spacing
- design-token/z-index
Component Usage
Ensure components follow naming and usage conventions.
- design-system/component-prefix
- design-system/component-usage
- design-system/import-path
- design-system/icon-usage
- design-system/variant-prop
Styling
Rules that govern styles inside components.
Misc
Additional checks for maintainability.
Adding or deprecating rules
To propose a new rule or retire an existing one, open an issue or pull request following the guidelines in CONTRIBUTING.md. Include rationale, examples, and implementation notes. Deprecated rules should remain in the documentation until removed in a major release.