Release Note

Catatan Rilis

Simak berkala setiap pembaruan, penambahan fitur, serta perbaikan bug dan peningkatan performa INA Digital Design System (IDDS) di sini.

1.6.9

Release Date: April 2026

Versi 1.6.9 berfokus pada peningkatan keandalan sistem build dengan mengimplementasikan transpilasi TypeScript pada token tema di paket @idds/styles. Pembaruan ini menjamin kompatibilitas penuh saat library dikonsumsi oleh proyek berbasis Node.js terbaru (v23+) yang menggunakan fitur experimental type stripping, serta menyediakan dukungan tipe data yang lebih baik bagi pengembang.

Perbaikan & Peningkatan

Improved
Build System (@idds/styles): Mengotomatisasi proses kompilasi berkas .ts menjadi .js (ESM) dan pembuatan berkas deklarasi tipe .d.ts pada folder distribusi. Hal ini memperbaiki error build “Stripping types is currently unsupported for files under node_modules” pada lingkungan konsumen.
Improved
Documentation Build: Mengoptimalkan proses prerendering pada proyek dokumentasi idds-doc dengan menyelaraskan akses header pada middleware, sehingga proses build lebih bersih dari pesan peringatan (warnings).

1.6.8

Release Date: April 2026

Versi 1.6.8 memperkenalkan sistem manajemen tema terpadu (Light/Dark mode) melalui fungsionalitas setThemeMode dan toggleThemeMode, optimasi performa paket @idds/vue dengan pembersihan aset, serta penambahan fitur mandatorySelected pada komponen SelectDropdown.

Penambahan Baru

New
Theme Management: Menambahkan utilitas setThemeMode, getThemeMode, dan toggleThemeMode untuk mengontrol pergantian mode terang dan gelap secara global menggunakan atribut [data-theme] pada elemen root HTML (React, Vue, dan Vanilla JS).
New
SelectDropdown mandatorySelected: Menambahkan properti mandatorySelected untuk memastikan setidaknya satu item tetap terpilih, mencegah pembatalan pilihan (unselect) jika hanya tersisa satu item atau jika fitur ini diaktifkan.

Perbaikan & Peningkatan

Improved
Build Optimization (Vue): Memperbaiki kesalahan “blob” (glob) build dan mengoptimalkan ukuran paket dengan menata ulang pemuatan ikon bendera (flag icons) sebagai aset yang dimuat secara malas (lazy-loaded).
Improved
Table Component: Peningkatan dukungan properti width dan className pada kolom tabel untuk fleksibilitas tata letak yang lebih tinggi di React dan Vue.
Improved
TypeScript Definitions: Menambahkan referensi tipe vite/client pada utilitas internal untuk menjamin kompatibilitas type-checking saat proses build di lingkungan Vite.

1.6.7

Release Date: Maret 2026

Versi 1.6.7 menghadirkan pemetaan komentar warna bernilai HEX untuk koleksi Product Colors, alias fungsional, dan variabel Brand secara mendalam. Pembaruan ini memastikan visualisasi pratinjau warna yang lebih presisi saat pengguna mengeksplorasi token produk dari IDDS.

Perbaikan & Peningkatan

Improved
Styles/Token: Memperluas skrip pelisensian HEX dan penyematan anotasi warna (CSS comments) secara sistematis ke dalam berkas penyimpan alias fungsional (seperti product/index.css), untuk memaksimalkan fitur bacaan DevTools (color pickers).

1.6.6

Release Date: Maret 2026

Versi 1.6.6 menghadirkan tambahan keterangan warna dalam bentuk HEX sebagai nilai bawaan (fallback) di dalam kode ekstensi Tailwind IDDS. Inovasi fundamental teknis ini menjamin plugin IDE seperti VS Code Tailwind IntelliSense untuk akhirnya mampu mendeteksi dan merender kotak cuplikan warna (color swatches) yang selama ini disembunyikan oleh lapisan CSS Variables.

Perbaikan & Peningkatan

Improved
Tailwind/Config: Mengimplementasikan injeksi nilai primitif HEX secara asali (contoh: var(--ina-green-600, #288034)) ke seluk-beluk pemetaan konfigurasi tailwind/ts (v3) dan arahan @theme CSS layer tailwind/css (v4).

1.6.5

Release Date: Maret 2026

Versi 1.6.5 menyediakan perbaikan pada utilitas komponen TimePicker sekaligus menambal isu pemaketan package internal (dependency resolving) di mana bundler lingkungan modern seperti Vite sebelumnya menolak eksportasi berkas CSS.

Perbaikan & Peningkatan

Improved
TimePicker: Pembaruan skema format otomatis waktu serta mempertegas dukungan aksesibilitas interaksi keyboard (Space & Enter) di tombol aksi pembersih (clear icon).
Fixed
Core/Configuration: Menata ulang kepingan urutan properti "exports" di berkas package.json lintas kerangka kerja (@idds/react dan @idds/vue). Properti bersyarat "style" dinaikkan posisinya ke urutan teratas agar selalu tereksekusi dengan sukses oleh perkakas build tool.

1.6.4

Release Date: Maret 2026

Versi 1.6.4 menghadirkan peningkatan signifikan pada pengalaman pengguna komponen TimePicker dengan implementasi validasi input yang ketat dan fitur auto-formatting. Pengguna kini dapat menikmati pengisian waktu yang lebih intuitif dengan pemisah titik dua (:) otomatis serta pembatasan karakter yang cerdas.

Penambahan Baru

New
TimePicker Auto-formatting: Menambahkan fitur penyisipan karakter titik dua (:) secara otomatis saat pengguna mengetik angka jam, menit, dan detik pada komponen TimePicker (React, Vue, dan Vanilla JS).

Perbaikan & Peningkatan

Improved
Validasi Input: Memperketat validasi pada kolom input TimePicker untuk hanya mengizinkan angka dan karakter yang relevan, serta memberlakukan batasan panjang karakter sesuai format waktu yang dipilih.

1.6.1

Release Date: Maret 2026

Versi 1.6.1 memperkenalkan fitur input teks manual pada komponen TimePicker untuk fleksibilitas pengisian waktu yang lebih cepat, serta perbaikan menyeluruh pada aksesibilitas navigasi keyboard untuk tombol pembersih (clear button) pada komponen TimePicker dan PhoneInput.

Penambahan Baru

New
TimePicker Manual Input: Memungkinkan pengguna untuk mengetik waktu secara manual langsung pada kolom input di React, Vue, dan Vanilla JS.

Perbaikan & Peningkatan

Improved
Aksesibilitas Clear Button: Menambahkan dukungan penekanan tombol Space dan Enter pada tombol clear di komponen TimePicker dan PhoneInput, lengkap dengan indikasi visual :focus-visible yang lebih jelas.

1.6.0

Release Date: Maret 2026

Versi 1.6.0 menghadirkan komponen baru PhoneInput untuk seluruh framework (React, Vue, dan Vanilla JS), serta peningkatan aksesibilitas yang signifikan pada komponen TimePicker dan DatePicker dengan dukungan penuh navigasi keyboard pada tombol pembersih (clear button).

Penambahan Baru

New
PhoneInput: Komponen input nomor telepon baru yang mendukung deteksi kode negara, format otomatis, dan integrasi clear button. Tersedia untuk React, Vue, dan Vanilla JS.

Perbaikan & Peningkatan

Improved
Aksesibilitas Picker: Menambahkan dukungan navigasi keyboard (Space dan Enter) untuk tombol clear pada komponen TimePicker dan DatePicker di seluruh package.
Fixed
DatePicker React: Perbaikan struktur internal pada trigger element untuk menghindari nested interactive elements yang mengganggu aksesibilitas asali screen reader.
Improved
Drawer & Modal: Audit aksesibilitas menyeluruh dengan penambahan asali aria-label pada tombol tutup dan sinkronisasi fokus elemen.

1.5.78

Release Date: Maret 2026

Versi 1.5.78 menghadirkan perombakan pada komponen Chip, perbaikan fungsional komprehensif pada DatePicker Vanilla JS, penyesuaian fungsional grafik Chart Vanilla JS agar mendukung pembaruan dinamis tema, dan penambahan integrasi aksesibilitas keyboard secara penuh (spasi dan enter) untuk action buttons pada Input komponen seperti TextField, PasswordInput dan TextArea.

Perbaikan & Peningkatan

Improved
Aksesibilitas Input: Menambahkan fungsionalitas kendali melalui keyboard (Space dan Enter), beserta optimalisasi tampilan interaktif pseudo-classes (:hover & :focus-visible) untuk tombol-tombol Clear dan Visibilitas Sandi di TextField, PasswordInput, dan TextArea.
Fixed
DatePicker Vanilla JS: Menyamakan perilaku tampilan multi-panel mode range / multiple dengan React, mengizinkan navigasi kalender ganda (kiri dan kanan) bergerak mandiri (tidak saling tarik) sampai titik toleransinya di H-1 bulan.

1.5.77

Release Date: Maret 2026

Versi 1.5.77 menghadirkan penyempurnaan pada state terpilih (selected) untuk komponen ButtonGroup, memastikan warna teks dan latar elemen sesuai secara konsisten dengan berbagai ragam tema atau brand produk.

Perbaikan & Peningkatan

Improved
ButtonGroup: Menyesuaikan warna (color dan background-color) untuk kondisi tombol yang sedang aktif (selected) agar beradaptasi secara dinamis mengikuti brand/theme aktif.

1.5.76

Release Date: Maret 2026

Versi 1.5.76 berfokus pada peningkatan aksesibilitas keyboard secara menyeluruh pada komponen Accordion, Breadcrumb, TabHorizontal, TabVertical, dan ButtonGroup. Pembaruan ini memastikan komponen dapat dinavigasi dengan mudah dan memiliki indikasi visual yang jelas saat menerima fokus.

Perbaikan & Peningkatan

Improved
Aksesibilitas Komponen: Menambahkan dukungan navigasi keyboard (Arrow Keys, Space, Enter) dan penyempurnaan gaya visual :focus-visible pada komponen Accordion, Breadcrumb, TabHorizontal, TabVertical, dan ButtonGroup di seluruh package (React, Vue, dan Vanilla JS).

1.5.75

Release Date: Maret 2026

Versi 1.5.75 menghadirkan peningkatan pada gaya (styling) khusus opsi cip yang kini ditiadakan (disabled), memastikan representasi visual interaksi yang tepat.

Perbaikan & Peningkatan

Improved
Chip: Modifikasi gaya interaksi untuk item cip yang disabled agar pengecualiannya di-filter secara independen dari CSS Focus-Visible dan Hover.

1.5.74

Release Date: Maret 2026

Versi 1.5.74 berfokus pada perbaikan aksesibilitas visual dengan memodifikasi gaya turunan :focus-visible komponen Chip agar lebih presisi.

Perbaikan & Peningkatan

Improved
Chip: Perbaikan dukungan visual eksklusif bagi navigasi keyboard menggunakan psedokelas :focus-visible alih-alih merangkap gabung dengan :hover. Mengganti properti outline asali menjadi border tebal berwarna biru selaras palet --ina-primary-600.

1.5.73

Release Date: Maret 2026

Versi 1.5.73 mencakup penambahan fitur disabled untuk menonaktifkan opsi tertentu pada komponen Chip secara individual.

Penambahan Baru

New
Chip: Menambahkan kapabilitas pembacaan properti atau atribut disabled pada rupa item cip di React, Vue, maupun Vanilla JS, yang terintegrasi penuh untuk tidak bisa dipilih dan dilompati (skipped) pada saat navigasi roving tabindex keyboard.

1.5.72

Release Date: Maret 2026

Versi 1.5.72 menghadirkan perbaikan fungsionalitas di mana opsi yang sudah dipilih pada mode standar (single-choice) kini dapat dibatalkan (dideseleksi).

Perbaikan & Peningkatan

Fixed
Chip: Perbaikan behavior fitur deselect di React, Vue, dan Vanilla JS yang sebelumnya gagal beroperasi saat prop multiple diatur sebagai false/secara asali. Kini, meng-klik cip yang sudah aktif di mode tunggal akan mendeseleksinya (me-return string kosong).

1.5.71

Release Date: Maret 2026

Versi 1.5.71 memperbaiki isu render dan interaksi di mana klik pertama kali oleh kursor pada opsi cip gagal memicu status pemilihannya (selected).

Perbaikan & Peningkatan

Fixed
Chip: Penghapusan intervensi render ulang yang terasosiasi kepada pergerakan state elemen melalui onFocus. Ini menanggulangi isolasi bentrokan antara DOM dan fungsi asli click oleh mouse pointer, menjamin respons penekanan opsi pertama selalu sukses seketika pada seluruh framework.

1.5.70

Release Date: Maret 2026

Versi 1.5.70 menghadirkan penyempurnaan aksesibilitas navigasi keyboard dan pemilihan opsi pada komponen Chip.

Perbaikan & Peningkatan

Fixed
Chip: Peningkatan aksesibilitas keyboard menggunakan navigasi roving tabindex (arah panah Arrow Left/Right) serta pemilihan menggunakan Enter/Space, berlaku untuk React, Vue, dan Vanilla JS.

1.5.69

Release Date: Maret 2026

Versi 1.5.69 menghadirkan penambahan properti baru `multiple` pada komponen Chip untuk memberikan fleksibilitas pemilihan lebih dari satu opsi.

Fitur Baru

Added
Chip: Menambahkan dukungan multiple selection melalui penambahan properti `multiple` (pada React dan Vue) atau atribut `data-multiple=“true”` (Vanilla JS).

1.5.68

Release Date: Maret 2026

Versi 1.5.68 menghadirkan peningkatan aksesibilitas navigasi pada komponen MonthPicker dan YearPicker.

Perbaikan & Peningkatan

Fixed
MonthPicker & YearPicker: Peningkatan aksesibilitas navigasi keyboard menggunakan iterasi seperti Tab, Enter, Space, dan arah panah pada opsi dan tombol navigasi bulan / tahun secara keseluruhan.

1.5.67

Release Date: Maret 2026

Versi 1.5.67 menghadirkan penyempurnaan aksesibilitas navigasi pada komponen DatePicker (React, Vue, dan Vanilla JS).

Perbaikan & Peningkatan

Fixed
DatePicker: Peningkatan aksesibilitas untuk memberikan focus-visible styling dan kemampuan navigasi keyboard utuh (Tab, Enter, Space, dan navigasi Arrow) pada interaksi grid tanggal hingga tombol navigasi chevron.

1.5.66

Release Date: Maret 2026

Versi 1.5.66 menghadirkan penyempurnaan aksesibilitas navigasi keyboard pada komponen TimePicker berbasis React, Vue dan Vanilla JS.

Perbaikan & Peningkatan

Fixed
TimePicker: Peningkatan dukungan aksesibilitas sehingga blok jam, menit, dan detik, serta tombol aksi konfirmasi sepenuhnya dapat berinteraksi secara mulus ketika menggunakan navigasi keyboard.

1.5.65

Release Date: Maret 2026

Versi 1.5.65 menghadirkan perbaikan tata letak posisi pada antarmuka pagination dan ikon di sisi komponen Table di JavaScript Vanilla.

Perbaikan & Peningkatan

Fixed
Table JS Vanilla: Memuluskan perbaikan styling interaksi komponen fungsional tombol navigasi pagination sehingga menampilkan perilaku konsisten sebagaimana react/vue beserta perbaikan ikon navigasinya.

1.5.64

Release Date: Maret 2026

Versi 1.5.64 menghadirkan update indikator sorting icon untuk modul tabel khusus di lingkup Vanilla JavaScript.

Perbaikan & Peningkatan

Fixed
Table JS Vanilla: Menyesuaikan ikon API pengurutan kolom menggunakan integrasi desain Arrow Up / Arrow Down guna menyerupai kerangka framework UI serupa.

1.5.63

Release Date: Maret 2026

Versi 1.5.63 menghadirkan penyempurnaan styling dan posisioning panel pada komponen YearPicker untuk memberikan pengalaman pengguna yang lebih baik dan konsisten di seluruh layar.

Perbaikan & Peningkatan

Fixed
YearPicker: Perbaikan positioning panel dropdown pada ukuran layar mobile (tidak lagi mengambang) agar tampil konsisten berada tepat di bawah tombol trigger serta penyeragaman font size.

1.5.62

Release Date: Maret 2026

Versi 1.5.62 menghadirkan penyempurnaan styling dan posisioning panel pada komponen MonthPicker untuk menyelaraskan perilaku tampilan antar framework pengguna (React dan Vue).

Perbaikan & Peningkatan

Fixed
MonthPicker: Perbaikan positioning panel dropdown pada ukuran layar mobile (tidak lagi mengambang) agar tampil konsisten berada tepat di bawah tombol trigger.

1.5.61

Release Date: Maret 2026

Versi 1.5.61 menghadirkan penambahan properti baru `showPagination` pada komponen Table untuk memberikan fleksibilitas kepada pengguna dalam menampilkan atau menyembunyikan kontrol navigasi halaman.

Fitur Baru

Added
Table: Menambahkan properti `showPagination` (default: `true`) untuk mengontrol visibilitas pagination bar di bagian bawah tabel secara opsional.

1.5.60

Release Date: Maret 2026

Versi 1.5.60 menghadirkan penyesuaian ukuran font pada tata letak responsif komponen Pagination.

Perbaikan & Peningkatan

Updated
Pagination: Penyesuaian font size untuk mendukung tampilan yang lebih responsif.

1.5.59

Release Date: Maret 2026

Versi 1.5.59 menghadirkan pembaruan tata letak (layout) yang lebih responsif untuk komponen Pagination pada perangkat mobile dan tablet kecil.

Perbaikan & Peningkatan

Updated
Pagination: Penyesuaian layout agar lebih responsif di perangkat mobile dan small tablet.

1.5.58

Release Date: Maret 2026

Versi 1.5.58 menghadirkan peningkatan pada input current page komponen Pagination yang kini lebar area inputnya secara otomatis menyesuaikan dengan jumlah karakter yang diketik.

Perbaikan & Peningkatan

Updated
Pagination: Lebar content input akan otomatis mengikuti fleksibilitas ukuran karakter halaman saat ini secara dinamis.

1.5.57

Release Date: Maret 2026

Versi 1.5.57 menghadirkan implementasi elemen input angka pada indikator halaman saat ini (current page) di komponen Pagination.

Perbaikan & Peningkatan

Updated
Pagination: Menambahkan fitur input pada nomor halaman saat ini untuk berpindah halaman secara langsung.

1.5.56

Release Date: Maret 2026

Versi 1.5.56 menghadirkan penyesuaian ukuran font dinamis (responsive font size) pada komponen Table.

Perbaikan & Peningkatan

Updated
Table: Mengimplementasikan responsivitas pada ukuran font tabel di berbagai ukuran layar.

1.5.55

Release Date: Februari 2026

Versi 1.5.55 menghadirkan pembaruan pada warna border di komponen CardPlain untuk menyesuaikan dengan panduan visual terbaru.

Perbaikan & Peningkatan

Updated CardPlain: Memperbarui aturan warna border.

1.5.54

Release Date: Februari 2026

Versi 1.5.54 menghadirkan peningkatan responsivitas pada komponen CardPlain melalui penyesuaian nilai padding untuk setiap ukuran layar.

Perbaikan & Peningkatan

Updated
CardPlain: Menambahkan responsive padding menggunakan media queries yang menyesuaikan dengan parameter layar.

1.5.53

Release Date: Februari 2026

Versi 1.5.53 menghadirkan pembaruan berupa penambahan style width: 100% pada komponen CardPlain untuk memastikan tampilan yang responsif dan konsisten.

Perbaikan & Peningkatan

Updated
CardPlain: Menambahkan properti width: 100% untuk memperbaiki isu sizing pada komponen dasar.

1.5.52

Release Date: Februari 2026

Versi 1.5.52 menghadirkan penambahan komponen baru yaitu CardPlain, sebuah container kosong dengan style dasar berupa border dan border-radius standar IDDS, memberikan kebebasan fleksibilitas konten bagi pengguna.

Fitur Baru

New
CardPlain: Komponen container dasar telah ditambahkan untuk React, Vue, dan HTML/CSS.

1.5.51

Release Date: Februari 2026

Versi 1.5.51 menghadirkan pembaruan pada interaksi hover untuk komponen Tab, meningkatkan konsistensi feedback visual saat pengguna berinteraksi dengan menu navigasi.

Perbaikan & Peningkatan

Updated
TabMenu - Penyempurnaan hover state pada komponen Tab Horizontal dan Tab Vertical untuk interaksi yang lebih responsif

1.5.50

Release Date: Februari 2026

Versi 1.5.50 menghadirkan peningkatan paduan warna (color styling) pada komponen TimePicker untuk antarmuka yang lebih konsisten dengan design guidelines.

Perbaikan & Peningkatan

Updated
TimePicker - Enhancement styling warna komponen agar sesuai dengan design guidelines terbaru

1.5.49

Release Date: Februari 2026

Versi 1.5.49 menghadirkan perbaikan bug krusial pada komponen DatePicker yang sebelumnya mengalami kendala rendering panel.

Perbaikan Bug

Fixed
DatePicker - Memperbaiki issue panel DatePicker yang kadang tidak terbuka dengan sempurna saat digunakan

1.5.48

Release Date: Februari 2026

Versi 1.5.48 menghadirkan optimasi besar-besaran pada ukuran paket @idds/react, @idds/vue, dan @idds/styles. Update ini secara signifikan mengurangi ukuran bundle dan mempercepat waktu instalasi tanpa mengubah API public.

Optimasi Performa

Optimized
Bundle Size (React & Vue) - Reduksi ukuran bundle utama
Optimized
Flag Assets - Optimasi aset bendera pada @idds/styles dengan mengganti 250+ file SVG menjadi versi yang lebih ringan, mengurangi ukuran folder dari ~10MB menjadi ~600KB
Refactored
PhoneInput - Penerapan async loading untuk aset bendera. Bendera negara kini hanya akan dimuat ketika dibutuhkan, tidak lagi di-bundle secara inline yang menyebabkan bloat

1.5.45

Release Date: Januari 2026

Versi 1.5.45 fokus pada peningkatan aksesibilitas (Accessibility) untuk BasicDropdown dan Modal, serta peningkatan UX pada SelectDropdown dengan fitur infinite scroll dan state persistence.

Perbaikan & Peningkatan

Updated
BasicDropdown - Penambahan dukungan keyboard (Enter/Space, Escape) untuk toggle dan atribut ARIA (aria-expanded, aria-haspopup) untuk aksesibilitas
Updated
Modal - Implementasi Focus Trap untuk menjaga navigasi keyboard tetap dalam dialog, Initial Focus pada elemen pertama, serta Focus Restoration saat modal ditutup
Updated
SelectDropdown - Peningkatan UX dengan fitur automatic infinite scroll, perbaikan navigasi keyboard (Arrow Keys), dan persistensi state (posisi scroll & pencarian) saat dropdown ditutup

1.5.44

Release Date: Januari 2026

Versi 1.5.44 menghadirkan pembaruan pada color primitives, termasuk update pada warna Lime, Orange, dan Pink, serta penambahan varian warna baru seperti Teal, Coral, Violet, dan Lilac.

Perbaikan & Peningkatan

Updated
Primitive Colors - Update nilai HEX untuk primitive colors Lime, Orange, dan Pink agar sesuai dengan design tokens terbaru
Added
New Primitives - Penambahan primitive colors baru: Teal, Coral, Violet, dan Lilac untuk memperkaya palet warna sistem
Refactored
Tailwind Config - Integrasi color tokens baru ke dalam konfigurasi Tailwind untuk penggunaan utility classes

1.5.43

Release Date: Januari 2026

Versi 1.5.43 menghadirkan perbaikan styling pada komponen PasswordInput dan TextField untuk memastikan konsistensi warna teks pada state validasi.

Perbaikan & Peningkatan

Fixed
PasswordInput & TextField - Peningkatan spesifisitas CSS selector untuk warna teks status (error, warning, success) agar tampil konsisten dan tidak tertimpa conflict styling

1.5.42

Release Date: Januari 2026

Versi 1.5.42 menghadirkan perbaikan visual dan stabilitas layout pada komponen form input, khususnya penghapusan inset box-shadow yang tidak konsisten dan perbaikan layout shifting pada TimePicker.

Perbaikan & Peningkatan

Fixed
Form Inputs - Penghapusan inset keyword pada property box-shadow untuk state error, warning, dan success di seluruh komponen form (TextField, TextArea, SelectDropdown, PhoneInput, OneTimePassword, TimePicker) untuk memastikan konsistensi visual focus ring
Fixed
TimePicker - Perbaikan layout shifting yang terjadi saat tombol “Clear” muncul. Tombol kini menggunakan absolute positioning agar tidak mempengaruhi lebar container

1.5.41

Release Date: Januari 2026

Versi 1.5.41 menghadirkan perbaikan bug logik pada TimePicker, refinement layout PhoneInput, serta peningkatan visual pada komponen form input.

Perbaikan & Peningkatan

Fixed
TimePicker - Perbaikan logika disabledTimeBefore yang sebelumnya menonaktifkan seluruh jam meskipun terdapat menit yang valid
Fixed
PhoneInput - Perbaikan lebar dropdown negara agar sesuai dengan lebar input wrapper
Updated
Form Inputs - Refinement spacing dan padding pada helper text dan character count untuk komponen TextField, TextArea, PasswordInput, dan PhoneInput
Updated
Styling - Pembaruan style focus ring pada komponen form menggunakan color token content-primary

1.5.40

Release Date: Januari 2026

Versi 1.5.40 menghadirkan perbaikan pada responsiveness komponen RadioInput dan layout DatePicker, serta penambahan kontrol halaman awal pada komponen Table.

Perbaikan & Peningkatan

Added
Table - Penambahan prop initialPage untuk mengontrol halaman awal dan sinkronisasi state halaman dari parent component
Updated
DatePicker - Refinement lebar panel agar adaptif: mengikuti lebar trigger (min-width) namun tetap bisa melebar sesuai konten kalender
Fixed
RadioInput - Perbaikan layout horizontal pada mobile agar tetap dalam baris (row) dengan wrapping, tidak force stack ke kolom

1.5.39

Release Date: Januari 2026

Versi 1.5.39 menghadirkan pembaruan pada komponen OneTimePassword, BasicDropdown, dan TimePicker.

Perbaikan & Peningkatan

Updated
OneTimePassword - Perbaikan styling terkait padding dan margin untuk kerapian layout.
Updated
BasicDropdown - Penyesuaian padding pada container dropdown.
Fixed TimePicker - Perbaikan color pada disabled option.

1.5.34

Release Date: Januari 2026

Versi 1.5.34 menghadirkan pembaruan pada dokumentasi BasicDropdown untuk penggunaan props yang lebih deklaratif serta pemisahan concern antara trigger dan content.

Perbaikan & Peningkatan

Updated
BasicDropdown Docs - Pembaruan snippet code pada React, Vue, dan JS untuk menggunakan pendekatan trigger dan content (Basic) alih-alih items (Action List) untuk membedakan use case dengan ActionDropdown
Updated
BasicDropdown Example - Refinement contoh penggunaan pada dropdown-basic agar menampilkan layout konten generic (User Card) sebagai demo kapabilitas custom content

1.5.33

Release Date: Januari 2026

Versi 1.5.33 menghadirkan renaming komponen Dropdown menjadi ActionDropdown, penambahan komponen BasicDropdown, serta perbaikan styling dan konsistensi pada berbagai komponen.

Komponen Baru

Added
BasicDropdown - Menambahkan komponen BasicDropdown untuk use case dropdown sederhana yang fleksibel

Perbaikan & Peningkatan

Refactored
ActionDropdown - Renaming komponen dari Dropdown menjadi ActionDropdown untuk kejelasan fungsi
Updated
Box Shadow - Penyeragaman box-shadow pada state focus untuk komponen ActionDropdown, BasicDropdown, Checkbox, dan RadioInput menggunakan spread yang lebih lebar (3px)
Fixed
ActionDropdown - Perbaikan masalah visibilitas dan styling pada trigger button
Fixed
Exports - Export tipe data ActionDropdownItem pada package React dan Vue untuk kemudahan penggunaan di sisi consumer

1.5.32

Release Date: Januari 2026

Versi 1.5.32 menghadirkan penambahan prop panelOnly pada DatePicker untuk fleksibilitas rendering tanpa input field.

Perbaikan & Peningkatan

Added
DatePicker - Menambahkan prop panelOnly yang memungkinkan dirender sebagai kalender statis (panel saja) tanpa trigger input, berguna untuk kebutuhan custom layout atau embedded calendar

1.5.31

Release Date: Januari 2026

Versi 1.5.31 membawa refinement visual lebih lanjut pada komponen PasswordInput untuk mencapai konsistensi styling yang sempurna dengan sistem desain.

Perbaikan & Peningkatan

Updated
PasswordInput - Penyelarasan style box-shadow pada semua state (focus, error, warning, success) agar identik dengan TextField

1.5.30

Release Date: Januari 2026

Versi 1.5.30 membawa refinement visual lebih lanjut pada komponen RadioInput untuk mencapai konsistensi styling yang sempurna dengan sistem desain.

Perbaikan & Peningkatan

Updated
RadioInput - Refinement visual dengan menghapus drop shadow yang tidak konsisten pada state hover/active dan mempertegas focus ring

1.5.29

Release Date: Januari 2026

Versi 1.5.29 membawa pembaruan besar pada komponen Dropdown dan SelectDropdown untuk positioning yang lebih baik, serta peningkatan styling dan responsivitas pada komponen form control seperti RadioInput dan Checkbox.

Perbaikan & Peningkatan

Updated
Checkbox - Penyeragaman focus style menggunakan box-shadow ring untuk konsistensi dengan komponen form lainnya

1.5.28

Release Date: Januari 2026

Versi 1.5.28 membawa pembaruan besar pada komponen Dropdown dan SelectDropdown untuk positioning yang lebih baik, serta peningkatan styling dan responsivitas pada komponen form control seperti RadioInput dan Checkbox.

Perbaikan & Peningkatan

Refactored
Dropdown & SelectDropdown (React/Vue) - Migrasi dari Portal/Teleport ke inline rendering untuk positioning yang lebih akurat dan penanganan z-index yang lebih baik
Updated
RadioInput - Implementasi box-shadow untuk focus state dan penambahan opsi size (sm, md, lg) dengan responsive scaling otomatis pada mobile

1.5.27

Release Date: Januari 2026

Versi 1.5.27 menghadirkan perbaikan signifikan pada styling komponen TimePicker dan Pagination untuk meningkatkan konsistensi visual dan pengalaman pengguna.

Perbaikan & Peningkatan

Updated
TimePicker - Perbaikan styling pada state open/focus (box-shadow, outline, border) untuk konsistensi visual dengan design system
Updated
Pagination - Penyesuaian warna outline dan border pada state focus agar selaras dengan var(--ina-content-primary)

1.5.18

Release Date: Desember 2025

Versi 1.5.18 menghadirkan standarisasi props pada komponen form input serta perbaikan kompatibilitas syntax highlighting pada Vue. Update ini memastikan konsistensi API antara React dan Vue khususnya untuk properti helperText2

Perbaikan & Peningkatan

Updated
TextField, TextArea, PasswordInput (Vue) - Penambahan prop helperText untuk menampilkan pesan bantuan di bawah input, menyejajarkan fitur dengan versi React
Updated
PhoneInput - Penyeragaman tipe data helperText menjadi ReactNode (React) dan string | Component (Vue) untuk fleksibilitas konten yang lebih baik
Updated
Vue Components - Refactoring internal pada rendering dynamic components (TextField, TextArea, PhoneInput) untuk memperbaiki masalah syntax highlighting pada IDE

Perbaikan Bug

Fixed
PasswordInput - Perbaikan warna teks helperText saat status neutral agar konsisten dengan design tokens var(--ina-content-secondary)

1.4.13

Release Date: Desember 2025

Versi 1.4.13 menghadirkan berbagai refinement dan perbaikan pada komponen Modal, DatePicker, dan TabHorizontal untuk meningkatkan stabilitas, konsistensi, dan pengalaman pengguna.

Perbaikan & Peningkatan

Updated
Modal - Perbaikan handling overflow konten dengan implementasi word-break dan overflow-wrap untuk mencegah konten melebihi width dialog. Konten panjang tanpa spasi sekarang akan ter-wrap dengan benar sesuai dengan size variant yang ditentukan (sm, md, lg, xl)
Updated
DatePicker - Perbaikan sizing dan spacing pada komponen DatePicker untuk meningkatkan konsistensi visual dan kemudahan penggunaan
Updated
TabHorizontal - Refinement pada outline dan styling komponen TabHorizontal untuk meningkatkan konsistensi visual dan aksesibilitas

Perbaikan Bug

Fixed
Perbaikan bug pada Modal dimana konten dengan text panjang tanpa spasi dapat melebihi width dialog dan menyebabkan overflow horizontal
Fixed
Perbaikan sizing issue pada DatePicker yang mempengaruhi layout dan spacing
Fixed
Perbaikan outline styling pada TabHorizontal untuk konsistensi visual yang lebih baik

Breaking Changes

Tidak ada breaking changes di versi ini. Semua perubahan bersifat backward compatible.

Migration Guide

Untuk migrasi dari versi sebelumnya, tidak diperlukan perubahan kode. Semua komponen tetap kompatibel dengan versi sebelumnya.

1.4.0

Release Date: Desember 2025

Versi 1.4.0 menghadirkan berbagai perbaikan dan peningkatan pada komponen DatePicker, ButtonGroup, dan TabHorizontal untuk meningkatkan stabilitas dan pengalaman pengguna.

Perbaikan & Peningkatan

Updated
DatePicker - Peningkatan fungsionalitas dan perbaikan bug pada komponen DatePicker untuk memastikan pengalaman yang lebih baik dalam pemilihan tanggal
Updated
ButtonGroup - Perbaikan dan peningkatan pada komponen ButtonGroup untuk meningkatkan konsistensi dan kemudahan penggunaan
Updated
TabHorizontal - Peningkatan pada komponen TabHorizontal dengan perbaikan navigasi dan interaksi yang lebih responsif

Perbaikan Bug

Fixed
Perbaikan bug pada DatePicker yang terkait dengan validasi tanggal dan format input
Fixed
Perbaikan masalah pada ButtonGroup terkait dengan alignment dan spacing antar button
Fixed
Perbaikan bug pada TabHorizontal yang mempengaruhi navigasi dan state management

Breaking Changes

Tidak ada breaking changes di versi ini. Semua perubahan bersifat backward compatible.

Migration Guide

Untuk migrasi dari versi sebelumnya, tidak diperlukan perubahan kode. Semua komponen tetap kompatibel dengan versi sebelumnya.

1.3.0

Release Date: November 2025

Versi 1.3.0 menghadirkan penambahan komponen baru yaitu Breadcrumb dan CardContent untuk memperluas ketersediaan komponen dalam INA Digital Design System.

Komponen Baru

Added
Breadcrumb - Komponen navigasi breadcrumb yang membantu pengguna memahami lokasi mereka dalam hierarki halaman dan memudahkan navigasi kembali ke halaman sebelumnya
Added
CardContent - Komponen card content yang menyediakan container fleksibel untuk menampilkan konten dengan berbagai varian dan styling options

Perbaikan & Peningkatan

Tidak ada perbaikan atau peningkatan di versi ini. Fokus utama pada penambahan komponen baru.

Perbaikan Bug

Tidak ada perbaikan bug di versi ini.

Breaking Changes

Tidak ada breaking changes di versi ini. Semua perubahan bersifat backward compatible.

Migration Guide

Untuk migrasi dari versi sebelumnya, tidak diperlukan perubahan kode. Semua komponen tetap kompatibel dengan versi sebelumnya.

1.2.2

Release Date: November 2025

Versi terbaru IDDS dengan dukungan penuh untuk React dan Vue, mencakup lebih dari 50 komponen yang siap digunakan untuk membangun aplikasi digital pemerintah Indonesia yang modern dan konsisten.

Komponen yang Tersedia

IDDS 1.2.2 menyediakan komponen-komponen berikut untuk framework React dan Vue:

Layout & Navigation:

Added
Accordion, AccordionCard, AccordionGroup - Komponen accordion dengan dukungan nested dan grouping
Added
Breadcrumb - Navigasi breadcrumb untuk membantu user memahami lokasi mereka
Added Drawer - Side drawer untuk navigasi dan menu
Added
TabHorizontal, TabVertical - Sistem tab horizontal dan vertikal dengan berbagai varian

Data Display:

Added
Avatar - Komponen avatar dengan berbagai ukuran dan varian
Added
Badge - Badge untuk menampilkan status, label, atau notifikasi
Added
Card - Container card dengan berbagai varian dan shadow
Added Chip - Komponen chip untuk tag, filter, dan selection
Added
Table, TableProgressBar - Tabel data dengan fitur sorting, pagination, dan progress indicator
Added
Skeleton - Loading skeleton untuk meningkatkan UX saat data dimuat
Added Spinner - Indikator loading dengan berbagai ukuran

Feedback:

Added Alert - Komponen alert untuk menampilkan pesan penting
Added
Toast, ToastProvider (Vue) - Notifikasi toast dengan sistem provider
Added Tooltip - Tooltip untuk memberikan informasi tambahan
Added Modal - Modal dialog dengan berbagai ukuran dan varian
Added
BottomSheet - Bottom sheet untuk mobile-first interactions
Added
ProgressBar, LinearProgressIndicator - Indikator progress untuk proses yang sedang berjalan

Form Controls:

Added
TextField, TextArea, PasswordInput - Input field dengan validasi, security config, dan berbagai fitur keamanan
Added
Checkbox, RadioInput - Kontrol form untuk single dan multiple selection
Added
Toggle - Switch toggle dengan berbagai ukuran dan varian
Added
SelectDropdown - Dropdown select dengan search dan custom options
Added
DatePicker, MonthPicker, YearPicker, TimePicker - Picker untuk tanggal dan waktu dengan berbagai format
Added
PhoneInput - Input khusus untuk nomor telepon dengan validasi format
Added
OneTimePassword - Input OTP dengan auto-focus dan validation
Added
FileUpload, SingleFileUpload - Upload file dengan drag & drop, preview, dan validasi
Added
InputSearch - Search input dengan icon dan clear button
Added
Stepper - Stepper untuk multi-step form dengan validasi per step
Added
MultipleChoiceGrid - Grid untuk multiple choice dengan layout yang fleksibel
Added
FieldInputTable - Tabel dengan input field yang dapat diedit inline

Actions:

Added
Button, ButtonGroup - Button dengan berbagai varian, ukuran, dan state
Added ActionDropdown - Dropdown untuk action menu
Added
Dropdown - Dropdown menu dengan berbagai positioning options
Added
Pagination - Pagination dengan berbagai ukuran dan varian

Utilities:

Added Divider - Divider untuk memisahkan konten
Added Collapse - Collapse untuk show/hide konten
Added ThemeToggle - Toggle untuk dark/light mode
Added
List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader - Komponen list dengan berbagai varian

Fitur Utama

Added
Dual Framework Support - Dukungan penuh untuk React dan Vue dengan API yang konsisten
Added
TypeScript Support - Type definitions lengkap untuk semua komponen
Added
Security Features - Built-in XSS protection dan input validation untuk TextField dan TextArea
Added
Accessibility - Komponen mengikuti standar WCAG dengan ARIA attributes yang lengkap
Added
Theme System - Sistem tema yang fleksibel dengan dukungan multiple brand (INAgov, PANRB, LAN, BKN, dll)
Added
Responsive Design - Semua komponen dirancang mobile-first dan responsive
Added
Form Validation - Sistem validasi yang powerful dengan custom rules dan real-time feedback

Perbaikan & Peningkatan

Updated
Toggle Component - Perbaikan koneksi label dengan input menggunakan id prop yang dapat dikustomisasi
Updated
Skeleton Component - Sinkronisasi props antara React dan Vue untuk konsistensi (rounded, color, className)
Updated
TextField & TextArea - Peningkatan security config dengan sanitization dan threat detection
Updated
Documentation - Dokumentasi props lengkap untuk TextField, TextArea, dan PasswordInput
Updated
Brand Selector - Komponen reusable untuk memilih brand theme dengan persistensi di localStorage

Perbaikan Bug

Fixed
Perbaikan Toggle di variant-two yang tidak berfungsi karena mismatch antara label for dan input id
Fixed
Perbaikan props table yang tidak ter-render di halaman Text Input documentation
Fixed
Perbaikan konsistensi props Skeleton antara React dan Vue untuk mendukung rounded-full
Fixed
Perbaikan import order dan linter errors di berbagai file komponen

Breaking Changes

Tidak ada breaking changes di versi ini. Semua perubahan bersifat backward compatible.

Migration Guide

Untuk migrasi dari versi sebelumnya, tidak diperlukan perubahan kode. Semua komponen tetap kompatibel dengan versi sebelumnya.

1.1.0

Release Date: Oktober 2025

Added
Empty State Pattern (Mobile + Desktop) - Ditambahkan versi mobile dengan dua varian CTA
Added
Error State Pattern (Mobile + Desktop) - Menerapkan desain untuk keadaan kesalahan dengan pesan yang jelas
Added
Loading State Pattern (Mobile + Desktop) - Menambahkan indikator loading untuk meningkatkan pengalaman pengguna
Updated Footer Section Pattern
Updated Header Pattern
Fixed Perbaikan jarak antar elemen pada Stepper (Horizontal)
Fixed Penyesuaian warna focus state pada Radio Button

IDDS 1.2.2 menyediakan komponen-komponen berikut untuk framework React dan Vue:

Layout & Navigation:

Added
Accordion, AccordionCard, AccordionGroup - Komponen accordion dengan dukungan nested dan grouping
Added
Breadcrumb - Navigasi breadcrumb untuk membantu user memahami lokasi mereka
Added Drawer - Side drawer untuk navigasi dan menu
Added
TabHorizontal, TabVertical - Sistem tab horizontal dan vertikal dengan berbagai varian

Data Display:

Added
Avatar - Komponen avatar dengan berbagai ukuran dan varian
Added
Badge - Badge untuk menampilkan status, label, atau notifikasi
Added
Card - Container card dengan berbagai varian dan shadow
Added Chip - Komponen chip untuk tag, filter, dan selection
Added
Table, TableProgressBar - Tabel data dengan fitur sorting, pagination, dan progress indicator
Added
Skeleton - Loading skeleton untuk meningkatkan UX saat data dimuat
Added Spinner - Indikator loading dengan berbagai ukuran

Feedback:

Added Alert - Komponen alert untuk menampilkan pesan penting
Added
Toast, ToastProvider (Vue) - Notifikasi toast dengan sistem provider
Added Tooltip - Tooltip untuk memberikan informasi tambahan
Added Modal - Modal dialog dengan berbagai ukuran dan varian
Added
BottomSheet - Bottom sheet untuk mobile-first interactions
Added
ProgressBar, LinearProgressIndicator - Indikator progress untuk proses yang sedang berjalan

Form Controls:

Added
TextField, TextArea, PasswordInput - Input field dengan validasi, security config, dan berbagai fitur keamanan
Added
Checkbox, RadioInput - Kontrol form untuk single dan multiple selection
Added
Toggle - Switch toggle dengan berbagai ukuran dan varian
Added
SelectDropdown - Dropdown select dengan search dan custom options
Added
DatePicker, MonthPicker, YearPicker, TimePicker - Picker untuk tanggal dan waktu dengan berbagai format
Added
PhoneInput - Input khusus untuk nomor telepon dengan validasi format
Added
OneTimePassword - Input OTP dengan auto-focus dan validation
Added
FileUpload, SingleFileUpload - Upload file dengan drag & drop, preview, dan validasi
Added
InputSearch - Search input dengan icon dan clear button
Added
Stepper - Stepper untuk multi-step form dengan validasi per step
Added
MultipleChoiceGrid - Grid untuk multiple choice dengan layout yang fleksibel
Added
FieldInputTable - Tabel dengan input field yang dapat diedit inline

Actions:

Added
Button, ButtonGroup - Button dengan berbagai varian, ukuran, dan state
Added ActionDropdown - Dropdown untuk action menu
Added
Dropdown - Dropdown menu dengan berbagai positioning options
Added
Pagination - Pagination dengan berbagai ukuran dan varian

Utilities:

Added Divider - Divider untuk memisahkan konten
Added Collapse - Collapse untuk show/hide konten
Added ThemeToggle - Toggle untuk dark/light mode
Added
List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader - Komponen list dengan berbagai varian

Fitur Utama

Added
Dual Framework Support - Dukungan penuh untuk React dan Vue dengan API yang konsisten
Added
TypeScript Support - Type definitions lengkap untuk semua komponen
Added
Security Features - Built-in XSS protection dan input validation untuk TextField dan TextArea
Added
Accessibility - Komponen mengikuti standar WCAG dengan ARIA attributes yang lengkap
Added
Theme System - Sistem tema yang fleksibel dengan dukungan multiple brand (INAgov, PANRB, LAN, BKN, dll)
Added
Responsive Design - Semua komponen dirancang mobile-first dan responsive
Added
Form Validation - Sistem validasi yang powerful dengan custom rules dan real-time feedback

Perbaikan & Peningkatan

Updated
Toggle Component - Perbaikan koneksi label dengan input menggunakan id prop yang dapat dikustomisasi
Updated
Skeleton Component - Sinkronisasi props antara React dan Vue untuk konsistensi (rounded, color, className)
Updated
TextField & TextArea - Peningkatan security config dengan sanitization dan threat detection
Updated
Documentation - Dokumentasi props lengkap untuk TextField, TextArea, dan PasswordInput
Updated
Brand Selector - Komponen reusable untuk memilih brand theme dengan persistensi di localStorage

Perbaikan Bug

Fixed
Perbaikan Toggle di variant-two yang tidak berfungsi karena mismatch antara label for dan input id
Fixed
Perbaikan props table yang tidak ter-render di halaman Text Input documentation
Fixed
Perbaikan konsistensi props Skeleton antara React dan Vue untuk mendukung rounded-full
Fixed
Perbaikan import order dan linter errors di berbagai file komponen

Breaking Changes

Tidak ada breaking changes di versi ini. Semua perubahan bersifat backward compatible.

Migration Guide

Untuk migrasi dari versi sebelumnya, tidak diperlukan perubahan kode. Semua komponen tetap kompatibel dengan versi sebelumnya.

1.0.0

Inisial Release INA Digital Design System

Added

Rilis Dokumentasi INA Digital Design System - Peluncuran tahap awal dokumentasi INA Digital Design System