glc-ui
Sistem desain Company Books sebagai registry yang kompatibel shadcn. Komponen yang belum ada di sini diambil langsung dari shadcn/ui — dan tetap keluar on-brand karena token-nya sudah dijembatani.
Pasang
npx shadcn@latest add @glc/glc-theme
npx shadcn@latest add @glc/buttonBelum diport? Ambil dari hulu — npx shadcn@latest add combobox — komponennya ikut tema Company Books tanpa disentuh.
Button
Enam varian × empat tinggi (24 · 28 · 32 · 36), radius 10. destructive adalah tint merah, bukan isian solid.
Badge
Tinggi 20, pill. Empat varian shadcn plus tiga nada status.
Form
Input tinggi 40, textarea min 64, keduanya radius 10.
Card
Radius 14, hairline 1px, padding 16.
Angka uang memakai figur tabular supaya kolom nominal sejajar.
Fallback ke shadcn
Alert dan Switch di bawah ini belum diport ke glc-ui. Keduanya ditarik apa adanya dengan `npx shadcn@latest add alert switch` dan tidak disentuh sama sekali — tapi tetap keluar indigo, radius 10, dan ikut tema gelap.
Foundation
Dibaca langsung dari token — bukan salinan. Ganti tema untuk melihat lapisan gelap.
background
--canvas-default
card
--surface-primary
primary
--primary-600
secondary
--surface-hover
muted
--surface-secondary
destructive
--error-600
success
--success-600
warning
--warning-600
border
--border-default
sm · 6px
chip
md · 8px
nav row
lg · 10px
control
xl · 14px
card