@cahyo-dimas/freeday 1.11.1 → 1.11.2

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 Semua perubahan penting dicatat di sini. Format longgar mengikuti
 [Keep a Changelog](https://keepachangelog.com/); tiap versi = git tag.
 
+## [1.11.2] — 2026-07-28
+### Fixed
+- **A filter bar docked in a table toolbar no longer loses its alignment (#35).** `.fdy-filterbar`
+  (`align-items:flex-end`, for labelled fields) and `.fdy-table-toolbar` (`align-items:center`, for
+  bare buttons) are both single-class rules of equal specificity, so composing them on one element
+  (`<div class="fdy-table-toolbar fdy-filterbar">`) let whichever came later in the bundle win — the
+  toolbar — centring every control and floating the trailing actions ~13px above the inputs beside
+  them. Added a `.fdy-table-toolbar.fdy-filterbar` rule (specificity 0,2,0) that settles it toward the
+  filterbar's `flex-end`. Additive — only affects elements carrying both classes; standalone toolbars
+  and filterbars are untouched. Verified in-browser: the composed bar's controls now share one
+  baseline (computed `align-items: flex-end`).
+
 ## [1.11.1] — 2026-07-28
 ### Fixed
 - **Tall modals now scroll their body instead of clipping the footer (#34).** `.fdy-modal` had a

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-v1.11.1-0078d4?style=flat-square)](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v1.11.1)
+[![Release](https://img.shields.io/badge/release-v1.11.2-0078d4?style=flat-square)](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v1.11.2)
 
 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-v1.11.1-0078d4?style=flat-square)](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v1.11.1)
+[![Release](https://img.shields.io/badge/release-v1.11.2-0078d4?style=flat-square)](https://github.com/cahyo-dimas/freeday-ui-kit/tree/v1.11.2)
 
 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

@@ -971,6 +971,11 @@ a { color: var(--color-primary); }
  * --w-grow to absorb the slack; trailing actions align to the controls. Fields are
  * the standard .fdy-field (label above control); wraps gracefully on narrow screens. */
 .fdy-filterbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-4);}
+/* Composed with a table toolbar (one element, both classes): the fields decide the alignment.
+ * `.fdy-table-toolbar` sets align-items:center (right for bare buttons) at equal specificity, and
+ * being later in the bundle it would otherwise win — floating labelled fields' neighbours out of line.
+ * This 2-class selector (0,2,0) settles it toward the filterbar's flex-end regardless of source order. */
+.fdy-table-toolbar.fdy-filterbar{align-items:flex-end;}
 /* Fields are direct children. Drop the standalone field's 22rem cap; default to the
  * medium column width with no unbounded growth (that's what caused the raggedness). */
 .fdy-filterbar>.fdy-field{max-width:none;flex:0 0 auto;width:12rem;}

package/dist/freeday.css

@@ -626,6 +626,11 @@ a { color: var(--color-primary); }
  * --w-grow to absorb the slack; trailing actions align to the controls. Fields are
  * the standard .fdy-field (label above control); wraps gracefully on narrow screens. */
 .fdy-filterbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-4);}
+/* Composed with a table toolbar (one element, both classes): the fields decide the alignment.
+ * `.fdy-table-toolbar` sets align-items:center (right for bare buttons) at equal specificity, and
+ * being later in the bundle it would otherwise win — floating labelled fields' neighbours out of line.
+ * This 2-class selector (0,2,0) settles it toward the filterbar's flex-end regardless of source order. */
+.fdy-table-toolbar.fdy-filterbar{align-items:flex-end;}
 /* Fields are direct children. Drop the standalone field's 22rem cap; default to the
  * medium column width with no unbounded growth (that's what caused the raggedness). */
 .fdy-filterbar>.fdy-field{max-width:none;flex:0 0 auto;width:12rem;}

package/package.json

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

package/src/components/filterbar.css

@@ -5,6 +5,11 @@
  * --w-grow to absorb the slack; trailing actions align to the controls. Fields are
  * the standard .fdy-field (label above control); wraps gracefully on narrow screens. */
 .fdy-filterbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-4);}
+/* Composed with a table toolbar (one element, both classes): the fields decide the alignment.
+ * `.fdy-table-toolbar` sets align-items:center (right for bare buttons) at equal specificity, and
+ * being later in the bundle it would otherwise win — floating labelled fields' neighbours out of line.
+ * This 2-class selector (0,2,0) settles it toward the filterbar's flex-end regardless of source order. */
+.fdy-table-toolbar.fdy-filterbar{align-items:flex-end;}
 /* Fields are direct children. Drop the standalone field's 22rem cap; default to the
  * medium column width with no unbounded growth (that's what caused the raggedness). */
 .fdy-filterbar>.fdy-field{max-width:none;flex:0 0 auto;width:12rem;}