@cahyo-dimas/freeday 3.9.2 → 3.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -0
- package/README.id.md +1 -1
- package/README.md +1 -1
- package/dist/freeday.bundle.css +13 -1
- package/dist/freeday.css +13 -1
- package/docs/getting-started.md +1 -1
- package/package.json +1 -1
- package/src/components/app-shell.css +13 -1
package/CHANGELOG.md
CHANGED
|
@@ -9,6 +9,35 @@ benar. Perubahan seperti itu ditulis di bawah `### Changed: BREAKING (types)`
|
|
|
9
9
|
lama → tipe baru, dan cara menyempitkannya — bukan di bawah `### Added`, betapapun aditifnya dari
|
|
10
10
|
sisi kit.
|
|
11
11
|
|
|
12
|
+
## [3.9.3] - 2026-10-26
|
|
13
|
+
|
|
14
|
+
**Perbaikan 3.9.2 tidak pernah bisa bekerja, dan penjaganya hijau untuknya.** Penetralan
|
|
15
|
+
`prefers-reduced-motion` yang dikirim kemarin memakai `.fdy-app__backdrop`, spesifisitas `(0,1,0)`,
|
|
16
|
+
sementara keadaan terbukanya `.fdy-app--nav-open .fdy-app__backdrop` adalah `(0,2,0)` dan juga
|
|
17
|
+
mendeklarasikan transisi. Jadi penetralannya menang saat drawer tertutup dan kalah saat drawer
|
|
18
|
+
terbuka, yaitu satu-satunya saat ia penting. Yang menanam bomnya 3.9.1 sendiri: ia yang menambahkan
|
|
19
|
+
`transition` ke aturan keadaan terbuka.
|
|
20
|
+
|
|
21
|
+
Diukur dengan reduced motion diemulasi, bukan disimpulkan: tertutup melaporkan `none`, terbuka
|
|
22
|
+
melaporkan `opacity 1e-06s cubic-bezier(0.2, 0, 0, 1), visibility 1e-06s linear`.
|
|
23
|
+
|
|
24
|
+
### Fixed
|
|
25
|
+
- **Keempat selektor yang mendeklarasikan transisi backdrop dinetralkan, bukan yang paling lemah**
|
|
26
|
+
(`#089`). `.fdy-app__backdrop`, keadaan terbukanya, dan kedua padanannya di mode overlay.
|
|
27
|
+
- **Penjaganya menuntut selektor yang SAMA PERSIS**, bukan nama elemennya. Versi pertama hanya
|
|
28
|
+
memeriksa apakah nama itu muncul di suatu tempat di dalam blok reduced-motion, dan itulah
|
|
29
|
+
sebabnya ia hijau untuk perbaikan yang mati. Sekarang spesifisitasnya terjaga oleh konstruksi,
|
|
30
|
+
dan merahnya dibuktikan dengan mengembalikan bentuk 3.9.2: ia menyebut ketiga selektor yang
|
|
31
|
+
hilang dengan nama.
|
|
32
|
+
|
|
33
|
+
### Catatan: kelas bug ini dapat direproduksi di laptop
|
|
34
|
+
Sepanjang penyelidikan ini dicatat bahwa hanya perangkat sungguhan yang dapat menemukannya. Untuk
|
|
35
|
+
yang satu ini itu tidak benar. Chrome ikut menjepit durasi transisi ke `1e-06s` di bawah
|
|
36
|
+
`emulateMedia({ reducedMotion: 'reduce' })`, jadi cacat spesifisitasnya terukur di mesin mana pun.
|
|
37
|
+
Yang tetap tidak dapat direproduksi di Chromium adalah akibatnya, yakni properti yang tersangkut di
|
|
38
|
+
nilai awal; tetapi kontrak yang mencegahnya, `transition` wajib `none` di kedua keadaan, dapat
|
|
39
|
+
diperiksa di mana saja.
|
|
40
|
+
|
|
12
41
|
## [3.9.2] - 2026-10-26
|
|
13
42
|
|
|
14
43
|
**Satu setelan aksesibilitas, dan sebuah scrim yang tak terlihat tetapi tetap menangkap tap.**
|
package/README.id.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
> **Lebih banyak _free day_ buat dev. UI kit-nya sudah siap pakai.**
|
|
6
6
|
|
|
7
7
|
[](https://cahyo-dimas.github.io/freeday-ui-kit/)
|
|
8
|
-
[](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v3.9.3)
|
|
9
9
|
|
|
10
10
|
UI KIT yang token-driven & framework-agnostic. Satu sumber kebenaran untuk warna, tipografi,
|
|
11
11
|
spasi, dan komponen. Blueprint: `docs/superpowers/specs/2026-07-21-freeday-ui-kit-design.md`.
|
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
> **More free days for devs. The UI kit is ready to use.**
|
|
6
6
|
|
|
7
7
|
[](https://cahyo-dimas.github.io/freeday-ui-kit/)
|
|
8
|
-
[](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v3.9.3)
|
|
9
9
|
|
|
10
10
|
A token-driven, framework-agnostic UI kit. One source of truth for color, typography,
|
|
11
11
|
spacing, and components. Blueprint: `docs/superpowers/specs/2026-07-21-freeday-ui-kit-design.md`.
|
package/dist/freeday.bundle.css
CHANGED
|
@@ -1416,7 +1416,19 @@ a { color: var(--color-primary-strong); }
|
|
|
1416
1416
|
* Scrim yang tak terlihat tetapi menangkap tap, jadi ketukan pertama pengguna hilang dan ketukan
|
|
1417
1417
|
* kedua yang bekerja. Setelan yang sama dimatikan, deret yang sama berjalan 0.87 lalu 1.00.
|
|
1418
1418
|
* Sidebar sudah dinetralkan sejak lama; backdrop terlewat, dan ia yang menggerbangi interaksi. */
|
|
1419
|
-
@media (prefers-reduced-motion:reduce){
|
|
1419
|
+
@media (prefers-reduced-motion:reduce){
|
|
1420
|
+
.fdy-app__sidebar{transition:none;}
|
|
1421
|
+
/* KEEMPAT selektor yang mendeklarasikan transisi backdrop, bukan hanya yang paling lemah.
|
|
1422
|
+
`.fdy-app__backdrop` sendirian berspesifisitas (0,1,0) dan kalah dari keadaan terbukanya,
|
|
1423
|
+
`.fdy-app--nav-open .fdy-app__backdrop` (0,2,0), sehingga penetralan ini diam-diam tidak
|
|
1424
|
+
berlaku justru pada saat drawer terbuka, yaitu satu-satunya saat ia penting. Diukur dengan
|
|
1425
|
+
reduced motion diemulasi: tertutup melaporkan `none`, terbuka melaporkan
|
|
1426
|
+
`opacity 1e-06s, visibility 1e-06s`. */
|
|
1427
|
+
.fdy-app__backdrop,
|
|
1428
|
+
.fdy-app--nav-open .fdy-app__backdrop,
|
|
1429
|
+
.fdy-app--nav-overlay .fdy-app__backdrop,
|
|
1430
|
+
.fdy-app--nav-overlay.fdy-app--nav-open .fdy-app__backdrop{transition:none;}
|
|
1431
|
+
}
|
|
1420
1432
|
|
|
1421
1433
|
/* Freeday. App bar (standalone top bar: brand · actions · spacer).
|
|
1422
1434
|
* Distinct from .fdy-app__topbar (which is bound to the shell grid). Use anywhere;
|
package/dist/freeday.css
CHANGED
|
@@ -239,7 +239,19 @@ a { color: var(--color-primary-strong); }
|
|
|
239
239
|
* Scrim yang tak terlihat tetapi menangkap tap, jadi ketukan pertama pengguna hilang dan ketukan
|
|
240
240
|
* kedua yang bekerja. Setelan yang sama dimatikan, deret yang sama berjalan 0.87 lalu 1.00.
|
|
241
241
|
* Sidebar sudah dinetralkan sejak lama; backdrop terlewat, dan ia yang menggerbangi interaksi. */
|
|
242
|
-
@media (prefers-reduced-motion:reduce){
|
|
242
|
+
@media (prefers-reduced-motion:reduce){
|
|
243
|
+
.fdy-app__sidebar{transition:none;}
|
|
244
|
+
/* KEEMPAT selektor yang mendeklarasikan transisi backdrop, bukan hanya yang paling lemah.
|
|
245
|
+
`.fdy-app__backdrop` sendirian berspesifisitas (0,1,0) dan kalah dari keadaan terbukanya,
|
|
246
|
+
`.fdy-app--nav-open .fdy-app__backdrop` (0,2,0), sehingga penetralan ini diam-diam tidak
|
|
247
|
+
berlaku justru pada saat drawer terbuka, yaitu satu-satunya saat ia penting. Diukur dengan
|
|
248
|
+
reduced motion diemulasi: tertutup melaporkan `none`, terbuka melaporkan
|
|
249
|
+
`opacity 1e-06s, visibility 1e-06s`. */
|
|
250
|
+
.fdy-app__backdrop,
|
|
251
|
+
.fdy-app--nav-open .fdy-app__backdrop,
|
|
252
|
+
.fdy-app--nav-overlay .fdy-app__backdrop,
|
|
253
|
+
.fdy-app--nav-overlay.fdy-app--nav-open .fdy-app__backdrop{transition:none;}
|
|
254
|
+
}
|
|
243
255
|
|
|
244
256
|
/* Freeday. App bar (standalone top bar: brand · actions · spacer).
|
|
245
257
|
* Distinct from .fdy-app__topbar (which is bound to the shell grid). Use anywhere;
|
package/docs/getting-started.md
CHANGED
|
@@ -191,7 +191,7 @@ live docs also have a copy button per component.
|
|
|
191
191
|
```bash
|
|
192
192
|
npm i @cahyo-dimas/freeday
|
|
193
193
|
```
|
|
194
|
-
Lands in `package.json` as `"@cahyo-dimas/freeday": "^3.9.
|
|
194
|
+
Lands in `package.json` as `"@cahyo-dimas/freeday": "^3.9.3"` (public npm package). `dist/` is
|
|
195
195
|
committed and published → no build step; `npm ci` runs without auth.
|
|
196
196
|
|
|
197
197
|
### 2. Import the CSS + enhancers **once** in your entry (`src/main.ts`)
|
package/package.json
CHANGED
|
@@ -160,4 +160,16 @@
|
|
|
160
160
|
* Scrim yang tak terlihat tetapi menangkap tap, jadi ketukan pertama pengguna hilang dan ketukan
|
|
161
161
|
* kedua yang bekerja. Setelan yang sama dimatikan, deret yang sama berjalan 0.87 lalu 1.00.
|
|
162
162
|
* Sidebar sudah dinetralkan sejak lama; backdrop terlewat, dan ia yang menggerbangi interaksi. */
|
|
163
|
-
@media (prefers-reduced-motion:reduce){
|
|
163
|
+
@media (prefers-reduced-motion:reduce){
|
|
164
|
+
.fdy-app__sidebar{transition:none;}
|
|
165
|
+
/* KEEMPAT selektor yang mendeklarasikan transisi backdrop, bukan hanya yang paling lemah.
|
|
166
|
+
`.fdy-app__backdrop` sendirian berspesifisitas (0,1,0) dan kalah dari keadaan terbukanya,
|
|
167
|
+
`.fdy-app--nav-open .fdy-app__backdrop` (0,2,0), sehingga penetralan ini diam-diam tidak
|
|
168
|
+
berlaku justru pada saat drawer terbuka, yaitu satu-satunya saat ia penting. Diukur dengan
|
|
169
|
+
reduced motion diemulasi: tertutup melaporkan `none`, terbuka melaporkan
|
|
170
|
+
`opacity 1e-06s, visibility 1e-06s`. */
|
|
171
|
+
.fdy-app__backdrop,
|
|
172
|
+
.fdy-app--nav-open .fdy-app__backdrop,
|
|
173
|
+
.fdy-app--nav-overlay .fdy-app__backdrop,
|
|
174
|
+
.fdy-app--nav-overlay.fdy-app--nav-open .fdy-app__backdrop{transition:none;}
|
|
175
|
+
}
|