@cahyo-dimas/freeday 3.9.3 → 3.9.4

package/CHANGELOG.md

@@ -9,6 +9,37 @@ benar. Perubahan seperti itu ditulis di bawah `### Changed: BREAKING (types)`
 lama → tipe baru, dan cara menyempitkannya — bukan di bawah `### Added`, betapapun aditifnya dari
 sisi kit.
 
+## [3.9.4] - 2026-10-26
+
+**Sembilan dari lima puluh enam, dan empat puluh delapan sisanya ranjau.** Tiga rilis berturut-turut
+menambal transisi yang tersangkut di bawah Reduce Motion satu per satu: scrim drawer di 3.9.2, yang
+spesifisitasnya salah dan diperbaiki di 3.9.3, lalu centang checkbox yang dilaporkan dari perangkat
+yang sama. Yang ketiga itu lolos dari penjaga 3.9.3 karena penjaga itu hanya memeriksa transisi yang
+menyentuh `pointer-events`, dan centang checkbox tidak menyentuhnya: ia cuma `transform: scale(0)`
+menjadi `scale(1)`. Inputnya benar-benar tercentang selama ini; centangnya yang tidak pernah
+digambar.
+
+Hitungannya yang menghentikan pola menambal: kit mentransisikan sesuatu di 56 selektor dan
+menetralkan 9.
+
+### Fixed
+- **Setiap transisi dinetralkan di bawah `prefers-reduced-motion`** (`#090`), satu aturan di
+  `src/base.css` alih-alih daftar yang dipelihara tangan. WebKit menjepit durasi transisi ke
+  0.000001s ketika setelan itu menyala, dan pada durasi itu transisinya tidak pernah berjalan:
+  propertinya tersangkut di nilai awal. Akibatnya bukan "kurang halus" melainkan keadaan yang salah
+  di layar.
+- **`transition:none`, bukan durasi mungil.** Reset aksesibilitas yang beredar luas memakai
+  `transition-duration: 0.01ms` supaya `transitionend` tetap menyala, dan durasi mungil itu persis
+  bentuk yang menyangkut di WebKit; reset itu akan memperburuk cacat ini. Satu-satunya yang pernah
+  menunggu `transitionend` di kit ini adalah toast, dan ia sudah punya cadangan
+  `setTimeout(finish, 400)`.
+- **Animasi sengaja tidak disentuh.** Kit memasangnya lewat `prefers-reduced-motion: no-preference`,
+  jadi ia opt-in dan sudah mati di sana, sementara `.fdy-spinner` dan `.fdy-progress` punya
+  perlakuan bernuansa sendiri yang memang harus bertahan.
+- **Penjaganya menuntut aturan menyeluruhnya ada**, dan menolak bentuk durasi-mungil. Dua penjaga
+  sebelumnya hijau untuk kit yang masih punya ranjau; yang ini tidak bisa, sebab ia tidak
+  mendaftar selektor.
+
 ## [3.9.3] - 2026-10-26
 
 **Perbaikan 3.9.2 tidak pernah bisa bekerja, dan penjaganya hijau untuknya.** Penetralan

package/README.id.md

@@ -5,7 +5,7 @@
 > **Lebih banyak _free day_ buat dev. UI kit-nya sudah siap pakai.**
 
 [![Live docs](https://img.shields.io/badge/docs-live-2050d8?style=flat-square)](https://cahyo-dimas.github.io/freeday-ui-kit/)
-[![Release](https://img.shields.io/badge/release-v3.9.3-0078d4?style=flat-square)](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v3.9.3)
+[![Release](https://img.shields.io/badge/release-v3.9.4-0078d4?style=flat-square)](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v3.9.4)
 
 UI KIT yang token-driven & framework-agnostic. Satu sumber kebenaran untuk warna, tipografi,
 spasi, dan komponen. Blueprint: `docs/superpowers/specs/2026-07-21-freeday-ui-kit-design.md`.

package/README.md

@@ -5,7 +5,7 @@
 > **More free days for devs. The UI kit is ready to use.**
 
 [![Live docs](https://img.shields.io/badge/docs-live-2050d8?style=flat-square)](https://cahyo-dimas.github.io/freeday-ui-kit/)
-[![Release](https://img.shields.io/badge/release-v3.9.3-0078d4?style=flat-square)](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v3.9.3)
+[![Release](https://img.shields.io/badge/release-v3.9.4-0078d4?style=flat-square)](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v3.9.4)
 
 A token-driven, framework-agnostic UI kit. One source of truth for color, typography,
 spacing, and components. Blueprint: `docs/superpowers/specs/2026-07-21-freeday-ui-kit-design.md`.

package/dist/freeday.bundle.css

@@ -1217,6 +1217,32 @@ a { color: var(--color-primary-strong); }
   *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
 }
 
+/* ===========================================================================
+ * Reduce Motion: SETIAP transisi dinetralkan, bukan daftar yang dipelihara tangan.
+ *
+ * WebKit menjepit durasi transisi ke 0.000001s ketika setelan itu menyala, dan pada durasi itu
+ * transisinya tidak pernah berjalan: propertinya tersangkut di nilai AWAL, selamanya. Akibatnya
+ * bukan "kurang halus" melainkan keadaan yang salah di layar. Terukur di iPhone 7 tiga kali:
+ * scrim drawer yang tinggal gelap sambil tetap menangkap tap, dan centang checkbox yang tak
+ * pernah digambar padahal inputnya benar-benar tercentang.
+ *
+ * Sebelum aturan ini, kit menetralkan sembilan selektor dari lima puluh enam yang mentransisikan
+ * sesuatu. Empat puluh delapan sisanya ranjau yang menunggu, dan tiga sudah meledak di tangan satu
+ * pemilik app. Menambal yang keempat adalah cara kita sampai di sini.
+ *
+ * `transition: none`, BUKAN `transition-duration: 0.01ms` yang biasa beredar sebagai reset
+ * aksesibilitas: durasi mungil itu persis bentuk yang menyangkut di WebKit. Satu-satunya yang
+ * pernah menunggu `transitionend` di kit ini adalah toast, dan ia sudah punya cadangan
+ * `setTimeout(finish, 400)` untuk kasus event itu tak pernah datang.
+ *
+ * ANIMASI sengaja tidak disentuh: kit memasangnya lewat `prefers-reduced-motion: no-preference`,
+ * jadi ia opt-in dan sudah mati di sini, sementara `--spinner` dan `--progress` punya perlakuan
+ * bernuansa sendiri yang memang harus bertahan.
+ * ======================================================================== */
+@media (prefers-reduced-motion:reduce){
+  *,*::before,*::after{transition:none !important;}
+}
+
 /* Freeday. Accordion (native <details>/<summary>, zero-JS) */
 /* position:relative, containing block for out-of-flow panel content (see base.css). NOT redundant
    with the panel's reveal animation: that animation gives the panel a transform (which happens to

package/dist/freeday.css

@@ -40,6 +40,32 @@ a { color: var(--color-primary-strong); }
   *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
 }
 
+/* ===========================================================================
+ * Reduce Motion: SETIAP transisi dinetralkan, bukan daftar yang dipelihara tangan.
+ *
+ * WebKit menjepit durasi transisi ke 0.000001s ketika setelan itu menyala, dan pada durasi itu
+ * transisinya tidak pernah berjalan: propertinya tersangkut di nilai AWAL, selamanya. Akibatnya
+ * bukan "kurang halus" melainkan keadaan yang salah di layar. Terukur di iPhone 7 tiga kali:
+ * scrim drawer yang tinggal gelap sambil tetap menangkap tap, dan centang checkbox yang tak
+ * pernah digambar padahal inputnya benar-benar tercentang.
+ *
+ * Sebelum aturan ini, kit menetralkan sembilan selektor dari lima puluh enam yang mentransisikan
+ * sesuatu. Empat puluh delapan sisanya ranjau yang menunggu, dan tiga sudah meledak di tangan satu
+ * pemilik app. Menambal yang keempat adalah cara kita sampai di sini.
+ *
+ * `transition: none`, BUKAN `transition-duration: 0.01ms` yang biasa beredar sebagai reset
+ * aksesibilitas: durasi mungil itu persis bentuk yang menyangkut di WebKit. Satu-satunya yang
+ * pernah menunggu `transitionend` di kit ini adalah toast, dan ia sudah punya cadangan
+ * `setTimeout(finish, 400)` untuk kasus event itu tak pernah datang.
+ *
+ * ANIMASI sengaja tidak disentuh: kit memasangnya lewat `prefers-reduced-motion: no-preference`,
+ * jadi ia opt-in dan sudah mati di sini, sementara `--spinner` dan `--progress` punya perlakuan
+ * bernuansa sendiri yang memang harus bertahan.
+ * ======================================================================== */
+@media (prefers-reduced-motion:reduce){
+  *,*::before,*::after{transition:none !important;}
+}
+
 /* Freeday. Accordion (native <details>/<summary>, zero-JS) */
 /* position:relative, containing block for out-of-flow panel content (see base.css). NOT redundant
    with the panel's reveal animation: that animation gives the panel a transform (which happens to

package/docs/getting-started.md

@@ -191,7 +191,7 @@ live docs also have a copy button per component.
 ```bash
 npm i @cahyo-dimas/freeday
 ```
-Lands in `package.json` as `"@cahyo-dimas/freeday": "^3.9.3"` (public npm package). `dist/` is
+Lands in `package.json` as `"@cahyo-dimas/freeday": "^3.9.4"` (public npm package). `dist/` is
 committed and published → no build step; `npm ci` runs without auth.
 
 ### 2. Import the CSS + enhancers **once** in your entry (`src/main.ts`)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cahyo-dimas/freeday",
-  "version": "3.9.3",
+  "version": "3.9.4",
   "description": "Freeday: token-driven, framework-agnostic UI KIT (design source-of-truth).",
   "type": "module",
   "license": "MIT",

package/src/base.css

@@ -38,3 +38,29 @@ a { color: var(--color-primary-strong); }
 @media (prefers-reduced-motion: reduce) {
   *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
 }
+
+/* ===========================================================================
+ * Reduce Motion: SETIAP transisi dinetralkan, bukan daftar yang dipelihara tangan.
+ *
+ * WebKit menjepit durasi transisi ke 0.000001s ketika setelan itu menyala, dan pada durasi itu
+ * transisinya tidak pernah berjalan: propertinya tersangkut di nilai AWAL, selamanya. Akibatnya
+ * bukan "kurang halus" melainkan keadaan yang salah di layar. Terukur di iPhone 7 tiga kali:
+ * scrim drawer yang tinggal gelap sambil tetap menangkap tap, dan centang checkbox yang tak
+ * pernah digambar padahal inputnya benar-benar tercentang.
+ *
+ * Sebelum aturan ini, kit menetralkan sembilan selektor dari lima puluh enam yang mentransisikan
+ * sesuatu. Empat puluh delapan sisanya ranjau yang menunggu, dan tiga sudah meledak di tangan satu
+ * pemilik app. Menambal yang keempat adalah cara kita sampai di sini.
+ *
+ * `transition: none`, BUKAN `transition-duration: 0.01ms` yang biasa beredar sebagai reset
+ * aksesibilitas: durasi mungil itu persis bentuk yang menyangkut di WebKit. Satu-satunya yang
+ * pernah menunggu `transitionend` di kit ini adalah toast, dan ia sudah punya cadangan
+ * `setTimeout(finish, 400)` untuk kasus event itu tak pernah datang.
+ *
+ * ANIMASI sengaja tidak disentuh: kit memasangnya lewat `prefers-reduced-motion: no-preference`,
+ * jadi ia opt-in dan sudah mati di sini, sementara `--spinner` dan `--progress` punya perlakuan
+ * bernuansa sendiri yang memang harus bertahan.
+ * ======================================================================== */
+@media (prefers-reduced-motion:reduce){
+  *,*::before,*::after{transition:none !important;}
+}