@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 +4 -0
- package/dist/aura.bundle.js +1 -0
- package/dist/cjs/index.cjs +1 -0
- package/dist/esm/AppShell.js +1 -0
- package/package.json +1 -1
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.
|
package/dist/aura.bundle.js
CHANGED
package/dist/cjs/index.cjs
CHANGED
|
@@ -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
|
},
|
package/dist/esm/AppShell.js
CHANGED
|
@@ -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.
|
|
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",
|