@jirawatpyk/aura-react 5.55.0 → 5.56.0

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/README.md CHANGED
@@ -186,6 +186,10 @@ DataTable with sort and page in the URL (4.17): `onStateChange={({ sort, page })
186
186
  - **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`.
187
187
  - **Toasts** queue past three instead of dropping: six in a row all show, in order, three at a time.
188
188
 
189
+ ## 5.56 — Chamber-OS addendum 69 (#168)
190
+
191
+ - **AppShell's menu button is a 44px touch target:** the "Open navigation" button AppShell draws below 1024px is now 44×44 below 640px or on a touch screen (`(pointer: coarse)`), whatever the density — the same box as an IconButton with `touchHeight` — so it matches the 44px search and account buttons beside it. From 640px with a mouse it keeps its 32px size; from 1024px it is hidden, as before. The bar keeps its 56px height; on a phone the `header` content is 12px narrower, so a long title truncates a little sooner. No new prop.
192
+
189
193
  ## 5.55 — Chamber-OS addendum 68 (#167)
190
194
 
191
195
  - **Bar and footer buttons follow `touchHeight`'s query:** the 44px minimum for Buttons in an ActionBar (`children`, `start`) and in a Dialog or Drawer footer, and the 44px IconButton in a bar (not one in a footer), now apply below 640px **or on a touch screen** (`(pointer: coarse)`) at any width — the query `touchHeight` and the compact density use — so a `size="sm"` bulk-bar button on a tablet is 44px too. With a mouse from 640px nothing changes (36/32px in compact). Wrapping a footer's long label stays phone-only. Drop the `touchHeight` you kept on `size="sm"` bar and footer buttons for tablets.
@@ -8474,6 +8474,7 @@ window.Aura = (() => {
8474
8474
  icon: /* @__PURE__ */ React48.createElement(IconMenu, null),
8475
8475
  label: props.menuLabel || t.openNav,
8476
8476
  size: "md",
8477
+ touchHeight: true,
8477
8478
  onClick: function() {
8478
8479
  setOpen(true);
8479
8480
  },
@@ -8456,6 +8456,7 @@ var AppShell = React48.forwardRef(function AppShell2(props, ref) {
8456
8456
  icon: /* @__PURE__ */ React48.createElement(IconMenu, null),
8457
8457
  label: props.menuLabel || t.openNav,
8458
8458
  size: "md",
8459
+ touchHeight: true,
8459
8460
  onClick: function() {
8460
8461
  setOpen(true);
8461
8462
  },
@@ -138,6 +138,7 @@ const AppShell = React.forwardRef(function AppShell2(props, ref) {
138
138
  icon: /* @__PURE__ */ React.createElement(IconMenu, null),
139
139
  label: props.menuLabel || t.openNav,
140
140
  size: "md",
141
+ touchHeight: true,
141
142
  onClick: function() {
142
143
  setOpen(true);
143
144
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jirawatpyk/aura-react",
3
- "version": "5.55.0",
3
+ "version": "5.56.0",
4
4
  "description": "AURA Design System — React components (Enterprise Standard, Human Creative). Thai-first: Buddhist-era dates, Thai collation.",
5
5
  "license": "MIT",
6
6
  "type": "module",