@jirawatpyk/aura-react 5.16.0 → 5.16.1

package/README.md

@@ -186,6 +186,10 @@ DataTable with sort and page in the URL (4.17): `onStateChange={({ sort, page })
 - **Time zone**: `timeZone` on AuraProvider, DatePicker, DateRangePicker and Calendar decides "today" (the marker, `min`/`max="today"`, the first month shown); or pass `today` as an ISO date. `todayIn('Asia/Bangkok')` is exported from the root and `/server`.
 - **Toasts** queue past three instead of dropping: six in a row all show, in order, three at a time.
 
+## 5.16.1 — Select ground (Chamber-OS 109)
+
+- **A custom Select keeps the input ground.** The read-only rule for text fields matched the Select's trigger button too (`:read-only` matches anything not editable), so every custom Select showed the disabled ground and looked disabled. It now applies to a read-only `input` only; a read-only TextField still takes the disabled ground, and a read-only Textarea now does too.
+
 ## 5.16 — Chamber-OS addenda 15–16, the larger items
 
 - **SideNav action rows** (item 95): an item with `selectable: false` is an action row — Sign out, Help — with the rows' look, 44px on touch screens and the arrow keys, that runs `onSelect` and never becomes the current item (no `aria-current`, no `onChange`). In the rail it is its icon, the label its name. Any item can take `onSelect`. `collapseToggle="row"` shows `collapsible`'s toggle as a labelled row ("Collapse sidebar" / "Expand sidebar") instead of an icon button. In AppShell's phone drawer an action row closes the drawer; `onAction(id)` on SideNav reports action rows.

package/dist/styles.css

@@ -464,7 +464,11 @@ a.aura-icon-btn { text-decoration: none; }
 .aura-field.is-invalid .aura-input, .aura-field.is-invalid .aura-textarea { border-color: var(--aura-border-danger); }
 .aura-field.is-disabled .aura-input { background: var(--aura-bg-input-disabled); color: var(--aura-fg-secondary); border-color: var(--aura-border-default); }
 .aura-field.is-disabled .aura-input__control { cursor: not-allowed; }
-.aura-input:has(.aura-input__control:read-only:not(select)) { background: var(--aura-bg-input-disabled); }
+/* A read-only text field. Only an input: `:read-only` also matches any element that isn't editable — a
+ * Select's trigger <button> — which painted every custom Select with the disabled ground (5.16.1, Chamber-OS 109). */
+.aura-input:has(input.aura-input__control:read-only) { background: var(--aura-bg-input-disabled); }
+/* A read-only Textarea looks like a read-only TextField (it is its own .aura-input, so the rule above can't reach it). */
+.aura-textarea:read-only:not(:disabled) { background: var(--aura-bg-input-disabled); }
 
 .aura-textarea { display: block; padding: 10px var(--aura-space-3); min-height: 96px; line-height: 1.6; resize: vertical; outline: none; }
 .aura-textarea:focus { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: 1px; border-color: var(--aura-border-strong); }

package/dist/styles.layer.css

@@ -466,7 +466,11 @@ a.aura-icon-btn { text-decoration: none; }
 .aura-field.is-invalid .aura-input, .aura-field.is-invalid .aura-textarea { border-color: var(--aura-border-danger); }
 .aura-field.is-disabled .aura-input { background: var(--aura-bg-input-disabled); color: var(--aura-fg-secondary); border-color: var(--aura-border-default); }
 .aura-field.is-disabled .aura-input__control { cursor: not-allowed; }
-.aura-input:has(.aura-input__control:read-only:not(select)) { background: var(--aura-bg-input-disabled); }
+/* A read-only text field. Only an input: `:read-only` also matches any element that isn't editable — a
+ * Select's trigger <button> — which painted every custom Select with the disabled ground (5.16.1, Chamber-OS 109). */
+.aura-input:has(input.aura-input__control:read-only) { background: var(--aura-bg-input-disabled); }
+/* A read-only Textarea looks like a read-only TextField (it is its own .aura-input, so the rule above can't reach it). */
+.aura-textarea:read-only:not(:disabled) { background: var(--aura-bg-input-disabled); }
 
 .aura-textarea { display: block; padding: 10px var(--aura-space-3); min-height: 96px; line-height: 1.6; resize: vertical; outline: none; }
 .aura-textarea:focus { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: 1px; border-color: var(--aura-border-strong); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jirawatpyk/aura-react",
-  "version": "5.16.0",
+  "version": "5.16.1",
   "description": "AURA Design System — React components (Enterprise Standard, Human Creative). Thai-first: Buddhist-era dates, Thai collation.",
   "license": "MIT",
   "type": "module",