Files
dss/packages/dss-rules/rules/colors.json
DSS 9dbd56271e
Some checks failed
DSS Project Analysis / dss-context-update (push) Has been cancelled
feat: Enterprise DSS architecture implementation
Complete implementation of enterprise design system validation:

Phase 1 - @dss/rules npm package:
- CLI with validate and init commands
- 16 rules across 5 categories (colors, spacing, typography, components, a11y)
- dss-ignore support (inline and next-line)
- Break-glass [dss-skip] for emergency merges
- CI workflow templates (Gitea, GitHub, GitLab)

Phase 2 - Metrics dashboard:
- FastAPI metrics API with SQLite storage
- Portfolio-wide metrics aggregation
- Project drill-down with file:line:column violations
- Trend charts and history tracking

Phase 3 - Local analysis cache:
- LocalAnalysisCache for offline-capable validation
- Mode detection (LOCAL/REMOTE/CI)
- Stale cache warnings with recommendations

Phase 4 - Project onboarding:
- dss-init command for project setup
- Creates ds.config.json, .dss/ folder structure
- Updates .gitignore and package.json scripts
- Optional CI workflow setup

Architecture decisions:
- No commit-back: CI uploads to dashboard, not git
- Three-tier: Dashboard (read-only) → CI (authoritative) → Local (advisory)
- Pull-based rules via npm for version control

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-11 09:41:36 -03:00

59 lines
1.8 KiB
JSON

{
"$schema": "../schemas/rule.schema.json",
"id": "colors",
"version": "1.0.0",
"name": "Color Token Rules",
"description": "Rules for color token usage and compliance",
"category": "tokens",
"severity": "error",
"rules": [
{
"id": "no-hardcoded-colors",
"name": "No Hardcoded Colors",
"description": "Colors must use design tokens, not hardcoded hex/rgb values",
"severity": "error",
"patterns": {
"forbidden": [
"#[0-9a-fA-F]{3,8}(?![0-9a-fA-F])",
"rgb\\([^)]+\\)",
"rgba\\([^)]+\\)",
"hsl\\([^)]+\\)",
"hsla\\([^)]+\\)"
],
"allowed": [
"var\\(--[a-z-]+\\)",
"\\$[a-z-]+",
"colors\\.[a-z]+",
"theme\\.[a-z]+"
]
},
"exceptions": ["*.test.*", "*.spec.*", "**/fixtures/**", "transparent", "inherit", "currentColor"]
},
{
"id": "semantic-color-naming",
"name": "Semantic Color Naming",
"description": "Colors must use semantic names (primary, error) not descriptive (blue, red)",
"severity": "warning",
"validation": {
"type": "naming-convention",
"pattern": "^(primary|secondary|accent|success|warning|error|info|neutral|background|foreground|border|muted)(-[a-z]+)?$"
}
},
{
"id": "contrast-ratio",
"name": "Minimum Contrast Ratio",
"description": "Text/background combinations must meet WCAG AA standards",
"severity": "error",
"validation": {
"type": "contrast-check",
"minRatio": 4.5,
"largeTextRatio": 3.0
}
}
],
"tokens": {
"required": ["colors.primary", "colors.secondary", "colors.background", "colors.foreground", "colors.border", "colors.error", "colors.success", "colors.warning"],
"optional": ["colors.muted", "colors.accent", "colors.info"]
}
}