[{"data":1,"prerenderedAt":1154},["ShallowReactive",2],{"navigation_docs":3,"mobile-subbar-page-\u002Fdokumentasi\u002Ffondasi\u002Farsitektur-token":348,"-dokumentasi-fondasi-arsitektur-token":828,"-dokumentasi-fondasi-arsitektur-token-surround":1149},[4,150,341],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"Dokumentasi","i-lucide-book-open","\u002Fdokumentasi","1.dokumentasi",[10,13,48,74,96,114,136],{"title":11,"path":7,"stem":12},"Dokumentasi & Panduan","1.dokumentasi\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":47},"Memulai","i-lucide-rocket","\u002Fdokumentasi\u002Fmemulai","1.dokumentasi\u002F1.memulai",[19,23,27,31,35,39,43],{"title":20,"path":21,"stem":22},"Pengantar","\u002Fdokumentasi\u002Fmemulai\u002Fpengantar","1.dokumentasi\u002F1.memulai\u002F1.pengantar",{"title":24,"path":25,"stem":26},"Instalasi","\u002Fdokumentasi\u002Fmemulai\u002Finstalasi","1.dokumentasi\u002F1.memulai\u002F2.instalasi",{"title":28,"path":29,"stem":30},"Arsitektur & Struktur","\u002Fdokumentasi\u002Fmemulai\u002Farsitektur","1.dokumentasi\u002F1.memulai\u002F3.arsitektur",{"title":32,"path":33,"stem":34},"Preset UnoCSS","\u002Fdokumentasi\u002Fmemulai\u002Funocss","1.dokumentasi\u002F1.memulai\u002F4.unocss",{"title":36,"path":37,"stem":38},"Next.js & React","\u002Fdokumentasi\u002Fmemulai\u002Fnextjs","1.dokumentasi\u002F1.memulai\u002F5.nextjs",{"title":40,"path":41,"stem":42},"Svelte & SvelteKit","\u002Fdokumentasi\u002Fmemulai\u002Fsvelte","1.dokumentasi\u002F1.memulai\u002F6.svelte",{"title":44,"path":45,"stem":46},"Angular","\u002Fdokumentasi\u002Fmemulai\u002Fangular","1.dokumentasi\u002F1.memulai\u002F7.angular",false,{"title":49,"icon":50,"path":51,"stem":52,"children":53,"page":47},"Fondasi Desain","i-lucide-palette","\u002Fdokumentasi\u002Ffondasi","1.dokumentasi\u002F2.fondasi",[54,58,62,66,70],{"title":55,"path":56,"stem":57},"Warna","\u002Fdokumentasi\u002Ffondasi\u002Fwarna","1.dokumentasi\u002F2.fondasi\u002F1.warna",{"title":59,"path":60,"stem":61},"Tipografi","\u002Fdokumentasi\u002Ffondasi\u002Ftipografi","1.dokumentasi\u002F2.fondasi\u002F2.tipografi",{"title":63,"path":64,"stem":65},"Spasi & Bentuk","\u002Fdokumentasi\u002Ffondasi\u002Fspasi-bentuk","1.dokumentasi\u002F2.fondasi\u002F3.spasi-bentuk",{"title":67,"path":68,"stem":69},"Gerak & Elevasi","\u002Fdokumentasi\u002Ffondasi\u002Fgerak-elevasi","1.dokumentasi\u002F2.fondasi\u002F4.gerak-elevasi",{"title":71,"path":72,"stem":73},"Arsitektur Token","\u002Fdokumentasi\u002Ffondasi\u002Farsitektur-token","1.dokumentasi\u002F2.fondasi\u002F5.arsitektur-token",{"title":75,"icon":76,"path":77,"stem":78,"children":79,"page":47},"Pola Layanan","i-lucide-workflow","\u002Fdokumentasi\u002Fpola","1.dokumentasi\u002F3.pola",[80,84,88,92],{"title":81,"path":82,"stem":83},"Cek Status Permohonan","\u002Fdokumentasi\u002Fpola\u002Fcek-status","1.dokumentasi\u002F3.pola\u002F2.cek-status",{"title":85,"path":86,"stem":87},"Direktori Layanan Publik","\u002Fdokumentasi\u002Fpola\u002Fdirektori-layanan","1.dokumentasi\u002F3.pola\u002F3.direktori-layanan",{"title":89,"path":90,"stem":91},"Pengumuman Darurat","\u002Fdokumentasi\u002Fpola\u002Fpengumuman-darurat","1.dokumentasi\u002F3.pola\u002F4.pengumuman-darurat",{"title":93,"path":94,"stem":95},"Widget Aksesibilitas","\u002Fdokumentasi\u002Fpola\u002Fwidget-aksesibilitas","1.dokumentasi\u002F3.pola\u002F5.widget-aksesibilitas",{"title":97,"icon":98,"path":99,"stem":100,"children":101,"page":47},"Standar & Kualitas","i-lucide-check-circle-2","\u002Fdokumentasi\u002Fstandar","1.dokumentasi\u002F4.standar",[102,106,110],{"title":103,"path":104,"stem":105},"Checklist WCAG 2.1 Level AA","\u002Fdokumentasi\u002Fstandar\u002Fwcag-aa-checklist","1.dokumentasi\u002F4.standar\u002F1.wcag-aa-checklist",{"title":107,"path":108,"stem":109},"Panduan Microcopy (Anti-Kaku)","\u002Fdokumentasi\u002Fstandar\u002Fmicrocopy","1.dokumentasi\u002F4.standar\u002F2.microcopy",{"title":111,"path":112,"stem":113},"Definition of Done","\u002Fdokumentasi\u002Fstandar\u002Fdefinition-of-done","1.dokumentasi\u002F4.standar\u002F3.definition-of-done",{"title":115,"icon":116,"path":117,"stem":118,"children":119,"page":47},"Prinsip Desain","i-lucide-compass","\u002Fdokumentasi\u002Fprinsip","1.dokumentasi\u002F5.prinsip",[120,124,128,132],{"title":121,"path":122,"stem":123},"Prinsip: Aksesibel","\u002Fdokumentasi\u002Fprinsip\u002Faksesibel","1.dokumentasi\u002F5.prinsip\u002F1.aksesibel",{"title":125,"path":126,"stem":127},"Prinsip: Framework-Agnostic","\u002Fdokumentasi\u002Fprinsip\u002Fframework-agnostic","1.dokumentasi\u002F5.prinsip\u002F2.framework-agnostic",{"title":129,"path":130,"stem":131},"Prinsip: Kredibel & Tepercaya","\u002Fdokumentasi\u002Fprinsip\u002Fkredibel-tepercaya","1.dokumentasi\u002F5.prinsip\u002F3.kredibel-tepercaya",{"title":133,"path":134,"stem":135},"Hukum UX & Psikologi Kognitif","\u002Fdokumentasi\u002Fprinsip\u002Fhukum-ux-kognitif","1.dokumentasi\u002F5.prinsip\u002F4.hukum-ux-kognitif",{"title":137,"icon":138,"path":139,"stem":140,"children":141,"page":47},"Komputasi Tersanksi","i-lucide-calculator","\u002Fdokumentasi\u002Fkomputasi","1.dokumentasi\u002F6.komputasi",[142,146],{"title":143,"path":144,"stem":145},"Perhitungan Rasio Kontras","\u002Fdokumentasi\u002Fkomputasi\u002Frasio-kontras","1.dokumentasi\u002F6.komputasi\u002F1.rasio-kontras",{"title":147,"path":148,"stem":149},"Anggaran Ukuran CSS & Performa","\u002Fdokumentasi\u002Fkomputasi\u002Fanggaran-performa","1.dokumentasi\u002F6.komputasi\u002F2.anggaran-performa",{"title":151,"icon":152,"path":153,"stem":154,"children":155},"Komponen","i-lucide-component","\u002Fkomponen","2.komponen",[156,159,209,255,285,315],{"title":157,"path":153,"stem":158},"Katalog Komponen","2.komponen\u002Findex",{"title":160,"icon":161,"path":162,"stem":163,"children":164,"page":47},"Elemen Dasar","i-lucide-box","\u002Fkomponen\u002Fdasar","2.komponen\u002F1.dasar",[165,169,173,177,181,185,189,193,197,201,205],{"title":166,"path":167,"stem":168},"Button (Tombol)","\u002Fkomponen\u002Fdasar\u002Fbutton","2.komponen\u002F1.dasar\u002F1.button",{"title":170,"path":171,"stem":172},"User (Identitas Ringkas)","\u002Fkomponen\u002Fdasar\u002Fuser","2.komponen\u002F1.dasar\u002F10.user",{"title":174,"path":175,"stem":176},"Icon (Ikon Grafis)","\u002Fkomponen\u002Fdasar\u002Ficon","2.komponen\u002F1.dasar\u002F11.icon",{"title":178,"path":179,"stem":180},"Badge (Lencana Status)","\u002Fkomponen\u002Fdasar\u002Fbadge","2.komponen\u002F1.dasar\u002F2.badge",{"title":182,"path":183,"stem":184},"Spinner (Indikator Pemuatan)","\u002Fkomponen\u002Fdasar\u002Fspinner","2.komponen\u002F1.dasar\u002F3.spinner",{"title":186,"path":187,"stem":188},"Divider (Pemisah Konten)","\u002Fkomponen\u002Fdasar\u002Fdivider","2.komponen\u002F1.dasar\u002F4.divider",{"title":190,"path":191,"stem":192},"Avatar & AvatarGroup","\u002Fkomponen\u002Fdasar\u002Favatar","2.komponen\u002F1.dasar\u002F5.avatar",{"title":194,"path":195,"stem":196},"Kbd (Tombol Keyboard)","\u002Fkomponen\u002Fdasar\u002Fkbd","2.komponen\u002F1.dasar\u002F6.kbd",{"title":198,"path":199,"stem":200},"Chip (Notifikasi Overlay)","\u002Fkomponen\u002Fdasar\u002Fchip","2.komponen\u002F1.dasar\u002F7.chip",{"title":202,"path":203,"stem":204},"Skeleton (Pemuat Shimmer)","\u002Fkomponen\u002Fdasar\u002Fskeleton","2.komponen\u002F1.dasar\u002F8.skeleton",{"title":206,"path":207,"stem":208},"Progress (Batang Kemajuan)","\u002Fkomponen\u002Fdasar\u002Fprogress","2.komponen\u002F1.dasar\u002F9.progress",{"title":210,"icon":211,"path":212,"stem":213,"children":214,"page":47},"Formulir & Masukan","i-lucide-text-cursor-input","\u002Fkomponen\u002Fformulir","2.komponen\u002F2.formulir",[215,219,223,227,231,235,239,243,247,251],{"title":216,"path":217,"stem":218},"FormField (Pembungkus Bidang Isian)","\u002Fkomponen\u002Fformulir\u002Fform-field","2.komponen\u002F2.formulir\u002F1.form-field",{"title":220,"path":221,"stem":222},"InputGroup & ButtonGroup","\u002Fkomponen\u002Fformulir\u002Finput-group","2.komponen\u002F2.formulir\u002F10.input-group",{"title":224,"path":225,"stem":226},"Input (Kolom Isian Teks)","\u002Fkomponen\u002Fformulir\u002Finput","2.komponen\u002F2.formulir\u002F2.input",{"title":228,"path":229,"stem":230},"Textarea (Area Teks Panjang)","\u002Fkomponen\u002Fformulir\u002Ftextarea","2.komponen\u002F2.formulir\u002F3.textarea",{"title":232,"path":233,"stem":234},"Select (Menu Pilihan Dropdown)","\u002Fkomponen\u002Fformulir\u002Fselect","2.komponen\u002F2.formulir\u002F4.select",{"title":236,"path":237,"stem":238},"Checkbox & Radio (Kotak Centang & Tombol Pilihan)","\u002Fkomponen\u002Fformulir\u002Fcheckbox-radio","2.komponen\u002F2.formulir\u002F5.checkbox-radio",{"title":240,"path":241,"stem":242},"FileUpload (Unggah Berkas Persyaratan)","\u002Fkomponen\u002Fformulir\u002Ffile-upload","2.komponen\u002F2.formulir\u002F6.file-upload",{"title":244,"path":245,"stem":246},"Switch (Sakelar Pengaturan)","\u002Fkomponen\u002Fformulir\u002Fswitch","2.komponen\u002F2.formulir\u002F7.switch",{"title":248,"path":249,"stem":250},"Slider (Penggeser Nilai)","\u002Fkomponen\u002Fformulir\u002Fslider","2.komponen\u002F2.formulir\u002F8.slider",{"title":252,"path":253,"stem":254},"PinInput (Kode OTP)","\u002Fkomponen\u002Fformulir\u002Fpin-input","2.komponen\u002F2.formulir\u002F9.pin-input",{"title":256,"icon":257,"path":258,"stem":259,"children":260,"page":47},"Navigasi & Struktur","i-lucide-navigation","\u002Fkomponen\u002Fnavigasi","2.komponen\u002F3.navigasi",[261,265,269,273,277,281],{"title":262,"path":263,"stem":264},"TrustBanner","\u002Fkomponen\u002Fnavigasi\u002Ftrust-banner","2.komponen\u002F3.navigasi\u002F1.trust-banner",{"title":266,"path":267,"stem":268},"SkipLink (Lompat ke Konten Utama)","\u002Fkomponen\u002Fnavigasi\u002Fskip-link","2.komponen\u002F3.navigasi\u002F2.skip-link",{"title":270,"path":271,"stem":272},"Stepper (Indikator Tahapan Formulir)","\u002Fkomponen\u002Fnavigasi\u002Fstepper","2.komponen\u002F3.navigasi\u002F3.stepper",{"title":274,"path":275,"stem":276},"Breadcrumb (Navigasi Jejak Rekam)","\u002Fkomponen\u002Fnavigasi\u002Fbreadcrumb","2.komponen\u002F3.navigasi\u002F4.breadcrumb",{"title":278,"path":279,"stem":280},"Pagination (Paginasi Halaman Data)","\u002Fkomponen\u002Fnavigasi\u002Fpagination","2.komponen\u002F3.navigasi\u002F5.pagination",{"title":282,"path":283,"stem":284},"Tabs (Navigasi Tab)","\u002Fkomponen\u002Fnavigasi\u002Ftabs","2.komponen\u002F3.navigasi\u002F6.tabs",{"title":286,"icon":287,"path":288,"stem":289,"children":290,"page":47},"Umpan Balik & Dialog","i-lucide-bell","\u002Fkomponen\u002Fumpan-balik","2.komponen\u002F4.umpan-balik",[291,295,299,303,307,311],{"title":292,"path":293,"stem":294},"Alert (Kotak Pemberitahuan)","\u002Fkomponen\u002Fumpan-balik\u002Falert","2.komponen\u002F4.umpan-balik\u002F1.alert",{"title":296,"path":297,"stem":298},"Modal (Kotak Dialog Konfirmasi)","\u002Fkomponen\u002Fumpan-balik\u002Fmodal","2.komponen\u002F4.umpan-balik\u002F2.modal",{"title":300,"path":301,"stem":302},"EmptyState (Kondisi Data Kosong)","\u002Fkomponen\u002Fumpan-balik\u002Fempty-state","2.komponen\u002F4.umpan-balik\u002F3.empty-state",{"title":304,"path":305,"stem":306},"Toast (Notifikasi Mengambang)","\u002Fkomponen\u002Fumpan-balik\u002Ftoast","2.komponen\u002F4.umpan-balik\u002F4.toast",{"title":308,"path":309,"stem":310},"Drawer & Slideover (Panel Samping)","\u002Fkomponen\u002Fumpan-balik\u002Fdrawer","2.komponen\u002F4.umpan-balik\u002F5.drawer",{"title":312,"path":313,"stem":314},"Tooltip (Petunjuk Melayang)","\u002Fkomponen\u002Fumpan-balik\u002Ftooltip","2.komponen\u002F4.umpan-balik\u002F6.tooltip",{"title":316,"icon":317,"path":318,"stem":319,"children":320,"page":47},"Tampilan Data","i-lucide-table","\u002Fkomponen\u002Ftampilan-data","2.komponen\u002F5.tampilan-data",[321,325,329,333,337],{"title":322,"path":323,"stem":324},"Table (Tabel Data Responsif)","\u002Fkomponen\u002Ftampilan-data\u002Ftable","2.komponen\u002F5.tampilan-data\u002F1.table",{"title":326,"path":327,"stem":328},"Card (Kartu Layanan & Statistik)","\u002Fkomponen\u002Ftampilan-data\u002Fcard","2.komponen\u002F5.tampilan-data\u002F2.card",{"title":330,"path":331,"stem":332},"Accordion (Daftar Lipat \u002F FAQ)","\u002Fkomponen\u002Ftampilan-data\u002Faccordion","2.komponen\u002F5.tampilan-data\u002F3.accordion",{"title":334,"path":335,"stem":336},"StatCard (Kartu Statistik)","\u002Fkomponen\u002Ftampilan-data\u002Fstat-card","2.komponen\u002F5.tampilan-data\u002F4.stat-card",{"title":338,"path":339,"stem":340},"Timeline (Riwayat Pelacakan)","\u002Fkomponen\u002Ftampilan-data\u002Ftimeline","2.komponen\u002F5.tampilan-data\u002F5.timeline",{"title":342,"path":343,"stem":344,"children":345,"icon":347},"Template","\u002Ftemplate","3.template\u002Findex",[346],{"title":342,"path":343,"stem":344},"i-lucide-layout-template",{"id":349,"title":71,"body":350,"description":821,"extension":822,"links":823,"meta":824,"navigation":825,"path":72,"seo":826,"stem":73,"__hash__":827},"docs\u002F1.dokumentasi\u002F2.fondasi\u002F5.arsitektur-token.md",{"type":351,"value":352,"toc":813},"minimark",[353,362,367,370,381,386,425,429,435,439,453,525,699,710,729,758,761,809],[354,355,356,357,361],"p",{},"Token desain Majalengka disusun mengikuti standar spesifikasi terbuka ",[358,359,360],"strong",{},"W3C Design Tokens Community Group (DTCG)",". Format JSON ini memastikan token dapat dibaca langsung oleh Figma Tokens Studio serta dapat dikompilasi ke CSS Variables, TypeScript, Tailwind, atau UnoCSS.",[363,364,366],"h2",{"id":365},"konvensi-penamaan","Konvensi Penamaan",[354,368,369],{},"Setiap variabel token mengikuti pola:",[371,372,377],"pre",{"className":373,"code":375,"language":376},[374],"language-text","--mjl-{kategori}-{peran}-{varian}-{state}\n","text",[378,379,375],"code",{"__ignoreMap":380},"",[382,383,385],"h3",{"id":384},"contoh-nyata","Contoh Nyata",[387,388,389,396,402,413,419],"ul",{},[390,391,392,395],"li",{},[378,393,394],{},"--mjl-color-surface-canvas",": Warna latar belakang kanvas halaman.",[390,397,398,401],{},[378,399,400],{},"--mjl-color-action-primary-default",": Warna tombol primer keadaan default.",[390,403,404,407,408,412],{},[378,405,406],{},"--mjl-color-action-primary-hover",": Warna tombol primer saat kursor melayang (",[409,410,411],"em",{},"hover",").",[390,414,415,418],{},[378,416,417],{},"--mjl-space-4",": Jarak spasi baku 16px.",[390,420,421,424],{},[378,422,423],{},"--mjl-radius-md",": Radius lengkungan sudut 10px.",[363,426,428],{"id":427},"struktur-berkas-sumber-dtcg","Struktur Berkas Sumber DTCG",[371,430,433],{"className":431,"code":432,"language":376},[374],"packages\u002Ftokens\u002Fsrc\u002F\n├── global\u002F          # color.json, typography.json, spacing.json, elevation.json\n└── semantic\u002F        # light.json, dark.json\n",[378,434,432],{"__ignoreMap":380},[382,436,438],{"id":437},"dari-json-semantik-ke-css-variable","Dari JSON Semantik ke CSS Variable",[354,440,441,444,445,448,449,452],{},[378,442,443],{},"semantic\u002Flight.json"," dan ",[378,446,447],{},"semantic\u002Fdark.json"," adalah ",[358,450,451],{},"satu-satunya sumber"," token semantik — tidak ada nilai yang ditulis manual di skrip build. Aturan konversinya:",[454,455,456,469],"table",{},[457,458,459],"thead",{},[460,461,462,466],"tr",{},[463,464,465],"th",{},"Di JSON",[463,467,468],{},"Hasil CSS",[470,471,472,486,499,512],"tbody",{},[460,473,474,481],{},[475,476,477,478],"td",{},"Path token ",[378,479,480],{},"bg.canvas",[475,482,483],{},[378,484,485],{},"--mjl-bg-canvas",[460,487,488,494],{},[475,489,490,491],{},"Path camelCase ",[378,492,493],{},"color.text.linkHover",[475,495,496],{},[378,497,498],{},"--mjl-color-text-link-hover",[460,500,501,507],{},[475,502,503,504],{},"Referensi ",[378,505,506],{},"{color.primary.700}",[475,508,509],{},[378,510,511],{},"var(--mjl-color-primary-700)",[460,513,514,520],{},[475,515,516,517],{},"Referensi ke token semantik lain ",[378,518,519],{},"{bg.base}",[475,521,522],{},[378,523,524],{},"var(--mjl-bg-base)",[371,526,530],{"className":527,"code":528,"language":529,"meta":380,"style":380},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"action\": {\n    \"primary\": {\n      \"bg\": { \"$type\": \"color\", \"$value\": \"{color.primary.700}\" },\n      \"fg\": { \"$type\": \"color\", \"$value\": \"#FFFFFF\" }\n    }\n  }\n}\n","json",[378,531,532,541,560,576,633,681,687,693],{"__ignoreMap":380},[533,534,537],"span",{"class":535,"line":536},"line",1,[533,538,540],{"class":539},"sMK4o","{\n",[533,542,544,547,551,554,557],{"class":535,"line":543},2,[533,545,546],{"class":539},"  \"",[533,548,550],{"class":549},"spNyl","action",[533,552,553],{"class":539},"\"",[533,555,556],{"class":539},":",[533,558,559],{"class":539}," {\n",[533,561,563,566,570,572,574],{"class":535,"line":562},3,[533,564,565],{"class":539},"    \"",[533,567,569],{"class":568},"sBMFI","primary",[533,571,553],{"class":539},[533,573,556],{"class":539},[533,575,559],{"class":539},[533,577,579,582,586,588,590,593,596,600,602,604,606,610,612,615,617,620,622,624,626,628,630],{"class":535,"line":578},4,[533,580,581],{"class":539},"      \"",[533,583,585],{"class":584},"sbssI","bg",[533,587,553],{"class":539},[533,589,556],{"class":539},[533,591,592],{"class":539}," {",[533,594,595],{"class":539}," \"",[533,597,599],{"class":598},"swJcz","$type",[533,601,553],{"class":539},[533,603,556],{"class":539},[533,605,595],{"class":539},[533,607,609],{"class":608},"sfazB","color",[533,611,553],{"class":539},[533,613,614],{"class":539},",",[533,616,595],{"class":539},[533,618,619],{"class":598},"$value",[533,621,553],{"class":539},[533,623,556],{"class":539},[533,625,595],{"class":539},[533,627,506],{"class":608},[533,629,553],{"class":539},[533,631,632],{"class":539}," },\n",[533,634,636,638,641,643,645,647,649,651,653,655,657,659,661,663,665,667,669,671,673,676,678],{"class":535,"line":635},5,[533,637,581],{"class":539},[533,639,640],{"class":584},"fg",[533,642,553],{"class":539},[533,644,556],{"class":539},[533,646,592],{"class":539},[533,648,595],{"class":539},[533,650,599],{"class":598},[533,652,553],{"class":539},[533,654,556],{"class":539},[533,656,595],{"class":539},[533,658,609],{"class":608},[533,660,553],{"class":539},[533,662,614],{"class":539},[533,664,595],{"class":539},[533,666,619],{"class":598},[533,668,553],{"class":539},[533,670,556],{"class":539},[533,672,595],{"class":539},[533,674,675],{"class":608},"#FFFFFF",[533,677,553],{"class":539},[533,679,680],{"class":539}," }\n",[533,682,684],{"class":535,"line":683},6,[533,685,686],{"class":539},"    }\n",[533,688,690],{"class":535,"line":689},7,[533,691,692],{"class":539},"  }\n",[533,694,696],{"class":535,"line":695},8,[533,697,698],{"class":539},"}\n",[354,700,701,702,705,706,709],{},"Build (",[378,703,704],{},"bun run build:tokens",") akan ",[358,707,708],{},"gagal"," bila:",[387,711,712,715],{},[390,713,714],{},"sebuah referensi menunjuk token yang tidak ada, atau",[390,716,717,720,721,724,725,728],{},[378,718,719],{},"dark.json"," tidak punya kunci yang persis sama dengan ",[378,722,723],{},"light.json",". Mode gelap wajib mendefinisikan ulang semua token, karena CSS variable yang berisi ",[378,726,727],{},"var()"," dihitung di elemen tempat ia dideklarasikan — token yang terlewat akan tetap bernilai mode terang.",[354,730,731,732,735,736,739,740,743,744,739,747,739,750,753,754,757],{},"Grup ",[378,733,734],{},"color.*"," di file semantik berisi alias nama lama (",[378,737,738],{},"--mjl-color-surface-*",", ",[378,741,742],{},"--mjl-color-text-*",", dst.) agar kode yang sudah ada tetap jalan. Untuk kode baru, pakai token fungsional ",[378,745,746],{},"--mjl-bg-*",[378,748,749],{},"--mjl-text-*",[378,751,752],{},"--mjl-border-*",", dan ",[378,755,756],{},"--mjl-action-*",".",[354,759,760],{},"Output kompilasi menghasilkan:",[762,763,764,778,800],"ol",{},[390,765,766,769,770,773,774,777],{},[378,767,768],{},"@majalengka\u002Ftokens\u002Fcss"," (",[378,771,772],{},"dist\u002Ftokens.css","): Seluruh token global + token semantik mode terang ",[358,775,776],{},"dan"," gelap.",[390,779,780,769,783,786,787,739,790,739,793,796,797,757],{},[378,781,782],{},"@majalengka\u002Ftokens\u002Fcss\u002Fdark",[378,784,785],{},"dist\u002Ftokens-dark.css","): Hanya blok override tema gelap (",[378,788,789],{},"[data-theme=\"dark\"]",[378,791,792],{},"[data-mode=\"dark\"]",[378,794,795],{},".dark","). Muat setelah ",[378,798,799],{},"tokens.css",[390,801,802,769,805,808],{},[378,803,804],{},"@majalengka\u002Ftokens",[378,806,807],{},"dist\u002Findex.js","): Typed JavaScript exports untuk framework berbasis JavaScript\u002FTypeScript.",[810,811,812],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":380,"searchDepth":543,"depth":543,"links":814},[815,818],{"id":365,"depth":543,"text":366,"children":816},[817],{"id":384,"depth":562,"text":385},{"id":427,"depth":543,"text":428,"children":819},[820],{"id":437,"depth":562,"text":438},"Format W3C Design Tokens Community Group (DTCG) dan konvensi penamaan.","md",null,{},true,{"title":71,"description":821},"fnCuUY1ay8PrD51KYMbyADsmVZlJdlrdglwyND8MaIA",{"id":349,"title":71,"body":829,"description":821,"extension":822,"links":823,"meta":1147,"navigation":825,"path":72,"seo":1148,"stem":73,"__hash__":827},{"type":351,"value":830,"toc":1139},[831,835,837,839,844,846,870,872,877,879,887,939,1071,1077,1089,1105,1107,1137],[354,832,356,833,361],{},[358,834,360],{},[363,836,366],{"id":365},[354,838,369],{},[371,840,842],{"className":841,"code":375,"language":376},[374],[378,843,375],{"__ignoreMap":380},[382,845,385],{"id":384},[387,847,848,852,856,862,866],{},[390,849,850,395],{},[378,851,394],{},[390,853,854,401],{},[378,855,400],{},[390,857,858,407,860,412],{},[378,859,406],{},[409,861,411],{},[390,863,864,418],{},[378,865,417],{},[390,867,868,424],{},[378,869,423],{},[363,871,428],{"id":427},[371,873,875],{"className":874,"code":432,"language":376},[374],[378,876,432],{"__ignoreMap":380},[382,878,438],{"id":437},[354,880,881,444,883,448,885,452],{},[378,882,443],{},[378,884,447],{},[358,886,451],{},[454,888,889,897],{},[457,890,891],{},[460,892,893,895],{},[463,894,465],{},[463,896,468],{},[470,898,899,909,919,929],{},[460,900,901,905],{},[475,902,477,903],{},[378,904,480],{},[475,906,907],{},[378,908,485],{},[460,910,911,915],{},[475,912,490,913],{},[378,914,493],{},[475,916,917],{},[378,918,498],{},[460,920,921,925],{},[475,922,503,923],{},[378,924,506],{},[475,926,927],{},[378,928,511],{},[460,930,931,935],{},[475,932,516,933],{},[378,934,519],{},[475,936,937],{},[378,938,524],{},[371,940,941],{"className":527,"code":528,"language":529,"meta":380,"style":380},[378,942,943,947,959,971,1015,1059,1063,1067],{"__ignoreMap":380},[533,944,945],{"class":535,"line":536},[533,946,540],{"class":539},[533,948,949,951,953,955,957],{"class":535,"line":543},[533,950,546],{"class":539},[533,952,550],{"class":549},[533,954,553],{"class":539},[533,956,556],{"class":539},[533,958,559],{"class":539},[533,960,961,963,965,967,969],{"class":535,"line":562},[533,962,565],{"class":539},[533,964,569],{"class":568},[533,966,553],{"class":539},[533,968,556],{"class":539},[533,970,559],{"class":539},[533,972,973,975,977,979,981,983,985,987,989,991,993,995,997,999,1001,1003,1005,1007,1009,1011,1013],{"class":535,"line":578},[533,974,581],{"class":539},[533,976,585],{"class":584},[533,978,553],{"class":539},[533,980,556],{"class":539},[533,982,592],{"class":539},[533,984,595],{"class":539},[533,986,599],{"class":598},[533,988,553],{"class":539},[533,990,556],{"class":539},[533,992,595],{"class":539},[533,994,609],{"class":608},[533,996,553],{"class":539},[533,998,614],{"class":539},[533,1000,595],{"class":539},[533,1002,619],{"class":598},[533,1004,553],{"class":539},[533,1006,556],{"class":539},[533,1008,595],{"class":539},[533,1010,506],{"class":608},[533,1012,553],{"class":539},[533,1014,632],{"class":539},[533,1016,1017,1019,1021,1023,1025,1027,1029,1031,1033,1035,1037,1039,1041,1043,1045,1047,1049,1051,1053,1055,1057],{"class":535,"line":635},[533,1018,581],{"class":539},[533,1020,640],{"class":584},[533,1022,553],{"class":539},[533,1024,556],{"class":539},[533,1026,592],{"class":539},[533,1028,595],{"class":539},[533,1030,599],{"class":598},[533,1032,553],{"class":539},[533,1034,556],{"class":539},[533,1036,595],{"class":539},[533,1038,609],{"class":608},[533,1040,553],{"class":539},[533,1042,614],{"class":539},[533,1044,595],{"class":539},[533,1046,619],{"class":598},[533,1048,553],{"class":539},[533,1050,556],{"class":539},[533,1052,595],{"class":539},[533,1054,675],{"class":608},[533,1056,553],{"class":539},[533,1058,680],{"class":539},[533,1060,1061],{"class":535,"line":683},[533,1062,686],{"class":539},[533,1064,1065],{"class":535,"line":689},[533,1066,692],{"class":539},[533,1068,1069],{"class":535,"line":695},[533,1070,698],{"class":539},[354,1072,701,1073,705,1075,709],{},[378,1074,704],{},[358,1076,708],{},[387,1078,1079,1081],{},[390,1080,714],{},[390,1082,1083,720,1085,724,1087,728],{},[378,1084,719],{},[378,1086,723],{},[378,1088,727],{},[354,1090,731,1091,735,1093,739,1095,743,1097,739,1099,739,1101,753,1103,757],{},[378,1092,734],{},[378,1094,738],{},[378,1096,742],{},[378,1098,746],{},[378,1100,749],{},[378,1102,752],{},[378,1104,756],{},[354,1106,760],{},[762,1108,1109,1117,1131],{},[390,1110,1111,769,1113,773,1115,777],{},[378,1112,768],{},[378,1114,772],{},[358,1116,776],{},[390,1118,1119,769,1121,786,1123,739,1125,739,1127,796,1129,757],{},[378,1120,782],{},[378,1122,785],{},[378,1124,789],{},[378,1126,792],{},[378,1128,795],{},[378,1130,799],{},[390,1132,1133,769,1135,808],{},[378,1134,804],{},[378,1136,807],{},[810,1138,812],{},{"title":380,"searchDepth":543,"depth":543,"links":1140},[1141,1144],{"id":365,"depth":543,"text":366,"children":1142},[1143],{"id":384,"depth":562,"text":385},{"id":427,"depth":543,"text":428,"children":1145},[1146],{"id":437,"depth":562,"text":438},{},{"title":71,"description":821},[1150,1152],{"title":67,"path":68,"stem":69,"description":1151,"children":-1},"Token durasi transisi, bayangan halus, skala z-index, dan reduced-motion.",{"title":81,"path":82,"stem":83,"description":1153,"children":-1},"Pola pelacakan permohonan tanpa login dengan NIK dan nomor tiket.",1791989388921]