← Components
Compliance
Compliance-framework building blocks: kind icons, shield tags, and framework activation cards.
ComplianceFrameworkIconCompliance-framework kind icon. Resolves the kind label against components/compliance/registry.js — deliberately many-to-one (warn / scale / ribbon are a small shared vocabulary reused across kinds); unknown kinds fall back to the scale.
ComplianceTagSmall compliance-framework tag: two-tone shield mark + framework name in a grape pill. `error` flips the whole tag red (red shield, error border/text) for a required-but-unmet framework; `removable` adds a ✕ that emits @remove. Shield art ships with the layer and carries its own colors (rendered via <img>, never UxIcon).
ComplianceToggleCardFramework activation card (c65 "surface semantics"): shield + name + toggle over a completeness bar. Active = raised white card, grape border, purple shield; inactive = sunken dashed card, grey shield. The bar stays neutral grey until 100% then goes grape; an "Enable Required Policies" button shows while gaps remain.