@podoba/react 0.0.41 → 0.0.42
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/package.json +3 -3
- package/src/layout/topbar.tsx +20 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@podoba/react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.42",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "podoba React components — React Aria Components + Tailwind primitives + layout, built with uic.",
|
|
6
6
|
"repository": {
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"typecheck": "tsc --build"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@podoba/tokens": "^0.0.
|
|
32
|
-
"@podoba/tailwind": "^0.0.
|
|
31
|
+
"@podoba/tokens": "^0.0.42",
|
|
32
|
+
"@podoba/tailwind": "^0.0.42",
|
|
33
33
|
"react-aria-components": "1.18.0",
|
|
34
34
|
"class-variance-authority": "0.7.1",
|
|
35
35
|
"clsx": "2.1.1",
|
package/src/layout/topbar.tsx
CHANGED
|
@@ -249,6 +249,26 @@ export const UserMenuSection = ({ label, children, ...props }: UserMenuSectionPr
|
|
|
249
249
|
</MenuSection>
|
|
250
250
|
)
|
|
251
251
|
|
|
252
|
+
/**
|
|
253
|
+
* Non-interactive muted line at the foot of the account menu, e.g. the running app
|
|
254
|
+
* version (`v2026.09.17 · a1b2c3d`). Like `UserMenuIdentity` it is a section header,
|
|
255
|
+
* so it is never focusable and never announced as an action. The text stays
|
|
256
|
+
* selectable so it can be copied into a bug report.
|
|
257
|
+
*
|
|
258
|
+
* `label` names the line for assistive tech only ("App version: v2026.09.17 · …").
|
|
259
|
+
* It has to live inside the header: React Aria names the section from its header,
|
|
260
|
+
* which would override an `aria-label` on the section. REQUIRED and a plain string,
|
|
261
|
+
* because podoba ships no i18n.
|
|
262
|
+
*/
|
|
263
|
+
export const UserMenuMeta = ({ label, children }: { label: string; children: ReactNode }) => (
|
|
264
|
+
<MenuSection>
|
|
265
|
+
<Header className="select-text px-4 py-2 text-micro leading-5 font-normal tabular-nums text-fg-muted">
|
|
266
|
+
<span className="sr-only">{`${label}: `}</span>
|
|
267
|
+
{children}
|
|
268
|
+
</Header>
|
|
269
|
+
</MenuSection>
|
|
270
|
+
)
|
|
271
|
+
|
|
252
272
|
/** 1px rule between account-menu groups (gs `.separator`). */
|
|
253
273
|
export const UserMenuSeparator = DropdownMenuSeparator
|
|
254
274
|
|