riml-ds
qrcc と noter が共有するデザインシステムとコンポーネントライブラリ。
色・寸法・時間を W3C DTCG のトークンで定義し、そこから CSS 変数と TypeScript の定数を生成します。見た目の正はコードで、Figma は使いません。
部品は Lit の Web Components が唯一のソース。React / Vue / Svelte / Astro 向けのラッパーは Custom Elements Manifest から生成するので、手で書いたラッパーがずれることがありません。
WCAG 2.2 の AAA を既定にしていて、コントラスト 7:1 とターゲット 44×44 は機械で検査しています。