@cahyo-dimas/freeday 1.37.0 → 1.38.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 Semua perubahan penting dicatat di sini. Format longgar mengikuti
 [Keep a Changelog](https://keepachangelog.com/); tiap versi = git tag.
 
+## [1.38.0] — 2026-08-19
+One note from the back-office app (IDU_EMATE_APPL_WEB, #015).
+### Fixed
+- **`FdyCfl`'s trigger said `"Buka pencarian"`** (Vue · React) — the accessible name of the button
+  that opens the picker, and so the first thing a screen-reader user meets on every
+  choose-from-list. #009 replaced twelve strings around it and missed this one. It takes an
+  `openLabel` prop defaulting to `'Open search'` now. Blazor was not Indonesian but was using
+  `SearchPlaceholder` as that button's `aria-label` — a placeholder doing a label's job — and now
+  takes the same `OpenLabel`, so all four stacks name the control identically.
+- **`FdyCascade`'s up-one-level button said `"Kembali satu tingkat"`** (Vue · React) — new
+  `backLabel`, default `'Back one level'`.
+### Changed
+- **The language guard now lists derived forms, not just roots.** `\bcari\b` cannot match
+  *pen·cari·an*, and `kembali` was never listed — Indonesian derives by affix, so a whole-word list
+  misses most of the UI vocabulary. Widening it is what surfaced the `FdyCascade` string nobody had
+  reported.
+
+### Fixed — the test suite
+- **`rules()` read only the last line of a selector**, so a rule written across several lines was
+  reported under a fragment of its own name and every guard in `test/css.test.mjs` was blind to it
+  (#014). A guard that matches nothing PASSES, which is the worst way for a test to fail — it
+  surfaced only because the first draft of the filter-bar rule happened to be wrapped. The helper
+  now strips comments from the whole source first (a comment quoting CSS carries braces, and those
+  would split a rule in half) and reads the selector whole. Asserted directly rather than left to
+  the CSS staying one-rule-per-line: that is a convention, and this is the thing that would quietly
+  stop enforcing it. Mutation-tested — restoring the last-line read fails the new test by name.
+
 ## [1.37.0] — 2026-08-19
 One note from the back-office app (IDU_EMATE_APPL_WEB, #014).
 ### Added

package/adapters/blazor/FdyCfl.razor

@@ -21,7 +21,7 @@
         </button>
     }
     <button class="fdy-input-group__btn" type="button" @onclick="OpenAsync"
-            disabled="@(Disabled || Readonly)" aria-label="@SearchPlaceholder">
+            disabled="@(Disabled || Readonly)" aria-label="@OpenLabel">
         <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor"
              stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
             <circle cx="11" cy="11" r="7"></circle><path d="m21 21-4.3-4.3"></path>

package/adapters/blazor/FdyCfl.razor.cs

@@ -32,6 +32,9 @@ public partial class FdyCfl<TRow>
     [Parameter] public string MoreText { get; set; } = "Load more";
     [Parameter] public string CloseLabel { get; set; } = "Close";
 
+    /// <summary>aria-label for the button that opens the picker.</summary>
+    [Parameter] public string OpenLabel { get; set; } = "Open search";
+
     [Parameter] public bool Disabled { get; set; }
 
     /// <summary>Locked/view mode: shows the value but the search dialog can't be opened.</summary>

package/adapters/react/components/FdyCascade.tsx

@@ -23,6 +23,8 @@ export interface FdyCascadeProps {
   options: ReadonlyArray<CascadeNode>;
   /** Path separator in the display, default " / " (matches the enhancer). */
   separator?: string;
+  /** aria-label for the button that goes up one level. Default 'Back one level'. */
+  backLabel?: string;
   placeholder?: string;
   /** Accessible name for the trigger + listbox (the enhancer's data-label). */
   label?: string;
@@ -191,7 +193,7 @@ export function FdyCascade(props: FdyCascadeProps): JSX.Element {
           <button
             type="button"
             className="fdy-cascade__back"
-            aria-label="Kembali satu tingkat"
+            aria-label={props.backLabel ?? 'Back one level'}
             hidden={stack.length === 0}
             onClick={(): void => { ascend(); listRef.current?.focus(); }}
           >

package/adapters/react/components/FdyCfl.tsx

@@ -43,6 +43,8 @@ export interface FdyCflProps<Row extends Record<string, unknown>> {
   moreText?: string;
   /** aria-label for the dialog's close button. Default 'Close'. */
   closeLabel?: string;
+  /** aria-label for the button that opens the picker. Default 'Open search'. */
+  openLabel?: string;
   placeholder?: string;
   disabled?: boolean;
   /** Locked/view mode: shows the picked value (focusable, copyable), but the search dialog can't be opened. Unlike `disabled`, it keeps tab order and isn't greyed. */
@@ -300,7 +302,7 @@ export function FdyCfl<Row extends Record<string, unknown>>(props: FdyCflProps<R
         className="fdy-input-group__btn"
         aria-haspopup="dialog"
         aria-labelledby={props.ariaLabelledby}
-        aria-label={props.ariaLabelledby ? undefined : 'Buka pencarian'}
+        aria-label={props.ariaLabelledby ? undefined : (props.openLabel ?? 'Open search')}
         disabled={isDisabled || isReadonly}
         onClick={openDialog}
       >

package/adapters/vue/components/FdyCascade.vue

@@ -36,6 +36,8 @@ const props = defineProps<{
   options: ReadonlyArray<CascadeNode>;
   /** Path separator in the display, default " / " (matches the enhancer). */
   separator?: string;
+  /** aria-label for the button that goes up one level. Default 'Back one level'. */
+  backLabel?: string;
   placeholder?: string;
   /** Accessible name for the trigger + listbox (the enhancer's data-label). */
   label?: string;
@@ -207,7 +209,7 @@ onBeforeUnmount((): void => {
         <button
           type="button"
           class="fdy-cascade__back"
-          aria-label="Kembali satu tingkat"
+          :aria-label="backLabel ?? 'Back one level'"
           :hidden="stack.length === 0"
           @click="ascend(); listEl?.focus()"
         >

package/adapters/vue/components/FdyCfl.vue

@@ -44,6 +44,8 @@ const props = defineProps<{
   moreText?: string;
   /** aria-label for the dialog's close button. Default 'Close'. */
   closeLabel?: string;
+  /** aria-label for the button that opens the picker. Default 'Open search'. */
+  openLabel?: string;
   placeholder?: string;
   disabled?: boolean;
   /** Locked/view mode: shows the picked value (focusable, copyable), but the search dialog can't be opened. Unlike `disabled`, it keeps tab order and isn't greyed. */
@@ -306,7 +308,7 @@ onBeforeUnmount((): void => {
       class="fdy-input-group__btn"
       aria-haspopup="dialog"
       :aria-labelledby="ariaLabelledby"
-      :aria-label="ariaLabelledby ? undefined : 'Buka pencarian'"
+      :aria-label="ariaLabelledby ? undefined : (openLabel ?? 'Open search')"
       :disabled="isDisabled || isReadonly"
       @click="openDialog"
     >

package/package.json

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