riml-ds
The design system and component library that qrcc and noter share.
Color, size and duration are defined as W3C DTCG tokens, and the CSS variables and TypeScript constants are generated from them. Code is the source of truth for how things look — there is no Figma file.
Lit Web Components are the single source for the components themselves. The React, Vue, Svelte and Astro wrappers are generated from the Custom Elements Manifest, so no hand-written wrapper can drift out of step.
WCAG 2.2 AAA is the default, and the 7:1 contrast and 44×44 target rules are checked by machine.